:root{--header-height: 160px;--header-height-scrolled: 80px;--header-logo-height: 130px;--header-logo-height-scrolled: 60px;--header-logo-aspectRatio: 437.038/160;--header-onTop-height: 30px;--logo-menu-button-gap: clamp(0rem, 5.3vw - 2.3rem, 3.75rem)}#header{position:relative}#header-global{height:var(--header-height);position:fixed;left:0;top:0;width:100%;transition:.3s ease-in;z-index:2000}#header.header--scrolled #header-global{height:var(--header-height-scrolled);pointer-events:none}#header-global .container{height:100%;display:flex;align-items:center;grid-column:fullwidth;padding-right:var(--logo-menu-button-gap)}#header-global .logo{display:flex;align-items:center;align-self:stretch;margin-right:auto;z-index:1;padding-left:30px;padding-right:90px;background-color:var(--white);clip-path:polygon(100% 0,calc(100% - 60px) 50%,100% 100%,0 100%,0 0);transition:.3s}#header.header--scrolled #header-global .logo{clip-path:polygon(100% 0,calc(100% - 30px) 50%,100% 100%,0 100%,0 0);background-color:var(--blue);padding-left:20px;padding-right:60px;padding-top:15px;pointer-events:auto}#header-global .logo svg{height:var(--header-logo-height);transition:height .3s ease-in;aspect-ratio:var(--header-logo-aspectRatio);object-fit:contain}#header-global .logo svg .iconOutside,#header-global .logo svg .de{fill:var(--brown)}#header-global .logo svg .iconInside{fill:var(--white)}#header-global .logo svg .klerk,#header-global .logo svg .werkendam,#header-global .logo svg .aannemer{fill:var(--blue)}#header.header--scrolled #header-global .logo svg{height:var(--header-logo-height-scrolled)}#header.header--scrolled #header-global .logo svg .klerk,#header.header--scrolled #header-global .logo svg .werkendam{fill:var(--white)}#header.header--scrolled #header-global .logo svg .aannemer{display:none}#header-global .navigation{flex:0 0 auto;display:flex;align-items:center;gap:var(--logo-menu-button-gap);transition:transform .15s}#header.header--scrolled #header-global .navigation{transform:translateY(calc(-1 * var(--header-height)));transition:transform .5s}body[data-slideover-active] #header-global .navigation{display:none}#header #searchButton{margin-right:var(--logo-menu-button-gap)}#header #searchButton .partFontIcon{--partFontIcon-size: 1.8rem;--partFontIcon-color: var(--white)}#header .partSearchBar{display:none}body[data-slideover-active] #header .partSearchBar{display:block}#header .partSearchBar2{flex:1 1 auto;margin-left:20px;margin-right:20px;max-width:920px}@media (max-width: 1380px){#header .partSearchBar2{max-width:560px}}@media (max-width: 900px){body[data-slideover-active] #header-global{min-height:calc(var(--header-height) + 100px);transition:none}body[data-slideover-active] #header .container{flex-wrap:wrap}body[data-slideover-active] #header .partSearchBar2{order:1;width:100%;max-width:unset;margin-right:0;margin-left:calc(var(--layoutGrid-fullwidth-spacing) + var(--layoutGrid-breakout-spacing));border-bottom:2px solid var(--white);--partSearchBar2-input-color: var(--white);--partSearchBar2-input-color-placeholder: var(--white);--partSearchBar2-form-backgroundColor: transparent;--partSearchBar2-autocomplete-button-iconColor: var(--white);--partSearchBar2-input-paddingLeft: 0px;--partSearchBar2-reset-icon-backgroundColor: rgba(255, 255, 255, .2);--partSearchBar2-reset-icon-svg-fill: var(--white)}body[data-slideover-active] #header .partSearchBar2 .searchBarButton svg{--partSearchBar2-scale: 50px}.slideOver-window-container{margin-top:calc(var(--header-height) + 120px)}}#header-ghost{height:var(--header-height)}#header-global .slideOver-button{pointer-events:auto;flex:0 0 auto}@media (max-width: 1680px){:root{--header-height: 120px;--header-logo-height: 80px}#header-global .logo{padding-left:20px;padding-right:70px;clip-path:polygon(100% 0,calc(100% - 50px) 50%,100% 100%,0 100%,0 0)}}@media (max-width: 1279px){:root{--header-height: 100px;--header-logo-height: 70px}#header-global .logo{padding-right:60px;clip-path:polygon(100% 0,calc(100% - 40px) 50%,100% 100%,0 100%,0 0)}#header-global .partNavigation,#header-global #searchButton{display:none}}@media (max-width: 900px){#header-global .container{padding-right:0;grid-column-end:content-end}#header.header--scrolled #header-global .logo{visibility:hidden;opacity:0}}@media (max-width: 667px){:root{--header-height: var(--header-height-scrolled);--header-logo-height: var(--header-logo-height-scrolled)}}