:root {
    --color-white: #fff;
    --color-black: #000;

    --color-primary: #8B0065;
    --color-secondary: #DC186E;
    --color-tertiary: #5E0E44;
    --color-accent: #FD9F28;
    --color-accent-dark: #336;

    --color-text: #333333;
    --color-highlight: #EEEEEE;
    --color-highlight-50: #F0F0F0;
    --color-highlight-100: #EEEEEE;

    --box-shadow: 0 1px 4px rgb(0 0 0 / .15);

    --body-background: var(--color-white);
    --body-color: var(--color-text);

    /* Header styling */
    --header-padding: 25px 0;
    --header-margin: 0;
    --header-border-width: 0;
    --header-border-style: solid;
    --header-border-color: transparent;
    --header-background: var(--color-white);
    --header-box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
    --header-container-padding: 0 1rem;
    --header-container-margin: 0 auto;
    --header-container-border-width: 0;
    --header-container-border-style: solid;
    --header-container-border-color: transparent;
    --header-mobile-navigation-background: var(--color-white);
    --header-mobile-navigation-padding: 20px 0;
    --header-nav-link-color: var(--color-primary);
    --header-nav-link-font-family: var(--font-secondary);
    --header-nav-link-font-size: 18px;
    --header-nav-link-font-weight: 700;
    --header-nav-link-hover-color: var(--color-accent);
    --header-nav-link-current-color: var(--color-accent-dark);
    --header-nav-link-font-current-weight: 700;
    --header-nav-link-text-decoration: none;
    --header-nav-link-hover-text-decoration: none;

    --link-color: var(--color-secondary);
    --link-hover-color: var(--color-accent-dark);
    --link-text-decoration: none;
    --link-hover-text-decoration: none;

    --button-border-radius: 6px;
    --button-border: 1px solid var(--color-secondary-300);
    --button-font-family: var(--font-secondary);
    --button-font-weight: 400;

    --button-link-color: var(--color-secondary);
    --button-link-hover-color: var(--color-accent-dark);
    --button-link-border-color: transparent;
    --button-link-border-hover-color: transparent;

    --button-primary-border-color: var(--color-primary);
    --button-primary-background: var(--color-primary);
    --button-primary-color: var(--color-white);
    --button-primary-border-hover-color: var(--color-tertiary);
    --button-primary-hover-background: var(--color-tertiary);
    --button-primary-hover-color: var(--color-white);

    --button-secondary-border-color: var(--color-secondary);
    --button-secondary-background: var(--color-secondary);
    --button-secondary-color: var(--color-white);
    --button-secondary-border-hover-color: var(--color-tertiary);
    --button-secondary-hover-background: var(--color-tertiary);
    --button-secondary-hover-color: var(--color-white);

    --button-tertiary-border-color: var(--color-white);
    --button-tertiary-background: var(--color-white);
    --button-tertiary-color: var(--color-accent);
    --button-tertiary-border-hover-color: var(--color-white);
    --button-tertiary-hover-background: var(--color-white);
    --button-tertiary-hover-color: var(--color-tertiary);

    --button-disabled-border-color: var(--color-gray-300);
    --button-disabled-background: var(--color-gray-300);
    --button-disabled-color: var(--color-gray-400);

    /* Footer styling */
    --footer-background: var(--color-highlight-50);
    --footer-color: var(--color-text);
    --footer-padding: 0;
    --footer-margin: 0;
    --footer-border-width: 0;
    --footer-border-style: solid;
    --footer-border-color: transparent;
    --footer-container-margin: 0 auto;
    --footer-container-padding: 70px 1rem 20px;
    --footer-container-border-width: 0;
    --footer-container-border-style: solid;
    --footer-container-border-color: translate;
    --footer-logo-margin: 0;
    --footer-link-color: var(--color-text);
    --footer-link-hover-color: var(--color-primary);
    --footer-link-text-decoration: none;
    --footer-link-hover-text-decoration: none;
    --footer-title-color: var(--color-primary);
    --footer-title-font-family: var(--font-secondary);
    --footer-title-font-size: 20px;
    --footer-title-font-weight: 700;
    --footer-title-margin: 0 0 30px;
    --footer-icon-color: var(--color-primary);
    --footer-icon-font-size: 20px;
    --footer-navigation-background: var(--color-highlight-50);
    --footer-navigation-color: var(--color-text);
    --footer-navigation-padding: 20px 0;
    --footer-navigation-margin: 0;
    --footer-navigation-border-width: 0;
    --footer-navigation-border-style: solid;
    --footer-navigation-border-color: transparent;
    --footer-navigation-gap: 75px;
    --footer-navigation-container-margin: 0 auto;
    --footer-navigation-container-padding: 0 1rem;
    --footer-navigation-container-border-width: 0;
    --footer-navigation-container-border-style: solid;
    --footer-navigation-container-border-color: transparent;
    --footer-navigation-link-color: var(--color-text);
    --footer-navigation-link-text-decoration: none;
    --footer-navigation-link-hover-color: var(--color-primary);
    --footer-navigation-link-hover-text-decoration: none;

    --social-media-bar-gap: 10px;
    --social-media-bar-margin: 60px 0 0;
    --social-media-link-border-radius: 45px;
    --social-media-link-background: var(--color-primary);
    --social-media-link-color: var(--color-white);
    --social-media-link-hover-background: var(--color-secondary);
    --social-media-link-hover-color: var(--color-white);

    /* Branding Styling */
    --advieskeuze-logo-text-color: var(--color-text);
    --advieskeuze-logo-normal-display: block;
    --advieskeuze-logo-diap-display: none;
    --advieskeuze-footer-margin: 1.5rem 0 0;
    --advieskeuze-footer-logo-text-color: var(--color-gray-400);
    --advieskeuze-footer-logo-normal-display: block;
    --advieskeuze-footer-logo-diap-display: none;

    /* Default Section styling */
    --section-title-font-family: var(--font-secondary);
    --section-title-font-size: 30px;
    --section-title-font-size-lg: 54px;
    --section-title-font-weight: 700;
    --section-title-color: var(--color-primary);
    --section-title-margin: 0 0 20px;
    --section-sub-title-font-size: 24px;
    --section-sub-title-font-size-lg: 34px;

    /* Homepage styles */
    --home-banner-background: var(--color-white);
    --home-banner-overlay-background: transparent;
    --home-banner-title-font-family: var(--font-secondary);
    --home-banner-title-color: var(--color-white);
    --home-banner-title-font-size: 36px;
    --home-banner-title-font-size-lg: 54px;
    --home-banner-title-font-weight: 700;
    --home-banner-title-line-height: 1.05;
    --home-banner-text-decoration: none;
    --home-banner-text-color: var(--color-white);

    --home-services-background: var(--color-white);
    --home-services-margin: 0;
    --home-services-padding: 50px 0;
    --home-services-border-width: 0;
    --home-services-border-style: solid;
    --home-services-border-color: transparent;
    --home-services-container-margin: 0 auto;
    --home-services-container-padding: 0 1rem;
    --home-services-container-border-width: 0;
    --home-services-container-border-style: solid;
    --home-services-container-border-color: transparent;
    --home-services-buttons-margin: 24px 0 0;
    --home-services-buttons-padding: 0;

    --service-summary-padding: 15px 30px 20px;
    --service-summary-margin: 0;
    --service-summary-color: var(--color-text);
    --service-summary-background: var(--color-highlight-50);
    --service-summary-border-radius: 8px;
    --service-summary-border-width: 0;
    --service-summary-border-style: solid;
    --service-summary-border-color: transparent;
    --service-summary-box-shadow: none;
    --service-summary-text-align: left;
    --service-summary-icon-fill-color: var(--color-primary);
    --service-summary-title-color: var(--color-primary);
    --service-summary-title-font-size: 32px;
    --service-summary-title-font-weight: 700;
    --service-summary-title-font-family: var(--font-secondary);

    --home-content-background: var(--color-primary);
    --home-content-margin: 0;
    --home-content-padding: 60px 0 0;
    --home-content-border-width: 0;
    --home-content-border-style: solid;
    --home-content-border-color: transparent;
    --home-content-container-margin: 0 auto;
    --home-content-container-padding: 0 1rem;
    --home-content-container-border-width: 0;
    --home-content-container-border-style: solid;
    --home-content-container-border-color: transparent;
    --home-content-content-font-size: 17px;
    --home-content-content-text-color: var(--color-white);

    --home-reviews-background: var(--color-primary);
    --home-reviews-margin: 0;
    --home-reviews-padding: 60px 0;
    --home-reviews-border-width: 0;
    --home-reviews-border-style: solid;
    --home-reviews-border-color: transparent;
    --home-reviews-container-margin: 0 auto;
    --home-reviews-container-padding: 0 1rem;
    --home-reviews-container-border-width:0;
    --home-reviews-container-border-style: solid;
    --home-reviews-container-border-color: transparent;
    --home-reviews-text-decoration: none;

    --review-summary-padding: 35px 30px 85px;
    --review-summary-margin: 0;
    --review-summary-color: var(--color-text);
    --review-summary-background: var(--color-white);
    --review-summary-border-radius: 10px;
    --review-summary-border-width: 0;
    --review-summary-border-style: solid;
    --review-summary-border-color: transparent;
    --review-summary-box-shadow: none;
    --review-summary-text-align: left;
    --review-summary-title-font-family: var(--font-secondary);
    --review-summary-title-color: var(--color-black);
    --review-summary-title-font-size: 26px;
    --review-summary-title-font-weight: 700;
    --review-summary-title-margin: 0;
    --review-summary-scope-font-size: 18px;
    --review-summary-scope-font-weight: 700;
    --review-summary-scope-color: var(--color-secondary);
    --review-summary-scope-margin: 0 0 12px;
    --review-summary-date-font-size: 14px;
    --review-summary-date-font-weight: 400;
    --review-summary-date-color: var(--color-accent-dark);
    --review-summary-date-margin: 12px 0;
    --review-summary-star-on-color: var(--color-accent);
    --review-summary-star-off-color: var(--color-accent);

    /* Swiper settings */
    --swiper-theme-color: var(--color-primary);
    --swiper-pagination-bullet-size: 10px;
    --swiper-pagination-bullet-inactive-color: var(--color-primary);
    --swiper-pagination-bullet-inactive-opacity: .35;
    --swiper-navigation-sides-offset: 0;

    --gallery-button-border-radius: 50%;
    --gallery-button-background: var(--color-primary);
    --gallery-button-color: var(--color-white);
    --gallery-button-font-size: 22px;
    --gallery-button-hover-background: var(--color-accent);
    --gallery-button-hover-color: var(--color-white);
    --gallery-button-disabled-background: var(--color-gray-200);
    --gallery-button-disabled-color: var(--color-white);

    --home-news-background: var(--color-white);
    --home-news-margin: 0;
    --home-news-padding: 0;
    --home-news-border-width: 0;
    --home-news-border-style: solid;
    --home-news-border-color: transparent;
    --home-news-container-margin: 0 auto;
    --home-news-container-padding: 100px 1rem;
    --home-news-container-border-width: 0;
    --home-news-container-border-style: solid;
    --home-news-container-border-color: transparent;
    --home-news-overlay-background: rgb(255 255 255 / .35);
    --home-news-buttons-margin: 24px 0 0;
    --home-news-buttons-padding: 0;

    --home-providers-background: var(--color-white);
    --home-providers-margin: 0;
    --home-providers-padding: 90px 0;
    --home-providers-border-width: 0;
    --home-providers-border-style: solid;
    --home-providers-border-color: transparent;
    --home-providers-container-margin: 0 auto;
    --home-providers-container-padding: 0 1rem;
    --home-providers-container-border-width: 0;
    --home-providers-container-border-style: solid;
    --home-providers-container-border-color: transparent;

    /* Subpage Generic styles */
    --page-breadcrumb-background: var(--color-accent);
    --page-breadcrumb-margin: 0;
    --page-breadcrumb-padding: 80px 0 25px;
    --page-breadcrumb-border-width: 0;
    --page-breadcrumb-border-style: solid;
    --page-breadcrumb-border-color: transparent;
    --page-breadcrumb-container-margin: 0 auto;
    --page-breadcrumb-container-padding: 0 1rem;
    --page-breadcrumb-container-border-width: 0;
    --page-breadcrumb-container-border-style: solid;
    --page-breadcrumb-container-border-color: transparent;
    --page-breadcrumb-overlay-background: rgb(253 159 40 / 80%);

    --breadcrumb-list-item-text-font-size: 16px;
    --breadcrumb-list-item-font-weight: 700;
    --breadcrumb-list-item-font-family: var(--font-secondary);
    --breadcrumb-list-item-text-color: var(--color-white);
    --breadcrumb-list-item-text-hover-color: var(--color-tertiary);
    --breadcrumb-list-item-icon-color: var(--color-white);

    /* About page styles */
    --about-content-background: var(--color-white);
    --about-content-margin: 0;
    --about-content-padding: 60px 0;
    --about-content-border-width: 0;
    --about-content-border-style: solid;
    --about-content-border-color: transparent;
    --about-content-container-margin: 0 auto;
    --about-content-container-padding: 0 1rem;
    --about-content-container-border-width: 0;
    --about-content-container-border-style: solid;
    --about-content-container-border-color: transparent;
    --about-content-content-font-size: 17px;
    --about-content-content-text-color: var(--color-secondary-800);

    --about-employees-background: var(--color-white);
    --about-employees-margin: 0;
    --about-employees-padding: 0 0 60px;
    --about-employees-border-width: 0;
    --about-employees-border-style: solid;
    --about-employees-border-color: transparent;
    --about-employees-container-margin: 0 auto;
    --about-employees-container-padding: 0 1rem;
    --about-employees-container-border-width: 0;
    --about-employees-container-border-style: solid;
    --about-employees-container-border-color: var(--color-secondary-100);

    /* Employee Summary */
    --employee-summary-padding: 0;
    --employee-summary-margin: 0;
    --employee-summary-color: var(--color-text);
    --employee-summary-background: var(--color-highlight-50);
    --employee-summary-border-radius: 10px;
    --employee-summary-border-width: 0;
    --employee-summary-border-style: solid;
    --employee-summary-border-color: transparent;
    --employee-summary-box-shadow: none;
    --employee-summary-text-align: left;
    --employee-summary-container-padding: 30px;
    --employee-summary-container-margin: 0;
    --employee-summary-title-font-size: 24px;
    --employee-summary-title-font-weight: 700;
    --employee-summary-title-font-family: var(--font-secondary);
    --employee-summary-title-color: var(--color-tertiary);
    --employee-summary-title-margin: 0;
    --employee-summary-job-title-font-size: 18px;
    --employee-summary-job-title-font-weight: 700;
    --employee-summary-job-title-color: var(--color-primary);
    --employee-summary-job-title-margin: 0 0 12px;
    --employee-summary-contact-details-padding: 0;
    --employee-summary-contact-details-margin: 20px 0;
    --employee-summary-link-color: var(--color-sky-600);
    --employee-summary-link-font-size: 16px;
    --employee-summary-link-font-weight: 400;
    --employee-summary-link-text-decoration: underline;
    --employee-summary-link-hover-color: var(--color-sky-800);
    --employee-summary-link-hover-text-decoration: underline;
    --employee-summary-contact-link-color: var(--color-text);
    --employee-summary-contact-link-hover-color: var(--color-secondary);

    /* Employee Page */
    --employee-content-background: var(--color-white);
    --employee-content-margin: 0;
    --employee-content-padding: 60px 0 120px;
    --employee-content-border-width: 0;
    --employee-content-border-style: solid;
    --employee-content-border-color: transparent;
    --employee-content-container-margin: 0 auto;
    --employee-content-container-padding: 0 1rem;
    --employee-content-container-border-width: 0;
    --employee-content-container-border-style: solid;
    --employee-content-container-border-color: transparent;
    --employee-content-font-size: 18px;
    --employee-content-text-color: var(--color-text);
    --employee-content-buttons-margin: 40px 0 0;
    --employee-content-buttons-padding: 0;

    --employee-specializations-padding: 60px 0 0;
    --employee-specializations-margin: 0;
    --employee-specializations-check-icon-font-size: 16px;
    --employee-specializations-check-icon-color: var(--color-secondary);
    --employee-specialization-registry-logo-border: none;
    --employee-specialization-registry-logo-background: var(--color-white);
    --employee-specialization-registry-logo-border-radius: 0;
    --employee-specialization-registry-text-font-size: 16px;
    --employee-specialization-registry-text-font-weight: 400;

    --employee-card-max-width: 340px;
    --employee-card-border-radius: 10px;
    --employee-card-box-shadow: none;
    --employee-card-padding: 0;
    --employee-card-margin: 0 0 0 auto;
    --employee-card-background: var(--color-highlight-50);
    --employee-card-border-width: 0;
    --employee-card-border-style: solid;
    --employee-card-border-color: transparent;
    --employee-card-body-padding: 30px;
    --employee-card-body-margin: 0;
    --employee-card-job-title-font-size: 24px;
    --employee-card-job-title-font-weight: 700;
    --employee-card-job-title-color: var(--color-tertiary);
    --employee-card-active-since-font-size: 16px;
    --employee-card-active-since-font-weight: 700;
    --employee-card-active-since-color: var(--color-secondary);
    --employee-card-contact-details-padding: 0;
    --employee-card-contact-details-margin: 20px 0;
    --employee-card-contact-link-color: var(--color-text);
    --employee-card-contact-link-hover-color: var(--color-secondary);
    --employee-card-social-padding: 0;
    --employee-card-social-margin: 20px 0 40px;

    /* Services page styles */
    --services-content-background: var(--color-white);
    --services-content-margin: 0;
    --services-content-padding: 60px 0 40px;
    --services-content-border-width: 0;
    --services-content-border-style: solid;
    --services-content-border-color: transparent;
    --services-content-container-margin: 0 auto;
    --services-content-container-padding: 0 1rem;
    --services-content-container-border-width: 0;
    --services-content-container-border-style: solid;
    --services-content-container-border-color: transparent;
    --services-content-font-size: 17px;
    --services-content-text-color: var(--color-secondary-800);

    --services-overview-background: linear-gradient(180deg, var(--color-primary-50) 80%, var(--color-primary-100));
    --services-overview-margin: 0;
    --services-overview-padding: 60px 0;
    --services-overview-border-width: 0;
    --services-overview-border-style: solid;
    --services-overview-border-color: transparent;
    --services-overview-container-margin: 0 auto;
    --services-overview-container-padding: 0 1rem;
    --services-overview-container-border-width: 0;
    --services-overview-container-border-style: solid;
    --services-overview-container-border-color: transparent;

    /* Services -> Service Subpage styles */
    --service-content-background: none;
    --service-content-margin: 0;
    --service-content-padding: 60px 0;
    --service-content-border-width: 0;
    --service-content-border-style: solid;
    --service-content-border-color: transparent;
    --service-content-container-margin: 0 auto;
    --service-content-container-padding: 0 1rem;
    --service-content-container-border-width: 0;
    --service-content-container-border-style: solid;
    --service-content-container-border-color: transparent;
    --service-content-content-color: var(--color-secondary-800);
    --service-content-content-font-size: 16px;
    --service-content-buttons-margin: 40px 0 0;
    --service-content-buttons-padding: 0;

    /* News Page styles */
    --news-content-background: none;
    --news-content-margin: 0;
    --news-content-padding: 60px 0;
    --news-content-border-width: 0;
    --news-content-border-style: solid;
    --news-content-border-color: transparent;
    --news-content-container-margin: 0 auto;
    --news-content-container-padding: 0 1rem;
    --news-content-container-border-width: 0;
    --news-content-container-border-style: solid;
    --news-content-container-border-color: transparent;
    --news-content-content-color: var(--color-text);
    --news-content-content-font-size: 18px;

    --news-overview-background: var(--color-white);
    --news-overview-margin: 0;
    --news-overview-padding: 60px 0;
    --news-overview-border-width: 0;
    --news-overview-border-style: solid;
    --news-overview-border-color: transparent;
    --news-overview-container-margin: 0 auto;
    --news-overview-container-padding: 0 1rem;
    --news-overview-container-border-width: 0;
    --news-overview-container-border-style: solid;
    --news-overview-container-border-color: transparent;

    --newspost-summary-padding: 25px 30px 40px;
    --newspost-summary-margin: 0;
    --newspost-summary-color: var(--color-text);
    --newspost-summary-background: var(--color-highlight-50);
    --newspost-summary-border-radius: 10px;
    --newspost-summary-border-width: 0;
    --newspost-summary-border-style: solid;
    --newspost-summary-border-color: transparent;
    --newspost-summary-box-shadow: none;
    --newspost-summary-text-align: left;
    --newspost-summary-title-font-size: 28px;
    --newspost-summary-title-font-weight: 700;
    --newspost-summary-title-font-family: var(--font-secondary);
    --newspost-summary-title-color: var(--color-black);
    --newspost-summary-title-hover-color: var(--color-primary);
    --newspost-summary-title-margin: 0;
    --newspost-summary-title-text-decoration: none;
    --newspost-summary-title-hover-text-decoration: none;
    --newspost-summary-date-font-size: 16px;
    --newspost-summary-date-font-weight: 700;
    --newspost-summary-date-color: var(--color-secondary);
    --newspost-summary-date-margin: 5px 0 12px;
    --newspost-summary-link-margin: 1rem 0 0;
    --newspost-summary-link-color: var(--color-primary-700);
    --newspost-summary-link-font-size: 16px;
    --newspost-summary-link-font-weight: 400;
    --newspost-summary-link-text-decoration: underline;
    --newspost-summary-link-hover-color: var(--color-sky-700);
    --newspost-summary-link-hover-text-decoration: underline;
    --newspost-summary-type-padding: 6px 10px;
    --newspost-summary-type-margin: 0 0 .5rem;
    --newspost-summary-type-font-size: 14px;
    --newspost-summary-type-font-weight: 700;
    --newspost-summary-type-background: var(--color-white);
    --newspost-summary-type-color: var(--color-black);
    --newspost-summary-type-border-radius: 20px;

    /* News -> Newspost Subpage styles */
    --newspost-background: var(--color-white);
    --newspost-margin: 0;
    --newspost-padding: 60px 0 100px;
    --newspost-border-width: 0;
    --newspost-border-style: solid;
    --newspost-border-color: transparent;
    --newspost-container-margin: 0 auto;
    --newspost-container-padding: 0 1rem;
    --newspost-container-border-width: 0;
    --newspost-container-border-style: solid;
    --newspost-container-border-color: transparent;
    --newspost-content-color: var(--color-secondary-800);
    --newspost-content-font-size: 16px;
    --newspost-buttons-margin: 60px 0 0;
    --newspost-buttons-padding: 0;
    --newspost-date-font-size: 16px;
    --newspost-date-font-weight: 600;
    --newspost-date-color: var(--color-secondary-600);
    --newspost-date-margin: 0 0 12px;
    --newspost-type-padding: 0;
    --newspost-type-margin: 0 0 .5rem;
    --newspost-type-font-size: 16px;
    --newspost-type-font-weight: 600;
    --newspost-type-background: var(--color-white);
    --newspost-type-color: var(--color-secondary);
    --newspost-type-border-radius: 0;

    /* Contact Page styles */
    --contact-details-background: var(--color-white);
    --contact-details-margin: 0;
    --contact-details-padding: 50px 0 80px;
    --contact-details-border-width: 0;
    --contact-details-border-style: solid;
    --contact-details-border-color: transparent;
    --contact-details-container-margin: 0 auto;
    --contact-details-container-padding: 0 1rem;
    --contact-details-container-border-width: 0;
    --contact-details-container-border-style: solid;
    --contact-details-container-border-color: transparent;

    --contact-card-gap: 16px;
    --contact-card-padding: 40px 30px 40px;
    --contact-card-margin: 0;
    --contact-card-border-radius: 10px;
    --contact-card-border-width: 0;
    --contact-card-border-style: solid;
    --contact-card-border-color: transparent;
    --contact-card-background: var(--color-primary);
    --contact-card-shadow: none;
    --contact-card-color: var(--color-white);
    --contact-card-icon-font-size: 56px;
    --contact-card-icon-color: var(--color-accent);
    --contact-card-icon-margin: 0 0 15px;
    --contact-card-icon-padding: 0;
    --contact-card-title-font-family: var(--font-secondary);
    --contact-card-title-line-height: 1rem;
    --contact-card-title-font-size: 28px;
    --contact-card-title-font-weight: 700;
    --contact-card-title-margin: 0;
    --contact-card-title-padding: 0;
    --contact-card-title-color: var(--color-white);
    --contact-card-body-text-align: center;
    --contact-card-link-color: var(--color-white);
    --contact-card-link-hover-color: var(--color-accent);
    --contact-card-link-decoration: none;
    --contact-card-link-hover-decoration: none;

    --contact-form-background: var(--color-white);
    --contact-form-banner-background: var(--color-white);
    --contact-form-banner-overlay-background: none;
    --contact-form-margin: 0;
    --contact-form-padding: 0;
    --contact-form-border-width: 0;
    --contact-form-border-style: solid;
    --contact-form-border-color: transparent;
    --contact-form-container-margin: 0 auto;
    --contact-form-container-padding: 60px 1rem 100px;
    --contact-form-container-border-width: 0;
    --contact-form-container-border-style: solid;
    --contact-form-container-border-color: transparent;

    /* Error page styles */
    --error-page-background: var(--color-white);
    --error-page-margin: 0;
    --error-page-padding: 60px 0;
    --error-page-border-width: 0;
    --error-page-border-style: solid;
    --error-page-border-color: transparent;
    --error-page-container-margin: 0 auto;
    --error-page-container-padding: 0 1rem;
    --error-page-container-border-width: 0;
    --error-page-container-border-style: solid;
    --error-page-container-border-color: transparent;
    --error-page-title-color: var(--color-primary);
    --error-page-title-font-weight: 400;
    --error-page-title-font-family: var(--font-secondary);
    --error-page-title-font-size: 36px;
    --error-page-title-margin: 0 0 5px;
    --error-page-title-highlight-color: var(--color-secondary);
    --error-page-title-highlight-font-weight: 700;
    --error-page-sub-title-color: var(--color-black);
    --error-page-sub-title-font-weight: 400;
    --error-page-sub-title-font-family: var(--font-primary);
    --error-page-sub-title-font-size: 18px;
    --error-page-sub-title-margin: 0 0 46px;

    /* Components: Pagination */
    --pagination-margin: 60px 0 15px;
    --pagination-padding: 0;
    --pagination-container-margin: 0;
    --pagination-container-padding: 0 1rem;
    --pagination-item-background: var(--color-highlight);
    --pagination-item-color: var(--color-primary);
    --pagination-item-font-size: 18px;
    --pagination-item-font-weight: 700;
    --pagination-item-border: 0;
    --pagination-item-border-radius: 8px;
    --pagination-item-hover-border: none;
    --pagination-item-hover-background: var(--color-secondary);
    --pagination-item-hover-color: var(--color-white);
    --pagination-item-current-border: none;
    --pagination-item-current-background: var(--color-primary);
    --pagination-item-current-color: var(--color-white);
    --pagination-item-disabled-border: none;
    --pagination-item-disabled-background: var(--color-gray-50);
    --pagination-item-disabled-color: var(--color-gray-300);
    --pagination-item-padding: 8px;
    --pagination-item-width: 44px;
    --pagination-item-height: 44px;
    --pagination-ellipsis-color: var(--color-text);
    --pagination-ellipsis-font-weight: 400;
    --pagination-count-color: var(--color-text);
    --pagination-count-font-size: 18px;
    --pagination-count-font-weight: 400;
    --pagination-count-highlight-color: var(--color-primary);
    --pagination-count-highlight-font-size: 20px;
    --pagination-count-highlight-font-weight: 700;

    /* Components: Widgets */
    --widget-padding: 35px 30px 40px;
    --widget-margin: 0;
    --widget-border-radius: 10px;
    --widget-home-contact-background: var(--color-tertiary);
    --widget-home-contact-color: var(--color-white);
    --widget-home-buttons-background: var(--color-primary);
    --widget-home-buttons-color: var(--color-white);
    --widget-about-contact-background: var(--color-tertiary);
    --widget-about-contact-color: var(--color-white);
    --widget-about-buttons-background: var(--color-white);
    --widget-about-buttons-color: var(--color-text);
    --widget-review-score-background: var(--color-tertiary);
    --widget-review-score-color: var(--color-white);
    --widget-review-score-title-color: var(--color-white);
    --widget-review-score-score-color: var(--color-secondary);
    --widget-review-score-font-size: 16px;
    --widget-review-score-title-font-size: 18px;
    --widget-review-score-score-font-size: 54px;
    --widget-review-score-score-font-size-lg: 84px;
    --widget-review-score-star-on-color: var(--color-accent);
    --widget-review-score-star-off-color: var(--color-accent);
    --widget-service-background: var(--color-accent);
    --widget-service-color: var(--color-accent-dark);
    --widget-service-text-align: center;
    --widget-service-font-size: 18px;
    --widget-service-title-color: var(--color-accent-dark);
    --widget-service-title-margin: 0 0 10px;
    --widget-contact-background: var(--color-tertiary);
    --widget-contact-color: var(--color-white);
    --widget-contact-text-align: center;
    --widget-contact-font-size: 18px;
    --widget-contact-title-color: var(--color-white);
    --widget-contact-title-margin: 0 0 10px;
    --widget-downloads-background: var(--color-highlight-50);
    --widget-downloads-color: var(--color-text);
    --widget-downloads-text-align: left;
    --widget-downloads-font-size: 18px;
    --widget-downloads-title-color: var(--color-primary);
    --widget-downloads-title-margin: 0 0 10px;
    --widget-title-font-size: 26px;
    --widget-title-font-weight: 700;
    --widget-title-font-family: var(--font-secondary);
    --widget-title-color: var(--color-primary);

    /* Components: Forms */
    --form-label-font-weight: 700;
    --form-label-font-family: var(--font-primary);
    --form-label-font-size: 16px;
    --form-label-color: var(--color-text);
    --form-label-required-font-weight: 400;
    --form-label-required-color: var(--color-secondary);
    --form-input-border-radius: 6px;
    --form-input-font-size: 16px;
    --form-input-font-weight: 400;
    --form-input-font-family: var(--font-primary);
    --form-input-background: var(--color-white);
    --form-input-border: 1px solid var(--color-gray-300);
    --form-input-box-shadow: none;
    --form-input-focus-border: 1px solid var(--color-primary);
    --form-input-focus-box-shadow: 0 0 0 4px #005BA415;
    --form-input-placeholder-color: var(--color-highlight);
    --form-error-font-size: 14px;
    --form-error-font-weight: 400;
    --form-input-error-color: var(--color-red-400);
    --form-legal-links-margin: 1rem 0 0;
}

