/* Reset
-------------------------------------------------------------- */
html {
	overflow-y:scroll;
	-webkit-text-size-adjust:100%;
	   -ms-text-size-adjust:100%;
}

body {
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	   -ms-text-size-adjust:100%;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video  { 
	font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;background:transparent;color:inherit;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display:block;
}
                          
ol, ul {
	list-style:none;
}

blockquote, q { 
	-webkit-hyphens:none;
	  -moz-hyphens:none;
	   -ms-hyphens:none;hyphens:none;quotes:none;
}

figure {
	margin:0;
}

:focus {
	outline:0;
}

table { 
	border-collapse:collapse;border-spacing:0;
}
table th, table td {
	padding-right:5px;padding-bottom:5px;
}
img {
	border:0;
	-ms-interpolation-mode:bicubic;vertical-align:middle;
}

legend {
	white-space:normal;
}

button,
input,
select,
textarea {
	font-size:100%;margin:0;max-width:100%;vertical-align:baseline;
	-webkit-box-sizing:border-box;
	  -moz-box-sizing:border-box;box-sizing:border-box;
}

button,
input {
	line-height:normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	line-height:1;cursor:pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance:button; /* Corrects inability to style clickable 'input' types in iOS */
	border:none;
}

input[type="checkbox"],
input[type="radio"] {
	padding:0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance:textfield; /* Addresses appearance set to searchfield in S5, Chrome */
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance:none;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border:0;padding:0;
}

.nomargin {margin:0 !important}
*,
*:before,
*:after {
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;box-sizing:border-box;
}
:root {
	--ff-p: "Gilmer", "muli", "open-sans", sans-serif; 
	--ff: "open-sans", sans-serif; 
	--fs-h2:22px;
	--fs-h2-s:18px;
	--fs-h3:20px;
	--fs-small:10px;
	--fs-medium:14px;
	--fs-large:20px;
	--fs:16px;
	--fs-header:40px;
	--lh-h:1.4;
	--lh-p:1.7; 
	
	--top-menu-height:50px;
	--menu-height:126px;
	
	--button-height:40px;
	/* old
	--clr-primary:#344B80; 
	--clr-secondary:#042865;
	--clr-secondary2:#0D4495;
	--clr-light:#FFFFFF;
	--clr-light2:#F8F9FD;
	*/
	--clr-text-p:#000000;
	--clr-text-s:#283583;
	--clr-text-i:#ffffff;
	
	--clr-1:#c52d88;
	--clr-2:#7a61a7;
	--clr-3:#283583;
	--clr-4:#009dc8;
	--clr-5:#00adab;
	--clr-6:#a2d5d0;
	--clr-7:#d93b1e;
	--clr-8:#ed6d05;
	--clr-9:#0000ff; // Remco:#efa235
	--clr-10:#00ff00; // Remco:voor test
	--clr-gradient-1:linear-gradient(90deg, rgba(197, 45, 136, 1) 0%, rgba(155, 47, 135, 1) 15.9%, rgba(114, 49, 133, 1) 34.33%, rgba(82, 51, 132, 1) 52.38%, rgba(59, 52, 132, 1) 69.68%, rgba(45, 53, 131, 1) 85.92%, rgba(40, 53, 131, 1) 100%);
	--clr-gradient-1-vert:linear-gradient(0deg, rgba(197, 45, 136, 1) 0%, rgba(155, 47, 135, 1) 15.9%, rgba(114, 49, 133, 1) 34.33%, rgba(82, 51, 132, 1) 52.38%, rgba(59, 52, 132, 1) 69.68%, rgba(45, 53, 131, 1) 85.92%, rgba(40, 53, 131, 1) 100%);
	--clr-text-gradient-1:linear-gradient(90deg, rgba(197, 45, 136, 1) 0%, rgba(155, 47, 135, 1) 15.9%, rgba(114, 49, 133, 1) 34.33%, rgba(82, 51, 132, 1) 52.38%, rgba(59, 52, 132, 1) 69.68%, rgba(45, 53, 131, 1) 85.92%, rgba(40, 53, 131, 1) 100%);
	--clr-text-gradient-2:linear-gradient(90deg, rgba(0, 157, 200, 1) 0%, rgba(12, 127, 180, 1) 17.45%, rgba(24, 95, 159, 1) 40.02%, rgba(33, 72, 143, 1) 61.81%, rgba(38, 58, 134, 1) 82.25%, rgba(40, 53, 131, 1) 100%);
	--clr-text-gradient-3:linear-gradient(90deg, rgba(162, 213, 208, 1) 0%, rgba(136, 190, 191, 1) 15.61%, rgba(104, 161, 170, 1) 38.68%, rgba(81, 141, 154, 1) 60.96%, rgba(67, 128, 145, 1) 81.86%, rgba(62, 124, 142, 1) 100%);
	--clr-text-gradient-4:linear-gradient(90deg, rgba(238, 164, 92, 1) 0%, rgba(232, 132, 73, 1) 18.51%, rgba(226, 100, 54, 1) 40.72%, rgba(222, 77, 40, 1) 62.19%, rgba(219, 63, 32, 1) 82.39%, rgba(218, 58, 29, 1) 100%);
	
	--clr-background:#ffffff;
	--clr-background1:#F8F9FD;
	--clr-background2:#F8F9FD;
	
	--clr-accent:#eea234;
	--clr-accent2:#57BA4C;
	
	--gradient:linear-gradient(270deg, #0D4495 0%, #052253 100%);
	--gradient-accent:linear-gradient(265.61deg, #FEB62B 0%, #CF8800 100%);
	--box-shadow:0px 0px 30px rgba(0, 0, 0, 0.1);
	--menu-box-shadow:0 0 46px 0 rgb(0 0 0 / 31%);
	/*--menu-box-shadow:0px -30px 30px rgba(0, 0, 0, 0.1);*/
	--body-margin:20px;
	--text-margin-small:8px;
	--text-margin-medium:26px;
	--text-margin-large:32px;
	--pad-small:20px;
	--pad-medium:45px;
	--pad-large:60px;
	--pad-xlarge:90px;
	--border-radius-card:6px;
	--border-radius-button:43px;
	
	--num-columns:12;
	--column-one-third:span 12;
	--column-two-third:span 12;
	--column-full:span 12;
	--column-half:span 12;
	--column-one-quart:span 12;
}
html {
	scroll-behavior:smooth;
}
body {
	font-family:var(--ff-p);font-weight:normal;font-style:normal;font-size:var(--fs);line-height:var(--lh-p);color:var(--clr-text-p);
}

h1, h2, h3, h4, h5, h6 {
	font-family:var(--ff-p);font-weight:600;font-style:normal;line-height:1.4;letter-spacing:.02em;color:var(--clr-text-s);
}
b, strong, em {
	font-weight:700;
}
i {
	font-style:italic;
}
img {
	width:100%;height:auto;
}
a.anchor {
	margin-top: -100px;
}
a.whatsapp-button.fixed {
    position:fixed;width:40px;top:calc( 100% - 60px );height:auto;right:20px;z-index:1000000;
}
a.whatsapp-button {
	width:40px;top:calc( 100% - 60px );right:20px;transition:top 1s ease-in-out;
}
button, .button {
	display:flex;height:50px;padding:0 var(--pad-small);font-weight:500;font-size:17px;line-height:var(--lh-h);text-align:center;justify-content:center;align-items:center;border-radius:var(--border-radius-button);text-decoration:none;transition:all 0.2s ease-in;
}

button + button, button + .button, .button + button, .button + .button {
	margin-top:var(--text-margin-small);
}

.main {
	display:grid;grid-template-areas: 	"margin-left 	header 	margin-right"
							"margin-left 	header 	margin-right"
							"margin-left 	content margin-right"
							"margin-left 	footer	margin-right";grid-template-columns:var(--body-margin) 1fr var(--body-margin);grid-template-rows:minmax(0px, min-content) minmax(100px, min-content) 1fr minmax(100px, min-content);
}
header {
	grid-area:header;grid-column-start:margin-left;grid-column-end:margin-right;grid-row:2;display:grid;grid-template-areas:inherit;grid-template-columns:inherit;
}
.top-menu, .content {
	grid-column-start:margin-left;grid-column-end:margin-right;display:grid;grid-template-areas:inherit;grid-template-columns:inherit;
}
.top-menu {
	grid-area:header;grid-row:1;grid-column-start:margin-left;grid-column-end:margin-right;grid-template-areas: 	"margin-left 	header 	margin-right";z-index:15;
}
nav.top-menu, nav.menu {
	box-shadow:var(--menu-box-shadow);
}
nav.menu, .menu {
	grid-area:header;grid-column-start:margin-left;grid-column-end:margin-right;grid-template-areas:inherit;grid-template-columns:inherit;
}
nav.menu, nav.menu-2 {
	position:relative;display:grid;height:var(--menu-height);
}
nav.menu, .menu, nav.menu-2, .menu-2 {
	position:relative;display:grid;
}
nav.menu .menu {
    width:100%;background-color:var(--clr-background);z-index:10;
}
.menu .menu-container, .menu-2 .menu-container, nav.top-menu .menu-container {
	grid-area:header;display:grid;
}
.menu .menu-container, .menu-2 .menu-container {
	grid-template-areas:
        ". logo hamburger ."
        ". menu menu .";grid-template-columns:var(--body-margin) 190px auto var(--body-margin);grid-template-rows:var(--menu-height) auto;align-items:center;height:var(--menu-height);transition:height 0.5s ease-in;grid-column:1 / -1;
}
nav.menu > .menu {
	height:calc(var(--menu-height) + 36px);
}
.breadcrumb {
    grid-area:content;display:flex;padding:4px 0;flex-wrap:wrap;
}
.breadcrumb li:only-child {
	display:none;
}
.breadcrumb li:not(:first-child)::before {
	content: '>';padding:0 4px;display:inline-block;
}
.breadcrumb * {
	font-size:var(--fs-small);color:#999;text-decoration:none;
}
.breadcrumb a:hover {
	text-decoration:underline;
}
.top-menu, .top-menu .menu {
	grid-template-rows:50px 50px;min-height:var(--top-menu-height);font-size:var(--fs-small);background-color:var(--clr-background);border:0;
}
.top-menu .menu {
	grid-template-rows:50px;grid-auto-rows:50px;
}
.top-menu .menu .menu-container {
	display:flex;min-height:var(--top-menu-height);flex-direction:column;
}

.top-menu .menu .menu-container ul, .top-menu .menu .menu-container a {
	height:var(--top-menu-height);font-size:var(--fs-small);background-color:var(--clr-background);color:var(--clr-light);border:0;
}
nav.menu-2 {
	display:none;grid-template-areas:inherit;grid-template-columns:inherit;
	
}
nav.menu-2 .menu-2 {
	grid-area:header;grid-column-start:margin-left;grid-column-end:margin-right;grid-template-areas:inherit;grid-template-columns:inherit;position:absolute;width:100%;margin-left:var(--body-margin);margin-right:var(--body-margin);z-index:20;background-color:var(--clr-background);box-shadow:var(--menu-box-shadow);
}
nav.menu-2 .menu-2 .container {
	background-color:var(--clr-background);
}

nav.menu-2.shadow .menu-2 {
	box-shadow:var(--menu-box-shadow);
}
nav.menu-2, .content {
	grid-area:content;grid-column-start:margin-left;grid-column-end:margin-right;
	
}
nav.menu .hover-menu-container {
	display:none;
}
footer {
	grid-area:footer;grid-column-start:margin-left;grid-column-end:margin-right;display:grid;grid-template-areas:inherit;grid-template-columns:inherit;background:var(--gradient);
	
}
footer .container {
	grid-area:content;padding:70px 0 25px 0;
}
footer .copyright {
	grid-area:footer;display:flex;justify-content:space-between;padding:36px 0;
}
.menu-footer {
	
	display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);grid-gap:20px;
}
.top-menu ul, .menu ul, .menu-2 ul, .menu-footer ul, .menu-footer-2 ul {
	display:flex;
}
.menu-footer-2 ul li {
	white-space:nowrap;
	
}
.menu .logo, .menu-2 .logo {
	grid-area:logo;display:flex;gap:20px;align-items:center;z-index:10;
}
.menu .logo img, .menu-2 .logo img {
	max-width:190px;width:100%;height:auto;
}
.menu-2 .logo .chapter {
	opacity:0;line-height:1;transition:opacity 0.5s ease-in;
}
.menu-2.fixed .logo .chapter {
	opacity:1;
}
.menu-2 .logo img, .menu-footer .logo img {
	width:41px;
}
.menu .hamburger, .menu-2 .hamburger {
	grid-area:hamburger;width:20px;justify-self:flex-end;
}
.hamburger .close-icon, .hamburger.open .hamburger-icon {
	display:none !important;
}
.hamburger + .container {
	display:none;opacity:0;transition:opacity 0.5s ease-in;
}
.hamburger .hamburger-icon, .hamburger.open .close-icon {
	display:block !important;
}
.hamburger.open + .container {
	display:grid;opacity:1;grid-template-columns:var(--body-margin) minmax(0,1fr) var(--body-margin);grid-template-rows:max-content;grid-auto-rows:max-content;grid-gap:29px;grid-column:1 / -1;overflow-y:scroll;background-color:var(--clr-background);
}

.menu.open .menu-container, .menu-2.open .menu-container {
	height:100vh;
}
.hamburger img {
    width:20px;
}
.menu .container, .menu-2 .container {
	grid-area:menu;justify-content:center;height:100%;padding:0;grid-template-areas: "buttons"
						 "menu";
}
nav.menu ul, nav.menu-2 ul {
	display:flex;gap:40px;flex-direction:column;
}
nav.top-menu ul {
    grid-column:1 / -1;display:flex;gap:20px;flex-direction:row;
}
nav.menu ul a, nav.menu-2 ul a {
	text-transform:none;padding:0 var(--pad-medium);
}
.menu ul a, .menu-2 ul a {	
	display:grid;height:50px;font-weight:700;font-size:17px;line-height:var(--lh-p);text-align:center;align-items:center;border-radius:var(--border-radius-button);transition:all 0.2s ease-in;color:var(--clr-secondary);text-decoration:none;
}
.hamburger.open + .container a.menu-button {
	grid-column:2;
}
.hamburger.open + .container ul {
	grid-column:2;
}
.hamburger.open + .container ul a {
	text-align:left;padding:0 var(--pad-medium) 0 0;
}
.menu ul li.selected a {
	color:var(--clr-1);font-weight:bold;
}
.menu.open ul a {
	color:var(--clr-secondary2);border:1px solid transparent;background-color:transparent;
}
.menu.open ul a:hover, .menu.open ul a:focus {
	color:var(--clr-light);border:1px solid transparent;background-color:var(--clr-secondary2);
	
}
.menu ul a:hover, .menu-2 ul a:hover, .menu ul a:focus, .menu-2 ul a:focus {
	text-decoration:none;
}
.menu ul {
	position:relative;
}
.hasDropDown {
	display:grid;
}
.hasDropDown > a {
	grid-column:1;grid-row:1;
}
.menu a.mobile-menu-anchor {
	position:absolute;right: -10px;padding:0;
}
.menu ul.mobile-submenu {
	background:var(--clr-background);grid-row:1;grid-column:1;transform:translateX(300%);position:absolute;top:0;left:0;min-height:100%;opacity:0;transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
.hasDropDown.active .mobile-submenu {
    transform:translateX(0);opacity:1;
}
.active .hasDropDown a.mobile-menu-anchor {
	display:none;
}
.active .hasDropDown.active a.mobile-menu-anchor {
	display:block;
}
.hasDropDown.active a.mobile-menu-anchor {
	right:auto;left: -80px;transform:rotate(180deg);
}
.menu ul li.selected .mobile-submenu a {
	color:var(--clr-text-p);
}
.menu ul li.selected .mobile-submenu li.selected a, .menu ul li.selected .mobile-submenu li:hover a {
	color:var(--clr-9);
}

.menu-footer .logo {
	grid-row:1;	
}
.menu-footer .socials {
	grid-row: -1;
}
.menu-footer ul {
	grid-column:span 4;
}
.menu-footer .logo, .menu-footer .socials {
	grid-column:1 / -1;
}
.menu-footer ul {
	flex-direction:column;font-style:normal;font-weight:600;font-size:20px;line-height:1.4;color:var(--clr-text-i);align-items:center;
}

.copyright {
	font-style:normal;font-weight:normal;font-size:14px;line-height:1.7;color:var(--clr-text-i);
}
.menu-footer ul a, .copyright ul a {
	color:var(--clr-text-i);text-decoration:none;
}
.menu-footer ul a:hover, .copyright ul a:hover, .menu-footer ul a:focus, .copyright ul a:focus, .menu-footer li.selected li.selected > a, .copyright li.selected a {
	text-decoration:underline;
}
.menu-footer ul ul {
	flex-direction:column;font-style:normal;font-weight:normal;font-size:15px;line-height:2;padding-top:20px;
}

.menu-footer ul.socials {
	gap:12px;flex-direction:row;justify-self:flex-end;
}
.menu-footer ul.socials li, .menu-footer ul.socials li a {
	width:35px;height:35px;background-color:var(--clr-background);overflow:hidden;
}
.menu-footer ul.socials li a {
	display:flex;justify-content:center;align-content:center;padding:6px;
}
.copyright ul {
	display:flex;flex-direction:column;
}
.copyright .copyright-text {
    align-self:flex-end;padding-right:var(--pad-small);
}
header .container {
	grid-area:content;display:grid;
}
header {
	z-index:10;
}
.content {
	position:relative;z-index:5;
}
.content .container.wide::before {
	position:absolute;content: '';top:var(--pad-large);width:100px;aspect-ratio:1;left:30%;background:url('https://delite.nl/resources/theme/6512bea42c6bc/enabling-results/ballen.svg');background-size:contain;background-repeat:no-repeat;
}
.content .container.wide.bg1::before, .content .container.accent::before, .content .container.accent > .container::before {
	content:none;
}
.content .container {
	display:grid;overflow:visible;
}
header .container.wide {
	grid-area:content;grid-column-start:margin-left;grid-column-end:margin-right;overflow:visible;
}

.container {
	position:relative;grid-column:2 / 3;grid-template-columns:repeat(var(--num-columns), minmax(0, 1fr));grid-gap:100px 10px;padding:var(--pad-medium) 0;overflow:hidden;z-index:1;
}
.container.wide {
	padding:0;
}
.container.wide .container {
	padding:var(--pad-medium) 0;
}
.container:empty {
	display:none !important;padding:0 !important;
}

.container.wide {
	grid-column:2 / 3;grid-column-start:margin-left;grid-column-end:margin-right;grid-template-columns:inherit;grid-gap:unset;
}
.container.accent {
	background:var(--gradient-accent);	
}
.container.bg1 {
	background-color:var(--clr-background1);	
}
.container.bg2 {
	background-color:var(--clr-background2);	
}
/*
.content .container.wide.bg1:after {
    content: "";background-image:url(https://delite.nl/resources/theme/6512bea42c6bc/enabling-results/ellipse-1.svg);background-repeat:no-repeat;background-position: -50% -50%;position:absolute;background-size:contain;bottom: -25vh;right: -20vh;height:86vh;aspect-ratio:1;opacity:.05;z-index:0;
}
.content .container.wide.accent:after {
    grid-area:margin-left;grid-row:1;content: "";background-image:url(https://delite.nl/resources/theme/6512bea42c6bc/enabling-results/ellipse-2.svg);background-repeat:no-repeat;background-position: -50% -50%;position:absolute;background-size:contain;top: -10vh;left: -20vh;width:75vw;aspect-ratio:1;opacity:.15;z-index:0;
}
*/
.fullwidth {
	grid-column:var(--column-full);display:grid;grid-template-columns:inherit;grid-gap:var(--pad-small);
}
.dense {
	grid-gap:127px 16px;
}
.centered {
	text-align:center;
}
header .toolset li:nth-child(9n-8) span.img::before{
	background-color:var(--clr-2);
}
header .toolset li:nth-child(9n-7) span.img::before{
	background-color:var(--clr-8);
}
header .toolset li:nth-child(9n-6) span.img::before{
	background-color:var(--clr-8);
}
header .toolset li:nth-child(9n-5) span.img::before{
	background-color:var(--clr-5);
}
header .toolset li:nth-child(9n-4) span.img::before{
	background-color:var(--clr-5);
}
header .toolset li:nth-child(9n-3) span.img::before{
	background-color:var(--clr-4);
}
header .toolset li:nth-child(9n-2) span.img::before{
	background-color:var(--clr-4);
}
header .toolset li:nth-child(9n-1) span.img::before{
	background-color:var(--clr-3);
}
header .toolset li:nth-child(9n) span.img::before{
	background-color:var(--clr-3);
}

article.header {
	grid-area:content;grid-column-start:1;grid-column-end: -1;grid-row:1;display:grid;grid-template-areas:inherit;grid-template-columns:inherit;width:100%;margin-bottom:var(--radius-toolset);overflow:hidden;position:relative;background:var(--gradient);z-index:1;
	
}
header .image {
	grid-column-start: -1;grid-column-end: -1;grid-row:1;position:absolute;padding-top:82px;text-align:right;right:calc(10vw / 2);height:calc(100% + 140px);z-index:2;
}
header .image img {
	height:100%;width:auto;
}
article.header img {
	grid-column-start:1;grid-column-end: -1;z-index:1;transform:translateY(-50%);top:50%;height:100%;width:auto;display:block;position:absolute;opacity:0.5;
}
article.header .text {
	grid-column:2 / -2;width:58%;text-transform:uppercase;color:var(--clr-text-i);display:flex;padding:82px 0 0 0;margin-top: -22px;flex-direction:column;justify-self:flex-start;font-size:var(--fs);z-index:2;
}
article.header h2, article.header h3, article.header p, article.header a {
	color:var(--clr-text-i);
}
article.header h2 + h3 {
	margin-top:var(--text-margin-small);
}
article.header h2 + p {
	margin-top:var(--text-margin-medium);
}
article.header h3 + p {
	margin-top:var(--text-margin-medium);
}
article.header p {
	margin-bottom:var(--text-margin-small);
}

.publication.col-1 {
	grid-column:var(--column-full);
}
.publication.col-1-2 {
	grid-column:var(--column-half);
}
.publication.col-1-3 {
	grid-column:var(--column-one-third);
}
.publication.col-1-4 {
	grid-column:var(--column-one-quart);display:flex;flex-direction:column;
}
.publication.col-1-3 .img.icon {
	width:54px;
}
.publication.col-1.wide {
	padding-left:var(--body-margin) !important;
}
.publication.col-1.wide.img-r .text {
	padding-right:var(--pad-medium);
}
.publication.container.wide.col-1.img-r.bg:before {
	position:absolute;left:0;right:0;width:100%;height:150%;transform:translateY(-50%);background:#f5f9fc;z-index:-1;
}
.container .publication.container.wide.col-1.img-r.bg {
	margin-left:calc(-1 * var(--body-margin));margin-right:calc(-1 * var(--body-margin));grid-column:1 / -1;grid-gap:0;
}
.publication.card {
	display:flex;flex-flow:column nowrap;justify-content:flex-start;padding:var(--pad-large) var(--pad-medium) var(--pad-medium) var(--pad-medium);background:var(--clr-background);border:1px solid #DDDDDD;box-sizing:border-box;border-radius:var(--border-radius-card);
}
.publication.card b, .publication.card strong {
	font-weight:400;
}
.publication ul {
	list-style:disc;
}
.publication ol {
	list-style:decimal;
}
.publication ul, .publication ol {
	padding-left:20px;
}
ul p:empty, ol p:empty {
    display:none;
}

.container .reference.slider {
	margin-left:calc(-1 * var(--body-margin));margin-right:calc(-1 * var(--body-margin));grid-column:1 / -1;grid-gap:0;
}
.reference.slider .slider-container {
	border-radius:12px;background:var(--clr-background1);display:grid;grid-template-columns:var(--body-margin) auto var(--body-margin);grid-template-rows:60px min-content 60px;
   	   		
}
.reference.slider .slider-container .prev, .reference.slider .slider-container .next {
	position:relative;grid-row:1 / -1;align-self:end;width:40px;height:40px;cursor:pointer;margin-bottom:10px;background:#FFFFFF;box-shadow:0px 10px 25px rgba(0, 0, 0, 0.08);border-radius:50%;
}
.reference.slider .slider-container .prev {
    grid-column:2;justify-self:left;margin-right:10px;
}
.reference.slider .slider-container .next {
	grid-column:2;justify-self:right;margin-left:10px;
}
.reference.slider .slider-container .prev:before {
	content: '';width:100%;height:100%;position:absolute;background:url('https://delite.nl/resources/theme/6512bea42c6bc/enabling-results/arrow-slider-left.svg');background-repeat:no-repeat;background-position:center;background-size:20px 20px;
	
}
.reference.slider .slider-container .next:before {
	content: '';width:100%;height:100%;position:absolute;background:url('https://delite.nl/resources/theme/6512bea42c6bc/enabling-results/arrow-slider-right.svg');background-repeat:no-repeat;background-position:center;background-size:20px 20px;
	
}

.reference.slider .slider-container .slide {
	grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr;grid-template-rows:min-content min-content min-content;background:var(--clr-background1);opacity:0;transition:opacity .5s ease-in-out;
}
.reference.slider .slider-container .slide.active {
	opacity:1;
}
.reference.slider .slider-container .slide .intro {
	grid-area:text;grid-row:1;
}
.reference.slider .slider-container .slide .image {
	grid-area:image;grid-row:4;aspect-ratio:1;overflow:hidden;border-radius:50%;object-fit:center;max-width:123px;
}
.reference.slider .slider-container .slide .image:empty {
	display:none;
}
.reference.slider .slider-container .slide .title {
	grid-area:text;grid-row:2;margin-top:32px;
}
.reference.slider .slider-container .slide .title + .subtitle {
	grid-area:text;grid-row:3;margin-top:8px;
}


.blog.publication.card p {
	font-size:var(--fs-medium);
}
.blog.publication.col-1 {
	display:grid;grid-gap:var(--pad-medium);grid-template-columns:minmax(0, 1fr) minmax(0, 10fr) minmax(0, 1fr);
}
.blog.publication.col-1 .title, .blog.publication.col-1 .text {
	grid-area:auto;grid-column:2;	
}
.blog.publication .text h2 {
	font-size:var(--fs-large);
}

.blog.publication h2 a {
	text-decoration:none;
}
.blog.publication.col-1 img {
	grid-column:1 / -1;	
}
.portfolio.publication.col-1 {
	display:grid;grid-gap:0;grid-template-columns:minmax(0, 1fr);
}
.portfolio.publication .img {
    border-radius:12px;overflow:hidden;border:0px solid var(--clr-accent);grid-column:2;grid-row:1;
}
.portfolio.publication .img img {
    border-radius:12px;
}
.portfolio.publication .text {
	grid-column:2 / -1;grid-row:2;	
}
.portfolio.publication .text h2 {
	font-size:var(--fs-large);
}
.portfolio.item.publication.col-1 {
	display:grid;grid-template-areas: "image image"
						"text images";grid-gap:var(--pad-small);grid-template-columns:2fr 1fr;grid-template-rows:minmax(0, 1fr);
}
.portfolio.item.publication .img {
	grid-area:image;grid-column:1 / -1;aspect-ratio:700 / 240;	
}
.portfolio.item.publication .text {
	grid-area:text;grid-column:1 / 2; 
}
.portfolio.item.publication .images {
	grid-area:images;grid-column:2 / -1; 
}
.portfolio.item.publication .link {
	display:block;width:30%;
}
.publication .img:empty {
	background-image:url('https://delite.nl/resources/theme/6512bea42c6bc/enabling-results/image-placeholder_3x2.svg');background-repeat:no-repeat;background-size:contain;overflow:hidden;
}
.publication h2 { 
	font-size:30px;color:transparent;line-height:var(--lh-h);background:var(--clr-text-gradient-1);background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;

}
.publication h2 + h3 {

}
.publication .img + h2, .publication .img + .text > h2:first-child, .publication .text + .images img {
	margin-top:var(--text-margin-medium);
} 
.publication .img.icon + h2, .publication .img.icon + .text > h2:first-child {
	margin-top:var(--text-margin-large);
} 
.publication h2 + h3, .publication h3 + h2 {
	margin-top:var(--text-margin-small);
}
.publication h2 + p {
	margin-top:var(--text-margin-medium);
}
.publication h3 + p, .publication p + h3 {
	margin-top:var(--text-margin-medium);
}
.publication p + a.link {
	margin-top:var(--text-margin-medium);
}
.publication p {
	margin-bottom:var(--text-margin-small);
}
.publication p + p {
    margin-top:var(--text-margin-large);
}
.publication.col-1 h2, .publication.col-1 h2 + h3 {
	font-size:var(--fs-h2);font-weight:800;line-height:var(--lh-h);color:var(--clr-text-p);
}
.publication.col-1 h3 {
	font-size:var(--fs-h3);font-weight:700;
}
.publication.col-1 h2 + h3 {
	font-size:var(--fs-h2-s);font-weight:700;
}
	
.publication.col-1 h2 + h3 + p {
	font-size:var(--fs-medium);font-weight:700;line-height:var(--lh-h);margin-top:var(--text-margin-medium);
}

.publication button, .publication .button {
	position:relative;background:#FFFFFF;border-radius:22px;border:1px solid #042865;box-sizing:border-box;color:#042865;height:var(--button-height);line-height:1.2;padding:5px 44px;display:flex;justify-content:center;align-items:center;text-decoration:none;width:fit-content;margin-top:9px;margin-right:20px;font-size:15px;font-weight:700;
} 
 
.publication button.more, .publication .button.more {
	height:30px;color:var(--clr-9);border:none;box-shadow:none;outline:none;width:fit-content;padding:0 50px 0 0px;
}
.publication button.more:before, .publication .button.more:before {
	height:20px;background:url('https://delite.nl/resources/theme/6512bea42c6bc/enabling-results/arrow.svg');background-size:contain;background-repeat:no-repeat;
}
.publication.card button, .publication.card .button {
	margin-top:auto;
}
.publication button:hover, .publication .button:hover, .publication button:focus-within, .publication .button:focus-within {
	color:var(--clr-secondary2);background-color:var(--clr-background);
}
.publication button:hover:before, .publication .button:hover:before, .publication button:focus-within:before, .publication .button:focus-within:before {
	right:0px;
	/*transform:translateX(100%);*/
}
.publication button.more:hover, .publication .button.more:hover, .publication button.more:focus-within, .publication .button.more:focus-within {
	color:var(--clr-9);
}
.publication.img-l, .publication.img-r {
	grid-column:var(--column-full);display:grid;grid-template-columns:minmax(0, 1fr);grid-gap:20px;grid-auto-rows:minmax(0, max-content);grid-template-areas: "image"
							"text";	
}
.publication.img-l .img, .publication.img-r .img {
    grid-area:image;width:50%;justify-self:center;
}
.publication.img-r {
	overflow:hidden;
	
}
.publication.img-r .img {
	justify-self:right;width:100%;
}
.publication.img-r .img img {
	width:100%;height:100%;object-fit:contain;object-position:top;
}
.publication .text {
	grid-area:text;	
}
.publication.img-l button, .publication.img-r button, .publication.img-l .button, .publication.img-r .button {
	color:var(--clr-light);
}
.publication.img-l button:hover, .publication.img-r button:hover, .publication.img-l .button:hover, .publication.img-r .button:hover {
}
.imageswide, .suites-pricing {
	margin-left:calc(-1 * var(--body-margin));margin-right:calc(-1 * var(--body-margin));grid-column:1 / -1;display:flex;
}
.imageswide .img {
	width:50%;
}
.suites-pricing {
	padding:var(--pad-large);flex-direction:column;
}
.suites-pricing h2, .suites-pricing h3 {
	text-align:center;
}	
.suites-pricing h2.header {
	font-weight:800;font-size:34pt;color:transparent;background:var(--clr-text-gradient-1);background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	
}	
.suites-pricing h3 {
	font-weight:800;font-size:32pt;color:var(--clr-text-p);
}	
.suites-pricing .columns {
	padding-top:var(--pad-large);
}
.suites-pricing .col {
	display:flex;flex-direction:column;justify-content:center;
}
.suites-pricing .card {
	position:relative;display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;margin:var(--radius-toolset) 0;padding:var(--pad-medium) var(--radius-toolset);border-radius:var(--radius-toolset);box-shadow:var(--menu-box-shadow);	
}
.suites-pricing .col.best-buy .card {
	margin:0;flex-grow:1;overflow:hidden;
} 

.suites-pricing .best-buy .card {
	border:8px solid #fff;background:var(--clr-gradient-1-vert);	
}
.suites-pricing .card h2 {
	display:flex;font-weight:800;font-size:20pt;text-transform:lowercase;color:var(--clr-text-s);
}
.suites-pricing .best-buy .card:before {
	position:absolute;content: 'best buy';font-weight:800;font-size:16px;line-height:34px;padding:8px 8px 0px 8px;color:#000000;text-transform:uppercase;background-color:#ffffff;right:0;top:0;
}
.suites-pricing ul {
	padding-top:36px;
}
.suites-pricing li {
	display:flex;border-bottom:1px solid #000;margin-bottom:30px;
}
.suites-pricing .best-buy li {
	border-bottom:1px solid #fff; 
}
.suites-pricing li, .suites-pricing li a {
	display:flex;flex-grow:1;font-size:12px;font-weight:500;text-decoration:none;
}
.suites-pricing li span.img {
	display:inline-flex;margin-right:calc(var(--radius-toolset) / 2);border-radius:50%;box-sizing:content-box;
}
.suites-pricing li span.img::before{
	content: '';width:20pt;height:20pt;border-radius:50%;box-sizing:content-box; 
}
.suites-pricing .best-buy li span.img::before {
	border:4px solid #fff;	
}
.suites-pricing li.marketing span.img::before{
	background:var(--clr-text-gradient-4);
}
.suites-pricing li.sales span.img::before{
	background:var(--clr-text-gradient-2);
}
.suites-pricing li.system span.img::before{
	background:var(--clr-text-gradient-1);
}
/*.suites-pricing li:nth-child(4n+3) span.img::before{
	background:var(--clr-text-gradient-4);
}
.suites-pricing li:nth-child(4n+4) span.img::before{
	background:var(--clr-text-gradient-5);
}
*/
.suites-pricing .price {
	font-weight:800;font-size:36px;color:var(--clr-text-s);
}
.suites-pricing .unit {
	font-weight:300;font-size:12px;margin-left:10px;color:var(--clr-text-s);
}
.suites-pricing .best-buy .card, .suites-pricing .best-buy .card h2, .suites-pricing .best-buy .price, .suites-pricing .best-buy .unit {
	color:#ffffff;
}
.publication.col-1-3 h2, .publication.col-1-4 h2 {
	font-weight:800;color:var(--clr-text-s);
	-webkit-text-fill-color:currentColor;background:none;
}
.publication.col-1-3 h2 {
	font-size:var(--fs-medium);
}
.publication.col-1-4 h2 {
	font-size:var(--fs);
}
.publication.col-1-4 h2 + .text{
	margin-top:calc(var(--lh-p) * var(--fs));
}
.publication.col-1-4 p {
    flex-grow:1;vertical-align:top;display:flex;
}
.publication.col-1-4.small p {
    display:inline-block;
}
.publication.col-1.narrow {
	display:flex;flex-direction:column;gap:var(--pad-medium);
}
.publication.col-1.narrow.bg-gradient {
	margin:0 calc(-1 * var(--body-margin));padding:var(--pad-large) var(--body-margin);background:var(--gradient);
}
.publication.col-1.narrow.bg-gradient > * {
    color:#fff;
}
.publication.col-1.narrow h2 a {
	text-decoration:none;
}
.publication.col-1.narrow img {
	grid-column:1 / -1;	
}
.publication.col-1.narrow ul {
	border-top:1px solid #E6E9F2;padding-top:8px;padding-left:48px;list-style:none;
}
.publication.col-1.narrow ul li {
	position:relative;padding:16px 0;		
}
.publication.col-1.narrow ul li:before {
	content: '';top:16px;left: -48px;width:24px;height:18px;position:absolute;background:url('https://delite.nl/resources/theme/6512bea42c6bc/enabling-results/vinkje.svg');background-repeat:no-repeat;background-position:center;background-size:auto; // cover;
}	
.publication.narrow .title, .publication.title .title {
	font-size:var(--fs-h2);font-weight:800;color:var(--clr-text-s);
}
.publication.narrow .title {
    line-height:var(--lh-h);
}
.publication.narrow.bg-gradient .title {
	color:#fff;
}
.publication.narrow.tiny .title {
	font-size:var(--fs-h2-s);
}
.publication.narrow .subtitle, .publication.title .subtitle {
	color:#C9CBD1;
}
.publication .links a {
	background:#FFFFFF;border-radius:22px;border:1px solid var(--clr-9);box-sizing:border-box;color:var(--clr-9);height:var(--button-height);line-height:1.2;padding:5px 44px;display:flex;justify-content:center;align-items:center;text-decoration:none;width:fit-content;margin-top:9px;margin-right:20px;font-size:15px;font-weight:700;
}
.publication.narrow .links a:first-child {
	background:var(--clr-9);border:1px solid var(--clr-9);color:#ffffff;
}
.publication.narrow .images {
	background:var(--gradient);margin:0 calc(-1 * var(--body-margin));
}
.publication.narrow.bg-gradient .images {
	background:var(--clr-background);
}
.publication.narrow .images img {
	margin:0;opacity:0.9;
}
.publication.narrow div:empty {
	display:none !important;
}
.contact, .contact .col, .login, .login .col {
	display:flex;flex-direction:column;gap:16px;
}
.contact .block, .login .block {
	cursor:pointer;padding:var(--pad-large);border-radius:12px;background:var(--clr-background1);
}
.contact .block.form, .login .block.form {
	cursor:auto;background:var(--clr-background);box-shadow:var(--box-shadow);
}
.contact .block.form, .contact .block.form div, .login .block.form, .login .block.form div {
	display:flex;flex-direction:column;
}

.contact .block h3, .login .block h3 {
	display:flex;align-items:center;
}
.contact .block:hover h3, .login .block:hover h3 {
	color:var(--clr-9);
}
.contact .arrow::after {
	content: '';margin-left:16px;height:21px;width:23px;background:url('https://delite.nl/resources/theme/6512bea42c6bc/enabling-results/arrow.svg');background-size:contain;background-repeat:no-repeat;
}

.contact .block.form h3, .login .block.form h3 {
	color:var(--clr-text-s);
}
.contact .block.form p, .login .block.form p {
	color:var(--clr-text-p);
}
.contact .block.form h3, .contact .block.form p, .login .block.form h3, .login .block.form p {
	text-align:center;justify-content:center;
}
.contact label, .login label {
	display:block;margin-top:25px;font-style:normal;font-weight:normal;font-size:13px;line-height:var(--lh-p);
}
.contact input, .contact select, .login input, .login select {
	height:50px;padding:5px 10px;background:var(--clr-background1);border:1px solid #E6E9F2;box-sizing:border-box;border-radius:12px;
}
.contact i,.login i {
	display:inline-block;padding:25px 0;
}
.contact button, .contact .button, .login button, .login .button, a.menu-button {
	background:var(--clr-9);border-radius:22px;border:1px solid var(--clr-9);box-sizing:border-box;color:#ffffff;height:var(--button-height);line-height:1.2;padding:5px 44px;display:flex;justify-content:center;align-items:center;align-self:end;text-decoration:none;width:fit-content;margin-top:0px;margin-right:20px;font-size:15px;font-weight:700;outline:none;box-shadow:none;
}
a.menu-button {
	grid-area:buttons;align-self:center;margin-right:0px;
}
.contact button:before, .contact .button:before, .login button:before, .login .button:before {
	content:none;
}
.container.accent, .container.accent h1, .container.accent h2, .container.accent h3, .container.accent h4, .container.accent h5, .container.accent h6 {
	color:var(--clr-light);
}
.container.accent .card, .container.accent .card h1, .container.accent .card h2, .container.accent .card h3, .container.accent .card h4, .container.accent .card h5, .container.accent .card h6 {
	color:var(--clr-secondary);
}
.container.accent button, .container.accent .button {
	color:var(--clr-secondary2);border:1px solid var(--clr-accent);background-color:var(--clr-background);
}
.container.accent button:hover, .container.accent .button:hover {
	color:var(--clr-light);border:1px solid var(--clr-secondary2);background-color:var(--clr-secondary2);
}
.menu-footer ul {
	text-align:center;
}

.menu-footer ul.sub .sub {
	display:none;padding:10px 0 10px 20px;
}
.menu-footer ul li {
	width:100%;position:relative;
}
.menu-footer ul.sub li.open .sub {
	display:block;
}
.menu-footer ul.sub li:has(.arrow) {
	padding-right:20px;
}
.menu-footer ul.sub li .arrow {
	position:absolute;width:16px;height:16px;right:0;top:4px;background-image:url('https://delite.nl/resources/theme/6512bea42c6bc/enabling-results/arrow-slider-right.svg');background-size:contain;background-repeat:no-repeat;background-position:center;filter:invert(1);cursor:pointer;transition:transform .3s ease-in-out;
}
.menu-footer ul.sub li.open .arrow, .menu-footer ul.sub li .arrow:hover {
	transform:rotate(90deg);
}
.menu-footer ul.sub li.open .arrow:hover {
	transform:rotate(0deg);
}
iframe {
	aspect-ratio:16/9;width:100%;
}
@media (min-width:425px) {
	:root {
		--body-margin:60px;
	}
	.menu-footer {
	    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);grid-gap:20px;
	}
	.menu-footer ul {
		grid-column:span 2;align-items:flex-start;text-align:left;
	}
	.reference.slider .slider-container .prev {
	    grid-column:1;vertical-align:middle;align-self:center;justify-self:center;margin:0;
	}
	.reference.slider .slider-container .next {
		grid-column:3;vertical-align:middle;align-self:center;justify-self:center;margin:0;
}
	
}

@media (max-width:767px) {
	:root {
		--menu-height:60px;
		--toolset-h2:20px;
		--toolset-lh:1.2;
		--radius-toolset:20px;
		--toolset-padding:calc(2 * var(--radius-toolset)) 0 0px 5vw; 
	}
	
	.menu.fixed .menu {
		position:fixed;top:0px;z-index:100;
	}
	nav.menu {
		padding-top:20px;
	}
	header .toolset {
		grid-row:1;grid-column-start:1;grid-column-end:3;width:var(--toolset-width);padding:var(--toolset-padding);margin-top:calc(-.5 * var(--radius-toolset));border-radius:0 var(--radius-toolset) var(--radius-toolset) 0;background-color:var(--clr-background);z-index:10;
	}
	header .toolset h2 {
		font-size:var(--toolset-h2);line-height:var(--toolset-lh);font-weight:800;padding-right:10px;color:var(--clr-text-p);background-color:var(--clr-background);
	}	
	header .toolset ul {
		padding-top:36px;
	}
	header .toolset li {
		display:flex;
	}
	header .toolset li, header .toolset li a {
		display:flex;flex-grow:1;font-size:var(--fs-medium);font-weight:700;text-decoration:none;text-transform:none;align-items:center;
	}
	header .toolset li span.img {
		display:inline-flex;width:20px;height:20px;margin-right:10px;margin-bottom:8px;border-radius:50%; 
	}
	header .toolset li span.img::before{
		content: '';width:20px;height:20px;border-radius:50%; 
	}
	
	header .toolset li span.title {
		display:inline-flex;padding-left:10px;padding-right:8px;height:50px;margin-bottom:5px;flex-grow:1;align-content:center;align-items:center;background-color:var(--clr-background);box-shadow:3px 3px 5px 0px rgba(0,0,0,.16);
	}
	header .grid.rotated, header .image  {
		display:none;
	}
	footer .copyright {
		flex-direction:column-reverse;gap:20px;
	}
	footer .copyright .menu-footer-2 {
		text-align:center;
	}
	
}    
@media (max-width:424px) {
	.top-menu {
		display:none;
	}
}
@media (min-width:768px) {
	:root {
		--fs:16px;
		--fs-h2:34px;
	    --fs-h2-s:26px;
	    --fs-medium:18px;
		--fs-large:24px; 
		--body-margin:10vw;
		--body-width:80vw;
		
		--num-columns:6;
		--column-one-third:span 3;
		--column-two-third:span 4;
		--column-full:span 6;
		--column-half:span 3;
		--column-one-quart:span 3;
		/*new*/
		--grid-zoom:.6;
		--grid-zoom-comp:1.6;
		
		--toolset-width:27vw;
		--toolset-h2:26px;
		--toolset-lh:1.2;
		--radius-toolset:45px;
		--toolset-padding:calc(2 * var(--radius-toolset)) 0 0px 5vw; 
		--fs-header:30px;
	}
	a.whatsapp-button.fixed {
	    position:fixed;width:60px;height:auto;top:calc( 100% - 80px );right:20px;z-index:1000000;
	}
	a.whatsapp-button {
	    top:82px;width:60px;right:20px;
	}
	nav.menu, .menu, nav.menu-2, .menu-2 {
		position:relative;display:grid;height:var(--menu-height);
	}
	nav.menu-2 .menu-2 {
		grid-area:header;grid-column-start:margin-left;grid-column-end:margin-right;grid-template-areas:inherit;grid-template-columns:inherit;position:absolute;width:100%;margin:0;z-index:20;background-color:var(--clr-background);
	}
	nav.menu .sub, .menu .hamburger, .menu-2 .hamburger {
		display:none;
	}
	.hamburger + .container, .hamburger.open + .container {
		opacity:1;grid-column:auto;grid-template-columns:auto;grid-template-rows:auto;overflow:hidden;
	}
	.top-menu, .top-menu .menu { 
		grid-template-rows:40px auto;height:var(--top-menu-height);min-height:auto;
	}
	.top-menu .menu .menu-container {
		height:var(--top-menu-height);justify-content:space-between;flex-direction:row-reverse;
	}
		
	.menu .menu {
		box-shadow:var(--menu-box-shadow);
	}
	.menu.fixed .menu {
		position:fixed;top:0px;left:0px;width:100%;margin:0;background-color:var(--clr-background);
	}
	.menu-2.fixed .menu-2 {
		position:fixed;top:0px;left:0px;width:100%;background-color:var(--clr-background);box-shadow:var(--menu-box-shadow);
	}
	.menu.fixed .menu {
		z-index:10;
	}
	.menu .menu-container, .menu-2 .menu-container, .menu.open .menu-container, .menu-2.open .menu-container {
	    grid-area:header;display:grid;grid-template-areas: "logo menu";grid-template-columns:190px auto;grid-template-rows:1fr;grid-gap:80px;height:var(--menu-height);align-items:center;transition:none;overflow:hidden;
	}
	.menu .container, .menu-2 .container {
		grid-area:menu;display:grid;grid-template-areas: "menu buttons";justify-content:space-between;align-items:center;padding:0;
	}
	
	.menu ul, nav.menu ul a, .menu-2 ul, nav.menu-2 ul a, nav.menu.open ul a, nav.menu-2.open ul a {
		display:flex;height:auto;padding:0;line-height:var(--lh-p);text-align:center;align-items:center;border-radius:var(--border-radius-button);border:1px solid var(--clr-light);text-decoration:none;transition:all 0.2s ease-in;
	
	}
	nav.menu div > a {
		text-decoration:none;
	}
	.menu.open ul a {
		border:0;
	}
	.menu ul a:hover, .menu-2 ul a:hover, .menu ul a:focus, .menu-2 ul a:focus, .menu.open ul a:hover, .menu.open ul a:focus {
		color:var(--clr-secondary);border:1px solid var(--clr-light);background-color:var(--clr-background);text-decoration:underline;
	}
	nav.menu ul, nav.menu-2 ul {
		gap:0 10px;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;
	}
	nav.menu-2 + .content {
		padding-top:var(--menu-height);
	}
	nav.menu .hover-menu-container {
		display:block;
	}
	nav.menu .hover-menu-container {
		position:absolute;grid-column:1 / -1;top:0;min-width:70vw;
    }
	nav.menu .hover-menu {
		display:grid;gap:40px;grid-auto-columns:minmax(1px, 1fr) 1px;grid-auto-flow:column;margin-top: -100%;overflow:hidden;padding:var(--radius-toolset);border-radius:10px;background-color:var(--clr-background);box-shadow:0px 23px 46px -11px rgb(0 0 0 / 31%);z-index:100;opacity:0;transform:translateY(-20px);transition:opacity .5s ease-in-out, transform .5s ease-in-out;
	}
	nav.menu .container:hover + .hover-menu-container, nav.menu .container:focus-within + .hover-menu-container, .hover-menu-container:hover {
		padding-top:var(--menu-height);
	}
	nav.menu .container:hover + .hover-menu-container .hover-menu, .hover-menu-container:hover .hover-menu,
	nav.menu .container:focus-within + .hover-menu-container .hover-menu, .hover-menu-container:focus-within .hover-menu {
		margin-top:0;opacity:1;transform:translateY(0px);
	}
	
	nav.menu .hover-menu .spacer {
		width:0px;border-left:1px solid rgba(0,0,0,.1);
	}
	nav.menu .hover-menu ul {
	    margin-top:10px;gap:10px;flex-direction:column;flex-wrap:nowrap;justify-content:normal;align-items:flex-start;
	}
	nav.menu .hover-menu ul ul {
		margin-top:0px;padding-top:10px;
	}
	nav.menu .hover-menu div > a {
		font-weight:800;
	}
	nav.menu .hover-menu ul a {
		display:block;text-align:left;white-space:nowrap;font-weight:400;font-size:var(--fs-small);
	}
	.mobile-submenu, .mobile-menu-anchor {
		display:none !important;
	}
	
	.container {
		grid-column:2 / 3;grid-template-columns:repeat(var(--num-columns), minmax(0, 1fr));grid-gap:60px 38px;padding:var(--pad-large) 0;
	}
	.container.wide .container {
		padding:var(--pad-large) 0;
	}
	article.header {
		padding-left:calc(27vw - var(--radius-toolset));height:82%;
	}
	article.header .text {
		font-size:var(--fs-header);line-height:var(--lh-h);padding:82px 0 0 0;margin-top: -22px;
	}
	header .toolset {
		grid-row:1;grid-column-start:1;width:var(--toolset-width);padding:var(--toolset-padding);margin-top:calc(-.5 * var(--radius-toolset));border-radius:0 var(--radius-toolset) var(--radius-toolset) 0;background-color:var(--clr-background);z-index:10;
	}
	header .toolset h2 {
		font-size:var(--toolset-h2);line-height:var(--toolset-lh);font-weight:800;padding-right:10px;color:var(--clr-text-p);background-color:var(--clr-background);
	}	
	header .toolset ul {
		padding-top:36px;
	}
	header .toolset li {
		display:flex;
	}
	header .toolset li, header .toolset li a {
		display:flex;flex-grow:1;font-size:var(--fs-medium);font-weight:700;text-decoration:none;text-transform:none;align-items:center;
	}
	header .toolset li span.img {
		display:inline-flex;width:20px;height:20px;margin-right:10px;margin-bottom:8px;border-radius:50%; 
	}
	header .toolset li span.img::before{
		content: '';width:20px;height:20px;border-radius:50%; 
	}
	header .toolset li span.title {
		display:inline-flex;padding-left:10px;padding-right:8px;height:50px;margin-bottom:5px;flex-grow:1;align-content:center;align-items:center;background-color:var(--clr-background);box-shadow:3px 3px 5px 0px rgba(0,0,0,.16);
	}
	header .grid.rotated { 
		zoom:var(--grid-zoom);grid-area:content;grid-column-start:1;grid-column-end: -1;grid-row:1;padding-left:calc((27vw + 75px) * var(--grid-zoom-comp));margin-bottom:0px;display:grid;width:min-content;align-self:flex-end;grid-template-columns:230px 235px;grid-gap:25px;transform:rotate(-12deg);z-index:2;
	}
	@keyframes leaves {
	    0% {
	        transform:scale(1);
	    }
	    33% {
	        transform:scale(0.98);
	    }
	    66% {
	        transform:scale(1.02);
	    }
	    100% {
	        transform:scale(1);
	    }
	}
	header .grid.rotated .card {
		position:relative;min-height:140px;height:fit-content;border-radius:var(--radius-toolset);background-color:var(--clr-background);box-shadow:var(--menu-box-shadow);padding:17px;overflow:hidden;z-index:15;animation:leaves 5s ease-in-out infinite alternate;
    }
	header .grid.rotated .card:nth-child(2) {
		margin-top:70px;height:168px;animation-direction:reverse;
	}
	header .grid.rotated .card:nth-child(3) {
		margin-top: -70px;height:168px;animation-direction:normal;animation-delay:1s;
	}
	header .grid.rotated .card.background {
		display:grid;border-radius:calc(var(--radius-toolset) / 2);grid-template-columns:1fr;grid-template-rows:1fr;
	}
	header .grid.rotated .card.background h2 {
		font-size:14pt;font-weight:700;text-transform:uppercase;padding-bottom:10px;color:var(--clr-text-i);
	}
	header .grid.rotated .card.background::before {
		content:'';position:absolute;top:0;left:0;bottom:0;right:0;background-color:var(--clr-6);opacity:.6;z-index: -1;
	}
	header .grid.rotated .card.background img {
		position:absolute;z-index: -2;
	}
	header .grid.rotated .card.images {
		display:grid;padding:17px 17px 27px 27px;grid-gap:5px 45px;grid-template-columns:1fr 45px;
	}
	header .grid.rotated .card.images > img {
		grid-column:1;
	}
	header .grid.rotated .card.images img + img {
		grid-column:2;
	}
	header .grid.rotated .card.images img {
		max-height:53px;align-self:center;
	}
	header .grid.rotated .card.images h2, header .grid.rotated .card.images h3 {
		grid-column:1 / -1;
	}
	header .grid.rotated .card.images h2 {
		margin-top:15px;font-size:12pt;font-weight:800;color:var(--clr-text-p);text-transform:uppercase;
	}
	header .grid.rotated .card.images h3 + h2 {
		margin-top:0px;
	}	
	header .grid.rotated .card.images h3 {
		margin-top:15px;font-family:var(--ff);font-size:10pt;font-weight:normal;color:var(--clr-text-p);
	}
	header .image {
		height:100%;
	}
	.publication.img-l, .publication.img-r {
		grid-column:var(--column-full);display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);grid-gap:inherit;grid-auto-rows:1fr;
	}
	.publication.img-l {
		grid-template-areas: "image text";grid-template-columns:minmax(0, 3fr) minmax(0, 2fr);
	}
	.publication.img-r {
		grid-template-areas: "text image";grid-template-columns:minmax(0, 2fr) minmax(0, 3fr);
	}
	.publication.img-l .img, .publication.img-r .img {
	    grid-area:image;width:auto;justify-self:auto;
	}
	.publication.img-r .img {
	    justify-self:right;width:100%;
	    
	}
	.portfolio.publication.col-1 {
		display:grid;grid-gap:var(--pad-medium);grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);
	}
	.portfolio.publication .img {
	    grid-column:1;grid-row:1;
	}
	.portfolio.publication .text {
		grid-column:2 / -1;grid-row:1;	
	}
		
	.publication.col-1.narrow {
		display:grid;grid-gap:var(--pad-medium);grid-template-columns:minmax(0, 1fr) minmax(0, 10fr) minmax(0, 1fr);
	}
	.publication.col-1.narrow.bg-gradient {
		margin:0;padding:var(--pad-large) 0;
	}
	.publication.col-1.narrow .title, .publication.col-1.narrow .intro, .publication.col-1.narrow .text, .publication.col-1.narrow .links, .publication.col-1.narrow .link {
		grid-area:auto;grid-column:2;	
	}
	.publication.col-1.narrow .images {
		overflow:hidden;border-radius:7px;margin:0;grid-area:auto;grid-column:1 / -1;	
	}
	.publication .links, .publication.col-1.narrow .link {
		display:flex;flex-wrap:wrap;
	}
	.menu-footer {
	    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);grid-gap:20px;
	}
	.menu-footer ul {
		grid-column:span 1;
	}
	.copyright ul {
		flex-direction:row;
	}
	.copyright ul li::after{
		content: "|";padding:0 17px;
	}
	.copyright ul li:last-child::after {
		content:none;
	}
	.container .reference.slider {
		margin-left:0;margin-right:0;grid-column:1 / -1;grid-gap:0;
	}
	.reference.slider .slider-container {
		grid-template-columns:10% auto 10%;grid-template-rows:60px min-content 60px;
	}
	.reference.slider .slider-container .prev, .reference.slider .slider-container .next {
		vertical-align:middle;align-self:center;justify-self:center;margin:0;
	}
	.reference.slider .slider-container .prev {
		grid-column:1; 
	}
	.reference.slider .slider-container .next {
		grid-column:3; 
	}
	.reference.slider .slider-container .slide {
		grid-column:2;grid-row:2;display:grid;grid-template-areas: "text image";grid-template-columns:auto 17.5%;grid-template-rows:min-content min-content min-content;background:var(--clr-background1);opacity:0;transition:opacity .5s ease-in-out;
	}
	.reference.slider .slider-container .slide.active {
		opacity:1;
	}
	.reference.slider .slider-container .slide .intro {
		grid-area:text;grid-row:1;
	}
	.reference.slider .slider-container .slide .image {
		grid-area:image;grid-row:1;aspect-ratio:1;overflow:hidden;border-radius:50%;object-fit:center;max-width:none;
	}
	.reference.slider .slider-container .slide .title {
		grid-area:text;grid-row:2;margin-top:24px;
	}
	.reference.slider .slider-container .slide .title + .subtitle {
		grid-area:text;grid-row:3;margin-top:6px;
	}
	
}
@media (min-width:1024px) {
	:root {
	    --fs:16px;
	    --fs-h2:51px;
	    --fs-h2-s:40px;
	    --fs-medium:18px;
	    --fs-large:26px; 
		--num-columns:12;
		
		--column-one-third:span 4;
		--column-two-third:span 8;
		--column-full:span 12;
		--column-half:span 6;
		--column-one-quart:span 3;
		
		--grid-zoom:.8;
		--grid-zoom-comp:1.2;
		--toolset-h2:26px;
		--toolset-lh:1.2;
		--radius-toolset:45px;
		--toolset-padding:calc(2 * var(--radius-toolset)) 0 0px 5vw;
		--fs-header:30px;
	}
	a.whatsapp-button.fixed {
	    position:fixed;height:auto;top:calc( 100% - 70px );right:30px;z-index:1000000;
	}
	a.whatsapp-button {
	    bottom:auto;right:30px;
	}
	
	.main {
		grid-template-columns:var(--body-margin) 1fr var(--body-margin);
	}
	.top-menu .menu {
		grid-area:header;grid-template-areas:inherit;grid-template-columns:inherit;grid-column-start:margin-left;grid-column-end:margin-right;
	}
	nav.menu ul, nav.menu-2 ul {
	    gap:0 40px;
	}
	.menu ul a, .menu-2 ul a {
		font-size:var(--fs-medium);
	}
	
	.menu.fixed .menu-container, .menu-2.fixed .menu-container {
		width:var(--body-width);
	}
	.container {
		grid-column:2 / 3;grid-template-columns:repeat(var(--num-columns), minmax(0, 1fr));grid-gap:127px 57px;padding:var(--pad-xlarge) 0;
	}
	.container.wide .container {
		padding:10vw 0 var(--pad-xlarge) 0;
	}
	.content .container.wide.accent:after {
	    width:50vw;
	}
	article.header { 
		height:auto;
	}
	article.header img {
		height:auto;width:100%;
    }
	
	header .grid.rotated {
	    margin-bottom: -140px;
	}
	header .image {
	height:calc(100% + 140px);
	
	}
	
	.suites-pricing .columns {
		display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--pad-medium);	
	}	
	.menu-footer {
		display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 3fr) minmax(0, 3fr) minmax(0, 3fr) minmax(0, 3fr) 35px;grid-gap:20px;
	}
	.menu-footer ul {
		grid-column:span 1;
	}
	
	.menu-footer .logo {
		grid-column:1;
	}
	.menu-footer .logo {
		grid-row:1;	
	}
	.menu-footer ul.socials {
		grid-row: -1;grid-column: -2;flex-direction:column;justify-self:flex-start;
	}
	.publication.col-1.narrow {
		display:grid;grid-gap:var(--pad-medium);grid-template-columns:minmax(0, 1fr) minmax(0, 10fr) minmax(0, 1fr);
	}
	.publication.col-1.narrow .title, .publication.col-1.narrow .intro, .publication.col-1.narrow .text, .publication.col-1.narrow .links, .publication.col-1.narrow .link {
		grid-area:auto;grid-column:2;	
	}
	.publication.col-1.narrow h2 a {
		text-decoration:none;
	}
	.publication.col-1.narrow img {
		grid-column:1 / -1;	
	}
	.publication.col-1.narrow ul {
		border-top:1px solid #E6E9F2;padding:18px 0px;list-style:none;display:flex;gap:8px;flex-wrap:wrap;
	}
	.publication.col-1.narrow h3 + ul {
		display:block;
	}
	.publication.col-1.narrow ul li {
		position:relative;padding:16px 0 16px 40px;flex-grow:0;flex-shrink:0;flex-basis:32%;		
	}
	.publication.col-1.narrow ul li:before {
		content: '';top:21px;left:0px;width:24px;height:18px;position:absolute;background:url('https://delite.nl/resources/theme/6512bea42c6bc/enabling-results/vinkje.svg');background-repeat:no-repeat;background-position:center;background-size:auto; // cover;
	}	
	.publication.narrow .title, .publication.title .title {
		font-size:var(--fs-h2);font-weight:800;color:var(--clr-text-s);
	}
	.publication.narrow .subtitle, .publication.title .subtitle {
		color:#C9CBD1;
	}

	.reference.slider .slider-container {
		grid-template-rows:60px min-content 60px;
	}
	.reference.slider .slider-container .prev, .reference.slider .slider-container .next {
		width:40px;height:40px;
	}
	.reference.slider .slider-container .prev:before, .reference.slider .slider-container .next:before {
		background-size:20px 20px;
	}
	.reference.slider .slider-container .slide .title {
		margin-top:32px;
	}
	.reference.slider .slider-container .slide .title + .subtitle {
		margin-top:8px;
	}
	
	.contact, .login {
		display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:40px;
	}
	
		
}
@media (min-width:1366px) {
	:root {
	    --grid-zoom:1.1;
	    --fs-small:16px;
	    --fs-medium:20px;
	    --fs-large:28px; 
	    --grid-zoom:1;
		--grid-zoom-comp:1;
		
		
	}
	a.whatsapp-button.fixed {
	    position:fixed;
	    /*width:100px;*/
	    height:auto;top:calc( 100% - 80px );right:40px;z-index:1000000;
	}
	a.whatsapp-button {
		right:40px;
	}
	.container {
		grid-gap:127px 76px;
	}
	.content .container.wide::before {
		width:150px;
	}
	article.header {
		aspect-ratio:2560/1024;
	}
	.publication.img-l, .publication.img-r {
	    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
	}
	.suites-pricing .columns {
		display:flex;justify-content:center;grid-gap:0;
	}	
	.suites-pricing .columns .col {
		flex-basis:20%;
	}
	.suites-pricing li span.img {
		margin-bottom:6px;
	}
	.suites-pricing .col:nth-child(1) .card, .suites-pricing .col:nth-child(2) .card {
		border-radius:var(--radius-toolset) 0 0 var(--radius-toolset);
	}
	.suites-pricing .col:nth-child(4) .card {
		border-radius:0 var(--radius-toolset) var(--radius-toolset) 0 ;
	}
	.suites-pricing .best-buy .card:before {
		top:auto}
	.contact, .login {
		gap:87px;
	}
	
}

