:root {
  --primary-lighter-transparent: #00-21-3430;
  --primary-lighter-900: #9fdbff;
  --primary-lighter-800: #85d2ff;
  --primary-lighter-700: #6bc8ff;
  --primary-lighter-600: #51beff;
  --primary-lighter-500: #37b5ff;
  --primary-lighter-400: #1dabff;
  --primary-lighter-300: #03a2ff;
  --primary-lighter-200: #0092e8;
  --primary-lighter-100: #0082ce;
  --primary-base: #0071b5;
  --primary-rgb: 0, 113, 181;
  --primary-transparent-10: #0071b508;
  --primary-transparent-20: #0071b520;
  --primary-transparent-35: #0071b535;
  --primary-transparent-50: #0071b550;
  --primary-darker-100: #00619b;
  --primary-darker-200: #005181;
  --primary-darker-300: #004067;
  --primary-darker-400: #00304d;
  --primary-darker-500: #002033;
  --primary-darker-600: #000f19;
  --primary-darker-700: #000000;
  --primary-darker-800: #00-10-1a;
  --primary-darker-900: #00-21-34;
  --primary-darker-transparent: #00-21-3430;
  --secondary-lighter-transparent: #a2ccde30;
  --secondary-lighter-900: #f9fbfd;
  --secondary-lighter-800: #f4f9fb;
  --secondary-lighter-700: #eff6f9;
  --secondary-lighter-600: #eaf3f8;
  --secondary-lighter-500: #e6f1f6;
  --secondary-lighter-400: #e1eef4;
  --secondary-lighter-300: #dcebf3;
  --secondary-lighter-200: #d7e9f1;
  --secondary-lighter-100: #d2e6ef;
  --secondary-base: #cee3ee;
  --secondary-rgb: 206, 227, 238;
  --secondary-transparent-10: #cee3ee08;
  --secondary-transparent-20: #cee3ee20;
  --secondary-transparent-35: #cee3ee35;
  --secondary-transparent-50: #cee3ee50;
  --secondary-darker-100: #c9e1ec;
  --secondary-darker-200: #c4deea;
  --secondary-darker-300: #bfdce8;
  --secondary-darker-400: #bad9e7;
  --secondary-darker-500: #b5d6e5;
  --secondary-darker-600: #b1d4e3;
  --secondary-darker-700: #acd1e2;
  --secondary-darker-800: #a7cee0;
  --secondary-darker-900: #a2ccde;
  --secondary-darker-transparent: #a2ccde30;
  --pink-lighter-transparent: #-600-230;
  --pink-lighter-900: #f5a9c3;
  --pink-lighter-800: #f394b4;
  --pink-lighter-700: #f17fa6;
  --pink-lighter-600: #ee6997;
  --pink-lighter-500: #ec5488;
  --pink-lighter-400: #ea3f79;
  --pink-lighter-300: #e72a6b;
  --pink-lighter-200: #e2185d;
  --pink-lighter-100: #cd1654;
  --pink-base: #b8134b;
  --pink-rgb: 184, 19, 75;
  --pink-transparent-10: #b8134b08;
  --pink-transparent-20: #b8134b20;
  --pink-transparent-35: #b8134b35;
  --pink-transparent-50: #b8134b50;
  --pink-darker-100: #a21143;
  --pink-darker-200: #8d0f3a;
  --pink-darker-300: #780d31;
  --pink-darker-400: #630a29;
  --pink-darker-500: #4e0820;
  --pink-darker-600: #390617;
  --pink-darker-700: #23030e;
  --pink-darker-800: #0e0106;
  --pink-darker-900: #-600-2;
  --pink-darker-transparent: #-600-230;
  --grijs-lighter-transparent: #-1-1-130;
  --grijs-lighter-900: #c6d2d8;
  --grijs-lighter-800: #b9c7ce;
  --grijs-lighter-700: #abbdc5;
  --grijs-lighter-600: #9db2bb;
  --grijs-lighter-500: #8fa7b2;
  --grijs-lighter-400: #829ca8;
  --grijs-lighter-300: #74919f;
  --grijs-lighter-200: #668695;
  --grijs-lighter-100: #5d7a87;
  --grijs-base: #546d79;
  --grijs-rgb: 84, 109, 121;
  --grijs-transparent-10: #546d7908;
  --grijs-transparent-20: #546d7920;
  --grijs-transparent-35: #546d7935;
  --grijs-transparent-50: #546d7950;
  --grijs-darker-100: #4a616c;
  --grijs-darker-200: #41555e;
  --grijs-darker-300: #374850;
  --grijs-darker-400: #2e3c42;
  --grijs-darker-500: #242f35;
  --grijs-darker-600: #1b2327;
  --grijs-darker-700: #111719;
  --grijs-darker-800: #080a0b;
  --grijs-darker-900: #-1-1-1;
  --grijs-darker-transparent: #-1-1-130;
  --inverse-pink-lighter-transparent: #f3f3f330;
  --inverse-pink-lighter-900: #10a10a10a;
  --inverse-pink-lighter-800: #109109109;
  --inverse-pink-lighter-700: #107107107;
  --inverse-pink-lighter-600: #106106106;
  --inverse-pink-lighter-500: #105105105;
  --inverse-pink-lighter-400: #104104104;
  --inverse-pink-lighter-300: #102102102;
  --inverse-pink-lighter-200: #101101101;
  --inverse-pink-lighter-100: #100100100;
  --inverse-pink-base: #ffffff;
  --inverse-pink-rgb: 255, 255, 255;
  --inverse-pink-transparent-10: #ffffff08;
  --inverse-pink-transparent-20: #ffffff20;
  --inverse-pink-transparent-35: #ffffff35;
  --inverse-pink-transparent-50: #ffffff50;
  --inverse-pink-darker-100: #fdfdfd;
  --inverse-pink-darker-200: #fcfcfc;
  --inverse-pink-darker-300: #fbfbfb;
  --inverse-pink-darker-400: #f9f9f9;
  --inverse-pink-darker-500: #f8f8f8;
  --inverse-pink-darker-600: #f7f7f7;
  --inverse-pink-darker-700: #f6f6f6;
  --inverse-pink-darker-800: #f4f4f4;
  --inverse-pink-darker-900: #f3f3f3;
  --inverse-pink-darker-transparent: #f3f3f330;
}
.zz-bg-primary {
  background-color: var(--primary-base);
  color: var(--zz-light);
}
.zz-theme-primary {
  background: var(--primary-base);
  color: var(--zz-body-color);
  --zz-fill-color: var(--primary-darker-900);
  --zz-theme-hover-bgcolor: var(--primary-darker-100);
  --zz-theme-hover-color: None;
}
.zz-bg-secondary {
  background-color: var(--secondary-base);
  color: var(--zz-dark);
}
.zz-theme-secondary {
  background: var(--secondary-base);
  color: var(--zz-body-color);
  --zz-fill-color: var(--secondary-darker-900);
  --zz-theme-hover-bgcolor: var(--secondary-darker-100);
  --zz-theme-hover-color: None;
}
.zz-bg-custom-pink {
  background-color: var(--pink-base);
  color: var(--zz-light);
}
.zz-theme-pink {
  background: #b8144c;
  color: #ffffff;
  --zz-heading-color: #ffffff;
  --zz-fill-color: #f07aa1;
  --zz-theme-hover-bgcolor: var(--pink-darker-100);
  --zz-theme-hover-color: var(--pink-darker-900);
}
.zz-bg-custom-grijs {
  background-color: var(--grijs-base);
  color: var(--zz-light);
}
.zz-theme-grijs {
  background: #546e7a;
  color: #ffffff;
  --zz-heading-color: #ffffff;
  --zz-fill-color: #70d2ff;
  --zz-theme-hover-bgcolor: var(--grijs-darker-100);
  --zz-theme-hover-color: var(--grijs-darker-900);
}
.zz-bg-custom-inverse-pink {
  background-color: var(--inverse-pink-base);
  color: var(--zz-body-color);
}
.zz-theme-inverse-pink {
  background: #FFFFFF;
  color: #b8144c;
  --zz-heading-color: #b8144c;
  --zz-fill-color: #b8144c;
  --zz-theme-hover-bgcolor: var(--inverse-pink-darker-100);
  --zz-theme-hover-color: var(--inverse-pink-darker-900);
}

@font-face {
  font-family: 'sig-poppins';
  src: url('https://assets.zzinnovate.com/groningen/fonts/Poppins-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'sig-poppins';
  src: url('https://assets.zzinnovate.com/groningen/fonts/Poppins-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'sig-poppins';
  src: url('https://assets.zzinnovate.com/groningen/fonts/Poppins-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}
body {
  font-family: 'sig-poppins' !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
h1,h2,h3,h4,h5,h6 {
  font-family: 'sig-poppins' !important;
  font-weight: 500 !important;
  font-style: normal !important;
}
btn {
  font-family: 'sig-poppins' !important;
  font-weight: 600 !important;
  font-style: normal !important;
}