/* Wysiwyg Editor output styles */
.editor-content h2, h3, h4, h5, h6 {
    font-family: var(--font-primary), sans-serif;
}
.editor-content h2, h3 {
    font-weight: 700;
    font-family: var(--font-primary), sans-serif;
    color: var(--color-primary);
    font-size: 28px;
}
.editor-content h4, h5 {
    font-weight: 700;
    font-family: var(--font-primary), sans-serif;
    color: var(--color-black);
    font-size: 24px;
}
.editor-content h6 {
    font-weight: 700;
    font-family: var(--font-primary), sans-serif;
    color: var(--color-black);
    font-size: 18px;
}

.editor-content a {
    color: var(--color-secondary);
    text-decoration: none;
}
.editor-content a:hover {
    color: var(--color-accent-dark);
    text-decoration: underline;
}

.editor-content li::marker {
    color: var(--color-accent);
}

/* Custom Styles & Overrides */
.review-summary:hover .review-summary__title {
    color: var(--color-primary-700);
}

.header__navigation, .header__buttons {
    margin-top: auto;
}

.header__navigation {
    margin-bottom: 10px;
}

.form-input__select-arrow {
    color: var(--color-secondary);
}

.service-summary .link,
.newspost-summary__link,
.employee-summary__link {
    display: inline-flex;
    padding: 10px 20px;
    border-radius: 6px;
    font-family: var(--font-secondary), sans-serif;
    font-weight: 700;
    background: var(--color-accent);
    color: var(--color-white);
    transition: all .2s ease-in-out;
    border: 0;
    text-decoration: none;
}
.service-summary .link:hover,
.newspost-summary__link:hover,
.employee-summary__link:hover {
    color: var(--color-white);
    background: var(--color-accent-dark);
    border: 0;
    text-decoration: none;
}