@media (min-width:1440px) {
	:root {
	    --grid-zoom:1.15;
	    --grid-zoom-comp:.9;
	    --fs:20px;
		--fs-h2:51px;
		--fs-h2-s:40px;
		--fs-medium:22px;
		
	}
	.container .reference.slider {
	    grid-column:1 / -1;grid-gap:0;
	}
	.reference.slider .slider-container {
		border-radius:12px;background:var(--clr-background1);display:grid;grid-template-columns:10% auto 10%;grid-template-rows:80px min-content 80px;
	   	   		
	}
	.reference.slider .slider-container .prev, .reference.slider .slider-container .next {
		width:61px;height:61px;
	}
	.reference.slider .slider-container .prev:before, .reference.slider .slider-container .next:before {
		background-size:30px 30px;
	}
	
	.reference.slider .slider-container .slide .title {
		margin-top:32px;
	}
	.reference.slider .slider-container .slide .title + .subtitle {
		margin-top:8px;
	}
		
}
@media (min-width:1920px) {
	:root {
	    --grid-zoom:calc(1920 / 1440);
	}
	.suites-pricing .card h2 {
		font-size:30pt;
	}
	.suites-pricing .price {
	    font-size:50px;
	}
	.suites-pricing .unit {
	    font-size:22px;
	}
		
	.suites-pricing li, .suites-pricing li a {
		font-size:18px;
	}
	.suites-pricing li span.img {
		margin-right:var(--radius-toolset);
	}
	.suites-pricing li span.img::before{
		content: '';width:30pt;height:30pt;
	}		
}
/*
@media (min-width:2560px) {
	:root {
		--body-width:auto;
		--fs-small:20pt;
		--fs-medium:37pt;
		--fs:20pt;
		--fs-header:29pt;
		
		--fs-h2:64pt;
		--fs-h3:60pt;
		--fs-h2-s:52pt;
		
		--lh-h:1.2;
		--lh-p:1.9; 
		--body-margin:207px;
		--text-margin-small:16px;
		--text-margin-medium:56px;
		--text-margin-large:80px;
		--pad-small:40px;
		--pad-medium:90px;
		--pad-large:120px;
		--pad-xlarge:180px;
		--border-radius-card:6px;
		--border-radius-button:43px;
		
	    --grid-zoom:1;
	
		--toolset-width:27vw;
		--toolset-h2:42pt;
		--toolset-lh:47pt;
		--toolset-padding:82px 0 60px 148px;
		--radius-toolset:45px;
	}
	.main {
	    grid-template-columns:var(--body-margin) 1fr var(--body-margin);
	}
	.content .container.wide::before {
		width:200px;
	}
	
	.top-menu .menu .menu-container {
		height:var(--top-menu-height);
	}
	
	.menu .logo img, .menu-2 .logo img {
		max-width:232px;width:232px;height:auto;
	}
	.menu .menu-container, .menu-2 .menu-container, .menu.open .menu-container, .menu-2.open .menu-container {
	    grid-area:header;display:grid;grid-template-areas: "logo menu";grid-template-columns:232px auto;grid-template-rows:1fr;grid-gap:120px;height:var(--menu-height);align-items:center;transition:none;overflow:hidden;
	}
	.menu .menu-container, .menu-2 .menu-container {
	    grid-template-rows:var(--menu-height) auto;align-items:center;height:var(--menu-height);transition:height 0.5s ease-in;grid-column-start:header;grid-column-end:header;
	}
	nav.menu > .menu {
	    height:calc(var(--menu-height) + 60px);
	}
	nav.menu ul, nav.menu-2 ul {
	    gap:0 60px;
	}
	.menu ul a, .menu-2 ul a {
		font-size:22pt;font-weight:800;
	}
	header .toolset li span.img {
		display:inline-flex;width:39px;height:39px;margin-right:20px;margin-bottom:15px;border-radius:50%; 
	}
	header .toolset li span.img::before{
		content: '';width:39px;height:39px;border-radius:50%; 
	}
	header .toolset li span.title {
		display:inline-flex;padding-left:19px;padding-right:16px;height:107px;margin-bottom:10px;flex-grow:1;align-content:center;align-items:center;background-color:var(--clr-background);box-shadow:7px 7px 10px 0px rgba(0,0,0,.16);
	}
	
	header .grid.rotated {
		grid-area:content;grid-column-start:margin-left;grid-column-end:margin-right;grid-row:1;padding-left:calc(27vw + var(--body-margin));margin-bottom: -140px;display:grid;width:min-content;align-self:flex-end;grid-template-columns:465px 469px;grid-gap:50px;transform:rotate(-12deg);z-index:2;
	}
	header .grid.rotated .card {
		min-height:280px;padding:34px;
    }
	header .grid.rotated .card:nth-child(2) {
		margin-top:140px;height:336px;
	}
	header .grid.rotated .card:nth-child(3) {
		margin-top: -140px;height:336px;
	}
	header .grid.rotated .card.background {
    	border-radius:calc(var(--radius-toolset) / 2);
	}
	header .grid.rotated .card.background h2 {
		font-size:28pt;font-weight:700;
	}
	header .grid.rotated .card.images {
		padding:34px 34px 54px 54px;grid-gap:10px 90px;grid-template-columns:1fr 90px;
	}
	header .grid.rotated .card.images img {
		max-height:106px;
	}
	header .grid.rotated .card.images h2 {
		margin-top:30px;font-size:24pt;
	}
	header .grid.rotated .card.images h3 {
		margin-top:30px;font-size:20pt;
	}
	article.header {
		aspect-ratio:2560/1280;
	}
	article.header .text {
		padding:82px 0 0 0;margin-top: -22px;
	}
	article.header .text h2 {
		font-size:52pt;font-weight:800;
	}
	.publication.col-1.wide {
		padding-left:var(--body-margin) !important;
	}
	.publication.col-1-3 .img.icon {
		width:126px;
	}
	
	.publication.img-r {
	    grid-template-columns:minmax(0, 2fr) minmax(0, 3fr);
	}
	.publication.img-l {
	    grid-template-columns:minmax(0, 3fr) minmax(0, 2fr);
	}
}
*/
.fade-in {
	opacity:1 !important;transition:opacity 0.5s ease-in;
}

span.sign {
    display:inline-block;border-radius:11px;color:white;padding:0px 10px;font-weight:bold;letter-spacing:2px;
}
.sign.snelweg {
	border:3px solid white;background:#c2171f;outline:2px solid white;outline-offset: -6px;
}
.sign.n-weg {
	background:#f6c700;color:black;border:1px solid black;outline:2px solid white;outline-offset: -4px;
}