.elementor-677 .elementor-element.elementor-element-ffd051d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-677 .elementor-element.elementor-element-ffd051d:not(.elementor-motion-effects-element-type-background), .elementor-677 .elementor-element.elementor-element-ffd051d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #006AA3 0%, var( --e-global-color-primary ) 100%);}.elementor-677 .elementor-element.elementor-element-b43a9ed{--display:flex;--margin-top:124px;--margin-bottom:24px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:40px;}.elementor-677 .elementor-element.elementor-element-52eb7c3{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-677 .elementor-element.elementor-element-1a243bf > .elementor-widget-container{margin:0px -27px 0px 0px;}.elementor-677 .elementor-element.elementor-element-1a243bf .elementor-heading-title{color:var( --e-global-color-02f4476 );}.elementor-677 .elementor-element.elementor-element-383432e .elementor-heading-title{font-family:"Sofia Sans", Sans-serif;font-size:24px;font-weight:500;text-transform:uppercase;letter-spacing:0.05em;color:var( --e-global-color-02f4476 );}.elementor-677 .elementor-element.elementor-element-57a822e{width:initial;max-width:initial;font-size:20px;color:#FFFFFF;}.elementor-677 .elementor-element.elementor-element-57a822e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-677 .elementor-element.elementor-element-1b25a7d{width:100%;max-width:100%;}.elementor-677 .elementor-element.elementor-element-1b25a7d > .elementor-widget-container{margin:100px -4px 100px -4px;}.elementor-677 .elementor-element.elementor-element-1b25a7d:not( .elementor-widget-image ) .elementor-widget-container, .elementor-677 .elementor-element.elementor-element-1b25a7d.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://degraafmetaalwerken.nl/wp-content/uploads/2025/04/hexagon.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-677 .elementor-element.elementor-element-1b25a7d img{width:100%;height:100%;object-fit:cover;object-position:center center;}body:not(.rtl) .elementor-677 .elementor-element.elementor-element-3fb66d8{right:0px;}body.rtl .elementor-677 .elementor-element.elementor-element-3fb66d8{left:0px;}.elementor-677 .elementor-element.elementor-element-3fb66d8{bottom:0px;}.elementor-677 .elementor-element.elementor-element-e23a9e6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:60px 16px;--row-gap:60px;--column-gap:16px;--padding-top:60px;--padding-bottom:100px;--padding-left:24px;--padding-right:24px;}.elementor-677 .elementor-element.elementor-element-53a54a1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:16px 24px;--row-gap:16px;--column-gap:24px;}.elementor-677 .elementor-element.elementor-element-79533ba > .elementor-widget-container{margin:0px 0px -2px 0px;}.elementor-677 .elementor-element.elementor-element-79533ba .elementor-heading-title{font-family:"Sofia Sans Semi Condensed", Sans-serif;font-size:24px;font-weight:900;}.elementor-677 .elementor-element.elementor-element-228aab9{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--e-filter-space-between:8px;--e-filter-normal-text-color:#14141480;--e-filter-hover-text-color:var( --e-global-color-9751ba0 );--e-filter-active-text-color:var( --e-global-color-primary );}.elementor-677 .elementor-element.elementor-element-228aab9 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){border-style:solid;border-color:#FFFFFF00;}.elementor-677 .elementor-element.elementor-element-228aab9 .e-filter-item:hover:not( [aria-pressed=true] ){border-style:solid;border-color:#FFFFFF00;}.elementor-677 .elementor-element.elementor-element-228aab9 .e-filter-item[aria-pressed="true"]{border-style:solid;border-color:var( --e-global-color-primary );}.elementor-677 .elementor-element.elementor-element-228aab9 .e-filter-item{padding:8px 16px 8px 16px;}.elementor-677 .elementor-element.elementor-element-ab7d34d{--grid-columns:4;--grid-row-gap:16px;width:100%;max-width:100%;--grid-column-gap:16px;}.elementor-677 .elementor-element.elementor-element-ab7d34d .elementor-loop-container{grid-auto-rows:1fr;}.elementor-677 .elementor-element.elementor-element-ab7d34d .e-loop-item > .elementor-section, .elementor-677 .elementor-element.elementor-element-ab7d34d .e-loop-item > .elementor-section > .elementor-container, .elementor-677 .elementor-element.elementor-element-ab7d34d .e-loop-item > .e-con, .elementor-677 .elementor-element.elementor-element-ab7d34d .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-677 .elementor-element.elementor-element-51ecffa{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:40px 16px;--row-gap:40px;--column-gap:16px;--overflow:hidden;--overlay-opacity:0.4;--overlay-mix-blend-mode:overlay;box-shadow:0px 0px 160px 0px rgba(200.00000000000003, 200.00000000000003, 200.00000000000003, 0.5) inset;--padding-top:80px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.elementor-677 .elementor-element.elementor-element-51ecffa:not(.elementor-motion-effects-element-type-background), .elementor-677 .elementor-element.elementor-element-51ecffa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D9D8D6;}.elementor-677 .elementor-element.elementor-element-51ecffa::before, .elementor-677 .elementor-element.elementor-element-51ecffa > .elementor-background-video-container::before, .elementor-677 .elementor-element.elementor-element-51ecffa > .e-con-inner > .elementor-background-video-container::before, .elementor-677 .elementor-element.elementor-element-51ecffa > .elementor-background-slideshow::before, .elementor-677 .elementor-element.elementor-element-51ecffa > .e-con-inner > .elementor-background-slideshow::before, .elementor-677 .elementor-element.elementor-element-51ecffa > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://degraafmetaalwerken.nl/wp-content/uploads/2025/04/metal.webp");--background-overlay:'';background-size:100px auto;}.elementor-677 .elementor-element.elementor-element-96e213a{width:100%;max-width:100%;text-align:center;}body:not(.rtl) .elementor-677 .elementor-element.elementor-element-6491838{left:0px;}body.rtl .elementor-677 .elementor-element.elementor-element-6491838{right:0px;}.elementor-677 .elementor-element.elementor-element-6491838{top:0px;}body:not(.rtl) .elementor-677 .elementor-element.elementor-element-39ec8b5{right:0px;}body.rtl .elementor-677 .elementor-element.elementor-element-39ec8b5{left:0px;}.elementor-677 .elementor-element.elementor-element-39ec8b5{bottom:0px;}.elementor-677 .elementor-element.elementor-element-847b361{--display:flex;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-677 .elementor-element.elementor-element-53a54a1{--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;}.elementor-677 .elementor-element.elementor-element-228aab9{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;}.elementor-677 .elementor-element.elementor-element-ab7d34d{--grid-columns:3;}}@media(max-width:1024px){.elementor-677 .elementor-element.elementor-element-ffd051d{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:-68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-677 .elementor-element.elementor-element-b43a9ed{--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-677 .elementor-element.elementor-element-1a243bf{width:var( --container-widget-width, 529px );max-width:529px;--container-widget-width:529px;--container-widget-flex-grow:0;}.elementor-677 .elementor-element.elementor-element-1a243bf > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-677 .elementor-element.elementor-element-383432e .elementor-heading-title{font-size:22px;}.elementor-677 .elementor-element.elementor-element-57a822e{font-size:18px;}.elementor-677 .elementor-element.elementor-element-1b25a7d{width:100%;max-width:100%;}.elementor-677 .elementor-element.elementor-element-1b25a7d > .elementor-widget-container{margin:104px 0px 0px 0px;}.elementor-677 .elementor-element.elementor-element-1b25a7d img{width:480px;}.elementor-677 .elementor-element.elementor-element-53a54a1{--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;}.elementor-677 .elementor-element.elementor-element-79533ba.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-677 .elementor-element.elementor-element-228aab9{--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;}.elementor-677 .elementor-element.elementor-element-ab7d34d{--grid-columns:2;}.elementor-677 .elementor-element.elementor-element-51ecffa{--padding-top:80px;--padding-bottom:104px;--padding-left:24px;--padding-right:24px;}}@media(max-width:767px){.elementor-677 .elementor-element.elementor-element-ffd051d{--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-677 .elementor-element.elementor-element-b43a9ed{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-677 .elementor-element.elementor-element-383432e .elementor-heading-title{font-size:20px;}.elementor-677 .elementor-element.elementor-element-1b25a7d > .elementor-widget-container{margin:104px 0px 0px 0px;}.elementor-677 .elementor-element.elementor-element-1b25a7d img{height:100%;}.elementor-677 .elementor-element.elementor-element-53a54a1{--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;}.elementor-677 .elementor-element.elementor-element-228aab9{--e-filter-direction:column;--e-filter-white-space:initial;--e-filter-align-items:center;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:center;}.elementor-677 .elementor-element.elementor-element-ab7d34d{--grid-columns:1;}.elementor-677 .elementor-element.elementor-element-51ecffa{--padding-top:80px;--padding-bottom:104px;--padding-left:24px;--padding-right:24px;}}@media(min-width:768px){.elementor-677 .elementor-element.elementor-element-b43a9ed{--width:calc(100% - 40px);}}/* Start custom CSS */.e-filter button:before{
    margin-right:8px;
    width:24px;
    transition:.3s;
    margin-bottom:-4px;
}
.e-filter button[aria-pressed="false"]:not(:hover):before{
    filter: grayscale(100%) saturate(0%) opacity(50%) brightness(.27);
}
.e-filter button[aria-pressed="true"]:before{
    filter: hue-rotate(-20deg) brightness(1.325) saturate(99%);
}
.e-filter button[data-filter="interieurbouw"]:before,
.e-filter button[data-filter="interior"]:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230055b8'%3E%3Cpath d='M5,7.5c.827,0,1.5-.673,1.5-1.5h1.5v-.5c-.036-1.701-1.104-2.754-2.5-2.957V0h-1v2.543c-1.396.203-2.464,1.256-2.5,2.957v.5h1.5c0,.827.673,1.5,1.5,1.5ZM5,6.5c-.276,0-.5-.224-.5-.5h1c0,.276-.224.5-.5.5ZM3.057,5c.232-1.095,1.116-1.5,1.943-1.5s1.718.408,1.945,1.5h-3.888Z'%3E%3C/path%3E%3Cpath d='M12,7.5c.827,0,1.5-.673,1.5-1.5h1.5v-.5c-.036-1.701-1.104-2.754-2.5-2.957V0h-1v2.543c-1.396.203-2.464,1.256-2.5,2.957v.5h1.5c0,.827.673,1.5,1.5,1.5ZM12,6.5c-.276,0-.5-.224-.5-.5h1c0,.276-.224.5-.5.5ZM10.057,5c.232-1.095,1.116-1.5,1.943-1.5s1.718.408,1.945,1.5c0,0-3.888,0-3.888,0Z'%3E%3C/path%3E%3Cpath d='M19,7.5c.827,0,1.5-.673,1.5-1.5h1.5v-.5c-.036-1.701-1.104-2.754-2.5-2.957V0h-1v2.543c-1.396.203-2.464,1.256-2.5,2.957v.5h1.5c0,.827.673,1.5,1.5,1.5ZM19,6.5c-.276,0-.5-.224-.5-.5h1c0,.276-.224.5-.5.5ZM17.057,5c.232-1.095,1.116-1.5,1.943-1.5s1.718.408,1.945,1.5h-3.888Z'%3E%3C/path%3E%3Cpath d='M9.873,20l.827,4h1.014l-1.451-7h.738v-3h-6v3h.74l-1.455,7h1.017l.827-4h3.744ZM9.664,19h-3.33l.413-2h2.504l.413,2h0,0ZM6,15h4v1h-4v-1Z'%3E%3C/path%3E%3Cpath d='M19,17v-3h-6v3h.74l-1.455,7h1.017l.827-4h3.744l.827,4h1.017l-1.455-7h.738ZM17.664,19h-3.33l.413-2h2.504l.413,2h0,0ZM18,16h-4v-1h4v1Z'%3E%3C/path%3E%3Cpolygon points='9.982 23 6.02 23 5.813 24 10.189 24 9.982 23'%3E%3C/polygon%3E%3Cpath d='M0,9v3h2v12h1.775l.208-1h-.982v-11h18v11h-.98l.208,1h1.773v-12h2v-3H0ZM23,11H1v-1h22v1Z'%3E%3C/path%3E%3Cpolygon points='17.982 23 14.02 23 13.813 24 18.189 24 17.982 23'%3E%3C/polygon%3E%3C/svg%3E");
}
.e-filter button[data-filter="telecom"]:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230055b8'%3E%3Cpath d='M18.54,23l-6.54-16-6.54,16h-3.46v1h20v-1h-3.46ZM14.39,15.5h-1.89v-3h.67l1.23,3h-.01ZM17.46,22.99l-3.68-2.49h2.66l1.02,2.49ZM12.5,19.5v-3h2.3l1.23,3h-3.53ZM11.5,15.5h-1.89l1.23-3h.67v3h-.01ZM11.5,16.5v3h-3.53l1.23-3h2.3ZM10.22,20.5l-3.68,2.49,1.02-2.49h2.66ZM12,20.5l3.68,2.5h-7.37l3.68-2.5h.01ZM12.76,11.5h-1.52l.76-1.86.76,1.86Z'%3E%3C/path%3E%3Cpath d='M8.46,13.03l.38-.94c-1.7-1.06-2.84-2.94-2.84-5.09,0-.55.08-1.08.22-1.58.7-2.54,3.02-4.42,5.78-4.42s5.08,1.88,5.78,4.42c.14.5.22,1.03.22,1.58,0,2.15-1.14,4.03-2.84,5.09l.38.94c2.07-1.22,3.46-3.46,3.46-6.03,0-.54-.07-1.07-.19-1.58C18.09,2.32,15.32,0,12,0s-6.1,2.32-6.81,5.42c-.12.51-.19,1.04-.19,1.58,0,2.57,1.39,4.81,3.46,6.03Z'%3E%3C/path%3E%3Cpath d='M17,7c0-.56-.11-1.08-.28-1.58-.66-1.98-2.52-3.42-4.72-3.42s-4.06,1.44-4.72,3.42c-.17.5-.28,1.03-.28,1.58,0,1.73.88,3.26,2.22,4.16l.39-.96c-.97-.73-1.61-1.88-1.61-3.19,0-.56.12-1.1.33-1.58.61-1.42,2.03-2.42,3.67-2.42s3.06,1,3.67,2.42c.21.49.33,1.02.33,1.58,0,1.31-.64,2.46-1.61,3.19l.39.96c1.34-.9,2.22-2.42,2.22-4.16Z'%3E%3C/path%3E%3Cpath d='M13.99,9.23c.61-.55,1.01-1.34,1.01-2.23,0-.58-.17-1.12-.46-1.58-.53-.85-1.47-1.42-2.54-1.42s-2.01.57-2.54,1.42c-.29.46-.46,1-.46,1.58,0,.89.39,1.68,1.01,2.23l.41-1.01c-.26-.34-.42-.76-.42-1.22,0-.65.31-1.22.79-1.58.34-.26.75-.42,1.21-.42s.87.16,1.21.42c.48.37.79.94.79,1.58,0,.46-.16.88-.42,1.22l.41,1.01Z'%3E%3C/path%3E%3C/svg%3E");
}
.e-filter button[data-filter="specials"]:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230055b8'%3E%3Cpath d='M8.698,1.2l1.617,1.979.338.413.531-.051c.293-.028.56-.042.816-.042.295,0,.593.017.913.051l.523.056.342-.399,1.686-1.966,1.52.607v2.776s0,.476,0,.476l.37.3c.476.386.918.836,1.313,1.337l.355.449.567-.079,2.444-.339.738,1.753-1.949,1.408-.484.35.079.592c.058.433.084.792.084,1.129,0,.307-.022.641-.068,1.021l-.064.531.406.348,1.978,1.695-.604,1.46h-3.299l-.3.362c-.355.429-.763.831-1.214,1.195l-.432.349.068.551.305,2.467-1.786.733-1.499-1.913-.35-.447-.563.071c-.413.052-.756.077-1.079.077-.302,0-.625-.021-.99-.063l-.578-.067-.344.469-1.422,1.939-1.977-.815.262-2.529.055-.533-.413-.341c-.414-.341-.798-.726-1.144-1.143l-.3-.362H1.852l-.61-1.471,1.985-1.755.39-.345-.059-.517c-.04-.351-.059-.668-.059-.967s.019-.613.058-.961l.062-.546-.429-.345-1.982-1.594.668-1.629,2.599.191.529.039.329-.416c.378-.478.793-.906,1.233-1.273l.36-.3V1.9l1.771-.701M9.01.001l-3.083,1.219v3.476c-.509.423-.968.902-1.378,1.422l-3.323-.244L0,8.865l2.564,2.062c-.04.353-.065.709-.065,1.073,0,.365.025.724.065,1.079L.045,15.307l1.139,2.748h3.496c.385.465.812.892,1.277,1.276l-.339,3.272,3.391,1.398,1.885-2.57c.363.042.731.069,1.105.069.409,0,.809-.035,1.205-.085l1.965,2.509,3.193-1.31-.399-3.225c.494-.4.95-.845,1.355-1.335h3.497l1.138-2.748-2.529-2.166c.045-.375.075-.754.075-1.141,0-.428-.038-.847-.093-1.26l2.594-1.873-1.345-3.194-3.205.445c-.434-.549-.924-1.051-1.467-1.493V1.171S15.17.047,15.17.047l-2.151,2.509c-.335-.036-.674-.056-1.019-.056-.307,0-.611.017-.911.046L9.01.001h0Z'%3E%3C/path%3E%3Cpath d='M12,7c2.757,0,5,2.243,5,5s-2.243,5-5,5-5-2.243-5-5,2.243-5,5-5M12,6c-3.314,0-6,2.686-6,6s2.686,6,6,6,6-2.686,6-6-2.686-6-6-6h0Z'%3E%3C/path%3E%3C/svg%3E");
}
.e-filter button[data-filter="utiliteitsbouw"]:before,
.e-filter button[data-filter="non-residential"]:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230055b8'%3E%3Cpath d='M10,15h4v-4h-4v4ZM11,12h2v2h-2v-2Z'%3E%3C/path%3E%3Cpath d='M10,9h4v-4h-4v4ZM11,6h2v2h-2v-2Z'%3E%3C/path%3E%3Cpath d='M17,5v-2h2V0H5v3h2v5H0v3h2v13h20V8h2v-3h-7ZM7,23H3v-12h4v12ZM7,10H1v-1h6v1ZM6,2v-1h12v1H6ZM13,23h-2v-5h2v5ZM16,23h-2v-6h-4v6h-2V3h8v20ZM21,23h-4v-15h4v15ZM23,7h-6v-1h6v1Z'%3E%3C/path%3E%3C/svg%3E");
}
.e-filter button[data-filter="woningbouw"]:before,
.e-filter button[data-filter="housing"]:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230055b8'%3E%3Cpath d='M19.987,7.97l.013-6.97h-4v3c-.519-.518-3.551-3.552-4-4L0,12l2.825,2.795c.289-.289.895-.907,1.175-1.186v10.391h16v-10.391l1.175,1.186c.789-.787,2.037-2.008,2.825-2.795l-4.013-4.03ZM17,2h2v5l-2-2v-3ZM13.997,22.994h-3.993v-7.97h3.993v7.97ZM19,23l-4.005-.006v-8.967h-5.99v8.967l-3.993.006-.012-10.4,7-7,7,7v10.4ZM21.175,13.38L12,4.2,2.825,13.38l-1.408-1.405L12,1.4c2.417,2.417,8.118,8.107,10.592,10.576l-1.408,1.405h-.01Z'%3E%3C/path%3E%3C/svg%3E");
}/* End custom CSS */