.service-summary {
    position: relative;
}
.service-summary p {
    line-height: 1.75;
}
.service-summary__icon {
    position: absolute;
    top: 15px;
    left: 30px;
    width: 100px;
}
.service-summary__title {
    padding-left: 120px;
    display: flex;
    align-items: center;
    text-align: left;
    height: 100px;
    text-wrap: balance;
    line-height: 1.15;
    margin-bottom: 10px;
}
.service-summary .link {
    margin: 15px auto 0;
}
.newspost-summary__link {
    margin: 15px auto 0 0;
}
.service-summary .link::after,
.newspost-summary__link::after,
.employee-summary__link::after {
    padding-left: 5px;
    content: '→';
}

.home-content .section__title,
.home-content .editor-content p,
.home-content .editor-content h1,
.home-content .editor-content h2,
.home-content .editor-content h3,
.home-content .editor-content h4,
.home-content .editor-content h5,
.home-content .editor-content h6,
.home-reviews .section__title {
    color: var(--color-white);
}

.widget--review-score {
    width: 250px
}

.home-reviews .section__title,
.home-providers .section__sub-title,
.contact-details .section__title {
    text-align: center;
}

.widget.widget--home-buttons .button--link {
    color: var(--color-white);
}
.widget.widget--home-contact a:hover,
.widget.widget--home-buttons .button--link:hover,
.widget.widget--about-contact a:hover {
    color: var(--color-accent);
}

