.theme-zorgzaam {
  --asset-font-asap: "Asap";
  --asset-font-roboto: "Roboto";
  --asset-font-roboto-slab: "Roboto Slab";
  --asset-font-raleway: "Raleway";
  --asset-font-open-sans: "Open Sans";
  --asset-font-bree-serif: "Bree Serif";
  --asset-font-tt-commons: "tt commons";
  --asset-font-tt-commons-pro: "TT Commons Pro";
  --asset-font-lineto-circular: "Lineto Circular";
  --color-background-primary: hsl(31, 76%, 94%);
  --color-background-secondary: hsl(0, 0%, 95%);
  --color-background-overlay: hsla(0, 0%, 0%, 0.5);
  --color-border-primary: hsl(200, 99%, 31%);
  --color-default-black: hsl(0, 0%, 0%); /* Black */
  --color-default-white: hsl(0, 0%, 100%); /* White */
  --color-primary-100: hsl(267, 72%, 21%); /* Purple heart */
  --color-primary-200: hsl(30, 100%, 36%); /* Dutch */
  --color-primary-300: hsl(30, 94%, 27%); /* Dutch dark */
  --color-secondary-100: hsl(0, 0%, 20%); /* charcoal */
  --color-secondary-200: hsl(200, 99%, 31%); /* Air force */
  --color-secondary-300: hsl(0, 0%, 100%); /* Snow */
  --color-secondary-400: hsl(0, 0%, 100%); /* Whitelabel-secondary-400 */
  --color-tertiary-100: hsl(31, 76%, 94%); /* Mandarijn */
  --color-tertiary-200: hsl(0, 0%, 95%); /* Silver */
  --color-tertiary-300: hsl(0, 0%, 80%); /* Smoke */
  --color-tertiary-400: hsl(0, 0%, 92%); /* Cloud */
  --color-tertiary-500: hsl(0, 0%, 40%); /* Disabled Grey */
  --color-tertiary-600: hsl(0, 0%, 91%); /* Cloud Grey */
  --color-tertiary-900: hsl(0, 0%, 0%); /* Whitelabel-tertiary-900 */
  --color-transparent: hsla(0, 0%, 0%, 0); /* transparant */
  --color-status-success: hsl(138.3, 100%, 30.8%); /* Forest */
  --color-status-success-light: hsl(138.3, 100%, 94%);
  --color-status-warning: hsl(45.3, 89.1%, 60.4%); /* Sunflower */
  --color-status-warning-light: hsl(45.3, 89.1%, 94%);
  --color-status-error: hsl(357.6, 78.7%, 49.8%); /* Cherry */
  --color-status-error-light: hsl(357.6, 78.7%, 94%);
  --color-status-info: hsl(199.8, 49%, 37.6%); /* Polar */
  --color-status-info-light: hsl(199.8, 49%, 94%);
  --color-font-h1: hsl(30, 100%, 36%);
  --color-font-h2: hsl(267, 72%, 21%);
  --color-font-h3: hsl(267, 72%, 21%);
  --color-font-h4: hsl(0, 0%, 20%);
  --color-font-intro: hsl(0, 0%, 20%);
  --color-font-body: hsl(0, 0%, 20%);
  --color-font-caption: hsl(0, 0%, 20%);
  --color-font-quote: hsl(0, 0%, 20%);
  --color-shadow-default: hsl(0, 0%, 0%);
  --h1-font-family: Raleway, sans-serif;
  --h1-font-size: 2rem;
  --h1-font-color: hsl(30, 100%, 36%);
  --h1-font-line-height: 2.688rem;
  --h1-font-weight: 700;
  --h1-font-style: normal;
  --h1-font-margin: 0px;
  --h2-font-family: Raleway, sans-serif;
  --h2-font-size: 1.625rem;
  --h2-font-color: hsl(267, 72%, 21%);
  --h2-font-line-height: 2.188rem;
  --h2-font-weight: 700;
  --h2-font-style: normal;
  --h2-font-margin: 0px;
  --h3-font-family: Raleway, sans-serif;
  --h3-font-size: 1.25rem;
  --h3-font-color: hsl(267, 72%, 21%);
  --h3-font-line-height: 1.688rem;
  --h3-font-weight: 700;
  --h3-font-margin: 0px;
  --h3-font-style: normal;
  --h4-font-family: Raleway, sans-serif;
  --h4-font-size: 1rem;
  --h4-font-color: hsl(0, 0%, 20%);
  --h4-font-line-height: 1.5rem;
  --h4-font-weight: 700;
  --h4-font-style: normal;
  --h4-font-margin: 0px;
  --intro-font-family: Roboto, sans-serif;
  --intro-font-size: 1.25rem;
  --intro-font-color: hsl(0, 0%, 20%);
  --intro-font-line-height: 1.875rem;
  --intro-font-weight: 400;
  --intro-font-style: normal;
  --body-font-family: Roboto, sans-serif;
  --body-font-size: 1rem;
  --body-font-color: hsl(0, 0%, 20%);
  --body-font-line-height: 1.5rem;
  --body-font-weight: 400;
  --body-font-style: normal;
  --label-font-family: Roboto;
  --label-font-size: 1rem;
  --label-font-color: hsl(0, 0%, 100%);
  --label-font-line-height: 1.5rem;
  --label-font-weight: 500;
  --label-font-style: normal;
  --description-font-family: Roboto;
  --description-font-size: 0.875rem;
  --description-font-color: hsl(0, 0%, 0%);
  --description-font-line-height: 1.375rem;
  --description-font-weight: 400;
  --description-font-style: normal;
  --quote-font-family: Roboto, sans-serif;
  --quote-font-size: 1.25rem;
  --quote-font-color: hsl(0, 0%, 20%);
  --quote-font-line-height: 1.75rem;
  --quote-font-weight: 400;
  --quote-font-style: italic;
  --caption-font-family: Roboto, sans-serif;
  --caption-font-size: 0.875rem;
  --caption-font-color: hsl(0, 0%, 20%);
  --caption-font-line-height: 1.375rem;
  --caption-font-weight: 400;
  --caption-font-style: normal;
  --small-font-family: Roboto, sans-serif;
  --small-font-size: 0.875rem;
  --small-font-color: hsl(0, 0%, 20%);
  --small-font-line-height: 1.25rem;
  --small-font-weight: 400;
  --small-font-style: normal;
  --font-style-normal: normal;
  --font-style-italic: italic;
  --font-weight-thin: 100;
  --font-weight-extra-light: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --font-weight-black: 900;
  --badge-color-background: hsl(357.6, 78.7%, 49.8%);
  --badge-color-text: hsl(0, 0%, 100%);
  --badge-number-border-radius: 50%;
  --badge-size-padding: 0rem;
  --badge-size-font-size: 0.75rem;
  --badge-font-weight: 600;
  --badge-font-family: Roboto, sans-serif;
  --button-color-text-primary-rest: hsl(0, 0%, 100%);
  --button-color-text-primary-hover: hsl(0, 0%, 100%);
  --button-color-text-primary-press: hsl(0, 0%, 100%);
  --button-color-text-primary-disabled: hsl(0, 0%, 100%);
  --button-color-text-secondary-rest: hsl(30, 100%, 36%);
  --button-color-text-secondary-hover: hsl(0, 0%, 100%);
  --button-color-text-secondary-press: hsl(0, 0%, 100%);
  --button-color-text-secondary-disabled: hsl(0, 0%, 40%);
  --button-color-text-tertiary-rest: hsl(200, 99%, 31%);
  --button-color-text-tertiary-hover: hsl(200, 99%, 21%);
  --button-color-text-tertiary-press: hsl(200, 99%, 21%);
  --button-color-text-tertiary-disabled: hsl(0, 0%, 40%);
  --button-color-text-link-rest: hsl(200, 99%, 31%);
  --button-color-text-link-hover: hsl(200, 99%, 21%);
  --button-color-text-link-press: hsl(200, 99%, 21%);
  --button-color-text-link-disabled: hsl(30, 94%, 27%);
  --button-color-border-primary-rest: hsla(0, 0%, 0%, 0);
  --button-color-border-primary-hover: hsla(0, 0%, 0%, 0);
  --button-color-border-primary-press: hsla(0, 0%, 0%, 0);
  --button-color-border-primary-disabled: hsla(0, 0%, 0%, 0);
  --button-color-border-secondary-rest: hsl(30, 100%, 36%);
  --button-color-border-secondary-hover: hsl(30, 100%, 26%);
  --button-color-border-secondary-press: hsl(30, 100%, 26%);
  --button-color-border-secondary-disabled: hsl(0, 0%, 40%);
  --button-color-border-tertiary-rest: hsl(200, 99%, 31%);
  --button-color-border-tertiary-hover: hsl(200, 99%, 21%);
  --button-color-border-tertiary-press: hsl(200, 99%, 21%);
  --button-color-border-tertiary-disabled: hsla(0, 0%, 0%, 0);
  --button-color-border-link-rest: hsla(0, 0%, 0%, 0);
  --button-color-border-link-hover: hsla(0, 0%, 0%, 0);
  --button-color-border-link-press: hsla(0, 0%, 0%, 0);
  --button-color-border-link-disabled: hsla(0, 0%, 0%, 0);
  --button-color-background-primary-rest: hsl(200, 99%, 31%);
  --button-color-background-primary-hover: hsl(200, 99%, 21%);
  --button-color-background-primary-press: hsl(200, 99%, 21%);
  --button-color-background-primary-disabled: hsl(0, 0%, 40%);
  --button-color-background-secondary-rest: hsl(0, 0%, 100%);
  --button-color-background-secondary-hover: hsl(30, 100%, 26%);
  --button-color-background-secondary-press: hsl(30, 100%, 26%);
  --button-color-background-secondary-disabled: hsl(0, 0%, 100%);
  --button-color-background-tertiary-rest: hsla(0, 0%, 0%, 0);
  --button-color-background-tertiary-hover: hsla(0, 0%, 0%, 0);
  --button-color-background-tertiary-press: hsla(0, 0%, 0%, 0);
  --button-color-background-tertiary-disabled: hsla(0, 0%, 0%, 0);
  --button-color-background-link-rest: hsla(0, 0%, 0%, 0);
  --button-color-background-link-hover: hsla(0, 0%, 0%, 0);
  --button-color-background-link-press: hsla(0, 0%, 0%, 0);
  --button-color-background-link-disabled: hsla(0, 0%, 0%, 0);
  --button-number-border-radius: 0.3125rem;
  --button-number-font-size: 1.125rem;
  --button-number-padding-left: 2rem; /* 32px */
  --button-number-padding-right: 2rem; /* 32px */
  --button-number-padding-top: 0.75rem; /* 12px */
  --button-number-padding-bottom: 0.75rem; /* 12px */
  --button-number-font-weight: 500;
  --button-number-border-size: 1px;
  --button-number-min-height: 46px;
  --card-number-border-radius: 20px;
  --card-number-box-shadow-1: 0px 1px 2px hsla(0, 0%, 0%, 0.35);
  --card-number-box-shadow-2: 1px 2px 6px hsla(0, 0%, 0%, 0.02);
  --card-color-background-default: hsl(31, 76%, 94%);
  --datepicker-color-icon: hsl(267, 72%, 21%);
  --datepicker-color-button: hsl(200, 99%, 31%);
  --input-color-text: hsl(0, 0%, 20%);
  --input-color-placeholder: hsl(0, 0%, 40%);
  --input-color-border: hsl(0, 0%, 40%);
  --input-color-valid: hsl(152, 69%, 31%);
  --input-color-error: hsl(354, 70%, 54%);
  --input-number-border-radius: 0.125rem;
  --input-number-padding: 0.875rem 0.625rem 0.75rem; /* rem */
  --input-number-font-size: 0.875rem;
  --product-tile-color-highlight-text: hsl(0, 0%, 100%);
  --product-tile-color-highlight-background: hsl(25, 100%, 38%);
  --progress-color-background: hsl(0, 0%, 95%);
  --progress-color-used: hsl(30, 94%, 27%);
  --progress-number-radius: 99999rem;
  --radio-panel-number-padding: 0.75rem 1rem; /* 12px 16px */
  --radio-panel-number-font-size: 1rem; /* 16px */
  --status-color-success-background-color: hsl(0, 0%, 0%);
  --status-color-success-background-color-light: hsl(0, 0%, 0%);
  --status-color-warning-background-color: hsl(0, 0%, 0%);
  --status-color-warning-background-color-light: hsl(0, 0%, 0%);
  --status-color-error-background-color: hsl(0, 0%, 0%);
  --status-color-error-background-color-light: hsl(0, 0%, 0%);
  --status-color-info-background-color: hsl(0, 0%, 0%);
  --status-color-info-background-color-light: hsl(0, 0%, 0%);
  --tab-indicator-size-height: 0.125rem;
  --tab-indicator-color-background: hsl(267, 72%, 21%);
  --tab-indicator-number-border-radius: 50%;
  --textlink-color-rest: hsl(200, 99%, 31%);
  --textlink-color-hover: hsl(200, 99%, 21%);
  --textlink-color-press: hsl(200, 99%, 21%);
  --textlink-color-disabled: hsl(30, 94%, 27%);
  --textlink-typography-font-family: sans-serif;
  --textlink-typography-font-size: 1rem;
  --textlink-typography-font-line-height: 1.5rem;
  --textlink-typography-font-weight: 700;
  --textlink-typography-font-text-decoration-rest: underline;
  --textlink-typography-font-text-decoration-hover: underline;
  --textlink-typography-font-text-decoration-press: underline;
  --textlink-typography-font-text-decoration-disabled: none;
  --textlink-typography-text-decoration-rest: none;
  --textlink-typography-text-decoration-hover: underline;
  --textlink-typography-text-decoration-press: underline;
  --textlink-typography-text-decoration-disabled: none;
  --tile-number-border-radius: 4px;
  --tile-size-vertical-spacing: 1rem;
  --tile-size-horizontal-spacing: 1.25rem;
  --tile-size-border-size: 1px;
  --tile-size-separator-size: 1px;
  --tile-size-icon-width: 1.375rem;
  --tile-size-icon-margin-right: 0.5rem;
  --tile-size-header-font-size: 1rem;
  --tile-color-header: hsl(267, 72%, 21%);
  --tile-color-border: hsl(0, 0%, 80%);
  --tile-color-separator: hsl(0, 0%, 80%);
  --toptaak-number-border-radius: 4px;
  --toptaak-color-background-default: hsl(0, 0%, 100%);
  --toptaak-color-background-hover: hsl(0, 0%, 95%);
  --toptaak-color-background-box-shadow: 0px 2px 6px 0 hsla(0, 0%, 0%, 0.35), 0px 1px 2px 0 hsla(0, 0%, 0%, 0.02);
  --toptaak-color-text: hsl(30, 100%, 36%);
  --number-border-none: 0px;
  --number-border-xs: 1px;
  --number-border-s: 2px;
  --number-border-m: 4px;
  --number-border-l: 8px;
  --number-border-xl: 16px;
  --number-box-shadow-default-offset-x: 1px;
  --number-box-shadow-default-offset-y: 2px;
  --number-box-shadow-default-blur: 2px;
  --number-box-shadow-default-spread: 0;
  --number-box-shadow-default-color: hsl(0, 0%, 0%);
  --number-box-shadow-layer-1-offset-x: 0px;
  --number-box-shadow-layer-1-offset-y: 1px;
  --number-box-shadow-layer-1-blur: 2px;
  --number-box-shadow-layer-1-spread: 0;
  --number-box-shadow-layer-1-color: hsla(0, 0%, 0%, 0.35);
  --number-box-shadow-layer-2-offset-x: 1px;
  --number-box-shadow-layer-2-offset-y: 2px;
  --number-box-shadow-layer-2-blur: 6px;
  --number-box-shadow-layer-2-spread: 0;
  --number-box-shadow-layer-2-color: hsla(0, 0%, 0%, 0.02);
  --number-panel-shadow-default-offset-x: 0;
  --number-panel-shadow-default-offset-y: 2px;
  --number-panel-shadow-default-blur: 0;
  --number-panel-shadow-default-spread: 0;
  --number-panel-shadow-default-color: hsl(267, 72%, 21%);
  --number-panel-shadow-active-color: hsl(173, 93%, 12%);
  --number-breakpoint-s: 576px;
  --number-breakpoint-m: 768px;
  --number-breakpoint-l: 912px;
  --number-breakpoint-xl: 1200px;
  --number-breakpoint-xxl: 1400px;
  --number-color-default-black-h: 0;
  --number-color-default-black-s: 0%;
  --number-color-default-black-l: 0%;
  --number-color-default-white-h: 0;
  --number-color-default-white-s: 0%;
  --number-color-default-white-l: 100%;
  --number-color-primary-100-h: 267;
  --number-color-primary-100-s: 72%;
  --number-color-primary-100-l: 21%;
  --number-color-primary-200-h: 30;
  --number-color-primary-200-s: 100%;
  --number-color-primary-200-l: 36%;
  --number-color-primary-300-h: 30;
  --number-color-primary-300-s: 94%;
  --number-color-primary-300-l: 27%;
  --number-color-primary-300-dark-h: 173;
  --number-color-primary-300-dark-s: 0%;
  --number-color-primary-300-dark-l: 22%;
  --number-color-primary-300-light-h: 173;
  --number-color-primary-300-light-s: 0%;
  --number-color-primary-300-light-l: 43%;
  --number-color-secondary-100-h: 0;
  --number-color-secondary-100-s: 0%;
  --number-color-secondary-100-l: 20%;
  --number-color-secondary-200-h: 200;
  --number-color-secondary-200-s: 99%;
  --number-color-secondary-200-l: 31%;
  --number-color-secondary-300-h: 0;
  --number-color-secondary-300-s: 0%;
  --number-color-secondary-300-l: 100%;
  --number-color-secondary-400-h: 0;
  --number-color-secondary-400-s: 0%;
  --number-color-secondary-400-l: 100%;
  --number-color-secondary-100-hover-h: 208;
  --number-color-secondary-100-hover-s: 0%;
  --number-color-secondary-100-hover-l: 50%;
  --number-color-secondary-100-dark-h: 208;
  --number-color-secondary-100-dark-s: 0%;
  --number-color-secondary-100-dark-l: 30%;
  --number-color-tertiary-100-h: 31;
  --number-color-tertiary-100-s: 76%;
  --number-color-tertiary-100-l: 94%;
  --number-color-tertiary-200-h: 0;
  --number-color-tertiary-200-s: 0%;
  --number-color-tertiary-200-l: 95%;
  --number-color-tertiary-300-h: 0;
  --number-color-tertiary-300-s: 0%;
  --number-color-tertiary-300-l: 80%;
  --number-color-tertiary-400-h: 0;
  --number-color-tertiary-400-s: 0%;
  --number-color-tertiary-400-l: 92%;
  --number-color-tertiary-500-h: 0;
  --number-color-tertiary-500-s: 0%;
  --number-color-tertiary-500-l: 40%;
  --number-color-tertiary-600-h: 0;
  --number-color-tertiary-600-s: 0%;
  --number-color-tertiary-600-l: 91%;
  --number-color-tertiary-900-h: 0;
  --number-color-tertiary-900-s: 0%;
  --number-color-tertiary-900-l: 0%;
  --number-color-status-success-h: 138.3;
  --number-color-status-success-s: 100%;
  --number-color-status-success-l: 30.8%;
  --number-color-status-warning-h: 45.3;
  --number-color-status-warning-s: 89.1%;
  --number-color-status-warning-l: 60.4%;
  --number-color-status-error-h: 357.6;
  --number-color-status-error-s: 78.7%;
  --number-color-status-error-l: 49.8%;
  --number-color-status-info-h: 199.8;
  --number-color-status-info-s: 49%;
  --number-color-status-info-l: 37.6%;
  --number-container-xxl: 1320px; /* @media (min-width: 1400px) */
  --number-container-xl: 1140px; /* @media (min-width: 1200px) */
  --number-container-l: 960px; /* @media (min-width: 992px) */
  --number-container-m: 720px; /* @media (min-width: 768px) */
  --number-container-s: 540px; /* @media (min-width: 576px) */
  --number-container-xs: 100%;
  --number-radius-xxl: 20px;
  --number-radius-xl: 16px;
  --number-radius-l: 12px;
  --number-radius-m: 8px;
  --number-radius-s: 4px;
  --number-radius-xs: 2px;
  --number-radius-pill: 99999rem;
  --number-radius-circle: 50%;
  --number-radius-none: 0;
  --size-none: 0rem; /* 0 */
  --size-xxxs: 0.125rem; /* 2px */
  --size-xxs: 0.25rem; /* 4px */
  --size-xs: 0.5rem; /* 8px */
  --size-s: 0.75rem; /* 12px */
  --size-m: 1rem; /* 16px */
  --size-l: 1.5rem; /* 24px */
  --size-xl: 2rem; /* 32px */
  --size-xxl: 4rem; /* 64px */
  --size-xxxl: 8rem; /* 128px */
  --size-spacing-none: 0rem; /* 0 */
  --size-spacing-xxxs: 0.125rem; /* 2px */
  --size-spacing-xxs: 0.25rem; /* 4px */
  --size-spacing-xs: 0.5rem; /* 8px */
  --size-spacing-s: 0.75rem; /* 12px */
  --size-spacing-m: 1rem; /* 16px, default value */
  --size-spacing-l: 1.5rem; /* 24px */
  --size-spacing-xl: 2rem; /* 32px */
  --size-spacing-xxl: 4rem; /* 64px */
}