'); position:absolute; right:0; transition:transform 200ms ease-out;}.m-has-submenu.m-is-open > span::after{transform:scaleY(-1);}.m-submenu{transform:scaleY(0); transform-origin:top center; transition:transform 300ms ease-out, max-height 300ms ease; max-height:0; overflow:hidden;}/* TODO set per submenu */ .m-has-submenu:nth-child(1) .m-submenu{--item-count:2;}/* TODO set per submenu */ .m-has-submenu:nth-child(2) .m-submenu{--item-count:8;}.m-has-submenu.m-is-open > .m-submenu{transform:scaleY(1); max-height:calc(calc(16px + calc(1.8 * var(--font-size-100))) * var(--item-count));}.m-has-submenu ul, .m-submenu-only ul{padding:0; margin:0;}.m-subitem{margin:8px 0;}.m-subitem > a{color:var(--primary-text-color); font-size:var(--font-size-100); font-weight:var(--font-weight-400);}}@media (min-width:769px){.header-logo{width:80px;}.m-nav-open-button, .m-nav-header{display:none;}.header-menu-backdrop.dt-is-visible{bottom:0; height:100vh; right:0; width:100vw; opacity:1; transition:opacity 300ms ease-out;}.dt-nav-menu{display:flex; justify-content:center; column-gap:20px; align-items:center; margin:0; padding:0;}.header-menu .dt-nav-menu{margin-top:32px;}.dt-item > a, .dt-item > span{display:block; color:var(--secondary-text-color); font-size:var(--font-size-300); font-weight:var(--font-weight-700); line-height:var(--font-size-400); user-select:none;}.dt-item > a{margin-bottom:32px;}.dt-item span{cursor:default;}.dt-item > span{padding-bottom:32px;}.dt-has-submenu > span::after{content:url('data:image/svg+xml; utf8, '); transition:transform 200ms ease-out; display:inline-block; margin-left:8px;}.dt-has-submenu:hover > span::after{transform:scaleY(-1);}.dt-submenu-container{display:flex; column-gap:24px; justify-content:center; transform:scaleY(0); transform-origin:top; transition:transform 150ms ease-out; position:absolute; z-index:var(--z-level-300); left:0; right:0; width:100vw; padding:20px 0; background:var(--secondary-background-color); overflow:hidden;}.dt-has-submenu:hover > .dt-submenu-container, .dt-has-submenu:focus-within > .dt-submenu-container{transform:scaleY(1);}.dt-section + .dt-section{padding-left:24px; border-left:1px solid var(--divider-color);}.dt-section > span{color:var(--action-color); font-size:var(--font-size-300); font-weight:var(--font-weight-700);}/* TODO set per submenu */ .dt-section:nth-child(1) .dt-submenu{--col-count:2;}/* TODO set per submenu */ .dt-section:nth-child(2) .dt-submenu{--col-count:5;}.dt-submenu{margin:24px 0 0; padding:0; display:grid; column-gap:32px; row-gap:16px; grid-template-columns:repeat(var(--col-count), fit-content(150px));}.dt-primary-submenu .dt-subitem > a{color:var(--secondary-text-color); font-size:var(--font-size-400); font-weight:var(--font-weight-700);}.dt-secondary-submenu .dt-subitem > a{color:var(--primary-text-color); font-size:var(--font-size-200); font-weight:var(--font-weight-400);}}@media (min-width:1024px){.header-container{max-width:1200px; margin:0 auto;}.header-logo{width:96px;}.header-menu .dt-nav-menu{margin-top:40px; column-gap:40px;}.dt-item > a, .dt-item > span{font-size:var(--font-size-400);}.dt-item > a{margin-bottom:40px;}.dt-item > span{padding-bottom:40px;}}.page-header-inner{container:page-header / inline-size;}.page-header-inner h2,.page-header-inner h3,.page-header-inner p{margin:0;}.page-header-inner p{font-family:var(--body-font);}.page-header-inner h2{text-align:center; font-size:var(--font-size-800);}.page-header-inner h3{text-align:center; font-size:var(--font-size-400);}.page-header-inner p{font-family:var(--body-font); text-align:center; line-height:var(--line-height-500);}.hero-content a{text-align:center; font-weight:var(--font-weight-700);}.page-header-content{display:flex; flex-direction:column; row-gap:var(--spacing-300); align-items:center; padding:var(--spacing-500) var(--spacing-100);}@container page-header (min-width:375px){.page-header-content{padding:var(--spacing-500) var(--spacing-500);}}@container page-header (min-width:424px){.page-header-content{padding:var(--spacing-700);}}@container page-header (min-width:1024px){.page-header-content{padding:var(--spacing-900);}.page-header-inner h2{font-size:var(--font-size-900);}.page-header-inner h3{font-size:var(--font-size-500);}}.component-with-subcomponents-2-columns{container:componentWithSubcomponents / inline-size; width:100%;}.component-with-subcomponents-2-columns > .titles > h2{text-align:center; font-size:var(--font-size-900); margin:0;}.component-with-subcomponents-2-columns > .content-width{margin:0 auto; display:grid; grid-template-columns:1fr; gap:var(--spacing-400);}.component-with-subcomponents-2-columns > .content-width > .grid-element{padding:var(--spacing-500) var(--spacing-100); order:1;}.component-with-subcomponents-2-columns > .content-width > .grid-element:has(.subcomponent-background-image, .subcomponent-image){order:2;}/* .component-with-subcomponents-2-columns > .content-width > .grid-element:first-of-type{padding-bottom:0;}.component-with-subcomponents-2-columns > .content-width > .grid-element:last-of-type{padding-top:0;}*/@container componentWithSubcomponents (min-width:375px){.component-with-subcomponents-2-columns > .content-width > .grid-element{padding:var(--spacing-500) var(--spacing-500);}}@container componentWithSubcomponents (min-width:424px){.component-with-subcomponents-2-columns > .content-width > .grid-element{padding:var(--spacing-500);}}@container componentWithSubcomponents (min-width:1024px){.component-with-subcomponents-2-columns > .content-width{grid-template-columns:1fr 1fr;}.component-with-subcomponents-2-columns > .content-width > .grid-element{padding:var(--spacing-800);}.component-with-subcomponents-2-columns > .content-width > .grid-element:has(.subcomponent-background-image, .subcomponent-image){order:1;}.component-with-subcomponents-2-columns > .content-width > .grid-element:first-of-type{padding-bottom:var(--spacing-800);}.component-with-subcomponents-2-columns > .content-width > .grid-element:last-of-type{padding-top:var(--spacing-800);}}@container componentWithSubcomponents (min-width:1376px){.component-with-subcomponents-2-columns > .content-width > .grid-element:first-of-type{margin-left:calc((100vw - (1216px + 2 * var(--spacing-800))) / 2);}.component-with-subcomponents-2-columns > .content-width > .grid-element:last-of-type{margin-right:calc((100vw - (1216px + 2 * var(--spacing-800))) / 2);}}.subcomponent-text{container-type:inline-size; container-name:subcomponentText; width:100%; height:100%; box-sizing:border-box; display:flex; align-items:center;}.subcomponent-text .content-width{padding:0; display:grid; grid-template-columns:1fr; gap:var(--spacing-400);}.subcomponent-text .titles,.subcomponent-text .content{display:grid; grid-template-columns:1fr; gap:var(--spacing-200);}.subcomponent-text .titles{font-family:var(--heading-font);}.subcomponent-text .content{font-family:var(--body-font);}.subcomponent-text h3{color:var(--secondary-color); font-weight:var(--font-weight-700); font-size:var(--font-size-400); margin:0;}.subcomponent-text h2{color:var(--primary-color); font-weight:var(--font-weight-700); font-size:var(--font-size-700); margin:0;}.subcomponent-text .text{line-height:var(--line-height-500); font-size:var(--font-size-400); margin:0;}.subcomponent-text a.cta{margin:var(--spacing-400) 0; place-self:self-start;}.subcomponent-text .text a{color:var(--action-color);}.subcomponent-text .text a:visited{color:var(--primary-color);}@media (min-width:1024px){.subcomponent-text a.cta{margin:var(--spacing-400) 0;}.subcomponent-text h3{font-size:var(--font-size-500);}.subcomponent-text h2{font-size:var(--font-size-800);}}.subcomponent-background-image{height:100%;}.subcomponent-background-image img{width:100%; height:100%; object-fit:cover;}.contact-form{position:relative;}.contact-form-inner{container:contactForm / inline-size;}#contact-form-anchor{visibility:hidden; position:absolute;}.contact-form-header{padding:var(--spacing-500) var(--spacing-300) var(--spacing-400);}.contact-form-header-title{font-family:var(--heading-font); font-size:var(--font-size-700); font-weight:var(--font-weight-700); line-height:var(--line-height-100); margin:0;}.contact-form-header-text{font-family:var(--body-font); font-size:var(--font-size-400); font-weight:var(--font-weight-400); line-height:var(--line-height-500); margin:var(--spacing-400) 0 0;}.contact-form-info{padding:var(--spacing-500) var(--spacing-300);}.contact-form-info-title{font-family:var(--heading-font); font-size:var(--font-size-700); font-weight:var(--font-weight-700); line-height:var(--line-height-100); margin:0;}.contact-form-info-text,.contact-form-info-details-text > p{font-family:var(--body-font); font-size:var(--font-size-300); font-weight:var(--font-weight-400); line-height:var(--line-height-300);}.contact-form-info-text{margin:var(--spacing-200) 0 0;}.contact-form-info-details{margin:var(--spacing-400) 0 0; display:flex; column-gap:var(--spacing-400); align-items:center;}.contact-form-info-details-image{display:block; border-radius:var(--border-radius-200); width:50%; max-width:210px; aspect-ratio:3 / 2; object-fit:cover;}.contact-form-info-details-text{font-style:normal;}.contact-form-info-details-name{margin:0;}.contact-form-info-details-name > strong{font-weight:var(--font-weight-700); font-size:var(--font-size-500);}.contact-form-info-details-role,.contact-form-info-details-email{margin:var(--spacing-100) 0 0;}.contact-form-info-details-phone{margin:var(--spacing-300) 0 0;}.contact-form-info-details-link{color:inherit; text-decoration:none;}.contact-form-container{padding:var(--spacing-500) var(--spacing-400) var(--spacing-700);}.contact-form-input,.contact-form-fields{display:flex; flex-direction:column; row-gap:var(--spacing-400);}.contact-form-field,.contact-form-message{display:flex; flex-direction:column; row-gap:var(--spacing-200);}.contact-form-field-label,.contact-form-message-label{font-family:var(--body-font); font-size:var(--font-size-300); font-weight:var(--font-weight-400); line-height:var(--line-height-100);}.contact-form-field-input,.contact-form-message-textarea{display:block; appearance:none; background:transparent; border-width:0 0 1px; border-radius:0; transition:border-color 200ms ease-in; font-family:var(--body-font); font-size:var(--font-size-500); line-height:var(--line-height-300);}.contact-form-field-input:focus,.contact-form-message-textarea:focus{outline:0;}.contact-form-message-textarea{resize:none; box-sizing:border-box; width:100%; height:3lh;}.contact-form-subscribe{display:flex; column-gap:var(--spacing-400); align-items:flex-start;}.contact-form-subscribe-checkbox{position:relative; transform:scale(2); bottom:-0.625rem;}.contact-form-submit{display:flex; justify-content:flex-end; flex-direction:column;}.contact-form-submit-message{display:flex; align-items:center; font-family:var(--body-font); font-size:var(--font-size-300); font-weight:var(--font-weight-700); flex:1;}.contact-form-subscribe-label{font-family:var(--body-font); font-size:var(--font-size-400); font-weight:var(--font-weight-400); line-height:var(--line-height-500);}.contact-form-notice{font-family:var(--body-font); font-size:var(--font-size-200); font-weight:var(--font-weight-400); line-height:var(--line-height-500); margin:var(--spacing-400) 0 0; text-decoration:none;}.contact-form-notice > a{text-decoration:none; color:inherit;}.contact-form-field input[type='file']{display:none;}.contact-form-field:has(input[type='file']){grid-column:span 2;}.contact-form-field-input-file,.contact-form-field-input-filename{margin:auto;}.contact-form-popup{display:none;}.contact-form-popup .contact-form-popup-overlay{background:var(--primary-background-overlay); z-index:var(--z-level-400); position:fixed; inset:0;}.contact-form-popup .contact-form-popup-card{box-sizing:border-box; display:grid; grid-template-columns:1fr; row-gap:1.5rem; width:100%; overflow:hidden; position:fixed; padding:var(--spacing-400); top:3rem; left:50%; transform:translate(-50%, 0); border-radius:var(--border-radius-200); box-shadow:var(--block-box-shadow); z-index:calc(var(--z-level-400) + 1);}.contact-form-popup .contact-form-popup-card .contact-form-popup-card-title h2{font-size:var(--font-size-700);}.contact-form-popup .contact-form-popup-card .contact-form-popup-content{line-height:var(--line-height-500); font-family:var(--body-font); font-size:var(--font-size-400);}.contact-form-popup .contact-form-popup-card .contact-form-popup-buttons-container{display:flex; justify-content:flex-end;}.contact-form-popup .contact-form-popup-card .contact-form-popup-buttons-container p{padding:var(--spacing-200) var(--spacing-400); border-radius:4px;}.contact-form-popup .contact-form-popup-card .contact-form-popup-buttons-container div{cursor:pointer;}.contact-form-popup .contact-form-popup-card .contact-form-popup-card-title h2,.contact-form-popup .contact-form-popup-card .contact-form-popup-content p,.contact-form-popup .contact-form-popup-card .contact-form-popup-buttons-container p{margin:0;}.contact-form-popup:not(.contact-form-error) .contact-form-error{display:none;}.contact-form-popup.contact-form-error .contact-form-success{display:none;}@container contactForm (min-width:470px){.contact-form-submit{flex-direction:row;}}@container contactForm (min-width:1024px){.contact-form{padding:0 var(--spacing-300) var(--spacing-700);}.contact-form-header{padding:var(--spacing-800) var(--spacing-400) var(--spacing-400);}.contact-form-header-title{font-size:var(--font-size-900);}.contact-form-header-text{font-family:var(--body-font); font-size:var(--font-size-500);}.contact-form-body:has(.contact-form-info){display:grid; grid-template-columns:50% 50%;}.contact-form-fields{display:grid; grid-template-columns:repeat(auto-fit, minmax(45%, auto)); column-gap:var(--spacing-400);}.contact-form-info-title{font-size:var(--font-size-800);}.contact-form-info-details-name > strong{font-size:var(--font-size-700);}.contact-form-info{display:flex; flex-direction:column; justify-content:center; padding:var(--spacing-500);}.contact-form-info-text, .contact-form-info-details-text > p{font-size:var(--font-size-500);}.contact-form-info-text{margin:var(--spacing-300) 0 0;}.contact-form-info-details-role{margin:var(--spacing-200) 0 0;}}@media (min-width:500px){.contact-form-popup .contact-form-popup-card{max-width:40rem; min-width:25rem;}.contact-form-popup .contact-form-popup-card .contact-form-popup-content{font-size:var(--font-size-500);}}@media (min-height:800px){.contact-form-popup .contact-form-popup-card{top:50%; transform:translate(-50%, -50%);}}.footer{display:flex; flex-direction:column; container:footer / inline-size;}.footer-container{padding-left:var(--spacing-300); padding-right:var(--spacing-300);}.mainfooter-container{padding-top:var(--spacing-400); padding-bottom:var(--spacing-400);}.mainfooter-logo{margin-bottom:var(--spacing-400);}.mainfooter-logo > svg{display:block;}.mainfooter-menu{display:flex; flex-direction:column; gap:var(--spacing-400) 0;}.mainfooter-menu-column p{font-size:var(--font-size-400); font-weight:var(--font-weight-700); line-height:var(--line-height-500); margin:0 0 var(--spacing-300);}.footer ul{margin:0; padding:0; list-style-type:none;}.footer li{font-family:var(--body-font); margin:0 0 var(--spacing-200);}.footer li,.footer .subfooter-container p{font-size:var(--font-size-300); line-height:var(--line-height-500);}.footer a{text-decoration:none;}.subfooter-container{display:flex; flex-direction:column; padding-top:var(--spacing-300); padding-bottom:var(--spacing-300); gap:var(--spacing-300) 0;}.subfooter-menu ul{display:flex; flex-direction:column;}.subfooter-copyright > p{margin:0; font-family:var(--body-font);}@container footer (min-width:448px){.footer-container{padding-left:var(--spacing-400); padding-right:var(--spacing-400);}}@container footer (min-width:768px){.footer-container{display:grid;}.mainfooter-logo{margin-bottom:0;}.mainfooter-menu{display:grid; grid-auto-columns:minmax(0, 1fr); grid-auto-flow:column; gap:0 var(--spacing-400);}.subfooter-menu ul{flex-direction:row; column-gap:var(--spacing-500);}.subfooter-menu li{margin:0; cursor:pointer;}.subfooter-copyright{order:-1;}}@container footer (min-width:1024px){.footer-container{padding-left:var(--spacing-500); padding-right:var(--spacing-500);}}.skip-link{text-decoration:none; display:block; position:fixed; z-index:999999; top:10px; left:50%; transform:translate(-50%, -200%); min-width:max-content; padding:8px 16px; font-family:var(--heading-font); font-size:1rem; background-color:var(--background-color); color:var(--text-color); border-radius:4px; box-shadow:var(--block-box-shadow);}.skip-link:focus{transform:translate(-50%, 0);}
Doorgaan naar de inhoud
Headquarters
Amsterdam Johan Siegerstraat 24 1096 BH Amsterdam Netherlands
Give us a call +31 20 345 9488