.widget.widget--home-contact,
.widget.widget--about-contact {
    font-size: 22px;
}

.widget.widget--home-contact .w-5,
.widget.widget--about-contact .w-5 {
    width: 30px;
    color: rgb(255 255 255 / 40%);
}

.review-summary .advieskeuze-logo__text {
    font-style: normal;
}

.home-reviews .gallery-button {
    background: var(--color-secondary);
}
.home-reviews .gallery-button:hover {
    background: var(--color-accent);
}
.home-reviews .gallery-button[disabled],
.home-reviews .gallery-button[disabled]:hover {
    background: rgb(255 255 255 / 10%);
    color: rgb(255 255 255 / 25%);
}
.home-reviews .swiper-pagination-bullet {
    background: var(--color-white);
}

.section__title {
    line-height: 1.15;
}

.widget.widget--contact .button:hover {
    background: var(--color-accent);
}

@media (min-width: 1536px) {
    .contact-form__container.container > div > div {
        background: var(--color-highlight-50);
        border-radius: 10px;
        padding: 30px 40px 60px;
    }

    .contact-form__container.container .form-input {
        border: 0;
    }
}

.contact-card__body {
    font-size: 18px;
}

.header__reveal-button {
    gap: 10px;
    font-size: 20px;
    padding: 0;
}

.services-overview__container > .grid {
    grid-template-columns: 1fr;
}
.service-summary .service-summary__title {
    font-size: 26px;
}
@media (min-width: 1024px) {
    .services-overview__container > .grid {
        grid-template-columns: 1fr 1fr;
    }
    .service-summary .service-summary__title {
        font-size: 24px;
    }
}
@media (min-width: 1420px) {
    .services-overview__container > .grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .service-summary .service-summary__title {
        font-size: 28px;
    }
}