@font-face{font-family:drescher;font-style:normal;font-weight:600;src:url(https://fonts.icordis.be/fonts/zaventem/drescher_bt_bold-webfont.woff2) format("woff2"),url(https://fonts.icordis.be/fonts/zaventem/drescher_bt_bold-webfont.woff) format("woff"),url(https://fonts.icordis.be/fonts/zaventem/drescher_grotesk_bt_bold-webfont.ttf) format("truetype")}@font-face{font-family:drescher;font-style:normal;font-weight:300;src:url(https://fonts.icordis.be/fonts/zaventem/drescher_grotesk_bt_light-webfont.woff2) format("woff2"),url(https://fonts.icordis.be/fonts/zaventem/drescher_grotesk_bt_light-webfont.woff) format("woff"),url(https://fonts.icordis.be/fonts/zaventem/drescher_grotesk_bt_light-webfont.ttf) format("truetype")}@font-face{font-family:drescher;font-style:normal;font-weight:400;src:url(https://fonts.icordis.be/fonts/zaventem/drescher_grotesk_bt_semibold-webfont.woff2) format("woff2"),url(https://fonts.icordis.be/fonts/zaventem/drescher_grotesk_bt_semibold-webfont.woff) format("woff"),url(https://fonts.icordis.be/fonts/zaventem/drescher_grotesk_bt_semibold-webfont.ttf) format("truetype")}:root{--yellow:#fd0;--light-blue:#d1f4ff;--blue:#155e89;--dark-blue:#005380;--color-primary:#155e89;--color-primary-light:#d1f4ff;--color-primary-dark:#005380;--color-secondary:#fd0;--color-secondary-light:var(--color-secondary);--color-secondary-dark:var(--color-secondary);--color-tertiary:var(--color-secondary);--color-tertiary-light:var(--color-secondary);--color-tertiary-dark:var(--color-secondary);--color-accent:var(--color-secondary);--color-accent-light:var(--color-secondary);--color-accent-dark:var(--color-secondary);--border-radius:var(--space-1);--font-family:calibri,verdana,sans-serif;--font-family-base:var(--font-family);--font-family-title:"drescher";--font-weight-bold:600;--font-weight-regular:400;--font-weight-light:300}.button{--button-color:var(--color-primary);--button-text-color:var(--color-secondary);--button-border-color:var(--color-primary);--button-color-active:var(--color-primary);--button-color-hover:var(--color-secondary)}.socials__button{--button-color:var(--color-primary);--button-text-color:var(--color-white);--button-border-color:var(--color-primary);--button-color-active:var(--color-primary);--button-color-hover:var(--color-secondary)}.header__button--search,:where(.header__socials) .socials__button{--button-color:var(--color-primary);--button-text-color:var(--color-secondary);--button-border-color:var(--color-primary);--button-color-active:var(--color-primary);--button-color-hover:var(--color-secondary)}.footer__socials .socials__button{background-color:#5e585f;border-color:#5e585f;color:var(--color-white)}.button:hover,.socials__button:hover{--button-border-color:var(--color-secondary);--button-text-color:var(--color-primary)}.header__button--search:hover,:where(.header__socials) .socials__button:hover{--button-border-color:var(--color-secondary);--button-text-color:var(--color-primary)}.footer__socials .socials__button:hover{background-color:#005380;background-color:var(--color-primary-dark);border-color:#005380;border-color:var(--color-primary-dark);color:var(--color-white)}.footer__header-wrapper{--link-color:var(--color-primary);--link-color-hover:var(--color-primary-dark);--link-color-visited:var(--color-primary);--footer-font-weight:var(--font-weight-light);background-color:#d1f4ff;background-color:var(--color-primary-light);color:#155e89;color:var(--color-primary)}.footer__main-wrapper{--link-color:var(--color-white);--link-color-hover:var(--color-secondary);--link-color-visited:var(--color-white);--footer-font-weight:var(--font-weight-light);background-color:#155e89;background-color:var(--color-primary);color:var(--color-white)}.footer__title{font-weight:400;font-weight:var(--font-weight-regular)}.footer__link:hover{color:#fd0;color:var(--color-secondary)}.footer__contact span:hover{text-decoration:underline}.footer__socials .socials__button{--button-color:var(--color-white);--button-color-hover:var(--color-secondary);--button-border-color:transparent;--button-text-color:var(--color-gray-900)}.footer__socials .socials__button:hover{--button-color:var(--color-secondary)}.footer__bottom,.footer__divider{color:var(--color-white)}.footer__bottom{background-color:#005380;background-color:var(--color-primary-dark)}.footer__logo--tree{-webkit-filter:var(--filter-color-white);filter:var(--filter-color-white)}.footer__bottom .footer__link,.footer__link:visited{color:var(--color-white)}.footer__bottom .footer__link:hover,.footer__link:visited:hover{color:#fd0;color:var(--color-secondary)}.footer__menu-item{font-size:var(--font-size-xl)}.footer__contacts{padding-left:var(--space-4);padding-right:var(--space-4)}.footer__contacts:hover{background-color:var(--color-white);border-radius:var(--space-1)}[data-current-page=projects-index]{--space-block:var(--space-36)}.main,body{background-color:var(--color-white)}.hero{background-color:#155e89;background-color:var(--color-primary);color:var(--color-white)}.hero__title{font-size:var(--font-size-3xl);font-weight:400}.hero__intro{font-size:var(--font-size-lg);max-width:var(--char-length-lg)}@media screen and (min-width:1024px){.hero__title{font-size:var(--font-size-4xl)}.hero__intro{font-size:var(--font-size-xl)}}.header{background-color:var(--color-white)}.header__logo{margin:var(--space-2) var(--space-4)}.projects__title{font-size:var(--font-size-3xl)}.project-card__title,.projects__title{color:#155e89;color:var(--color-primary);font-weight:400}.project-card__title{font-size:var(--font-size-xl)}.project-card--vertical{background-color:var(--color-white)}.project-card:hover .project-card__title--top,.project-card__title--top{color:#155e89;color:var(--color-primary)}.projects--middle-wrapper{background-color:#d1f4ff;background-color:var(--color-primary-light)}.project-card--horizontal:hover .project-card__description--bottom{color:#155e89;color:var(--color-primary)}.footer__title{font-size:var(--font-size-xl)}.footer__bottom-wrapper{background-color:#005380;background-color:var(--color-primary-dark);color:var(--color-white)}.footer__bottom{--link-color:var(--color-white);--link-color-hover:var(--color-secondary);--link-color-visited:var(--link-white)}.project-card__image{border-radius:var(--space-1)}