
    :root {
        --text: #565656;
--links: #014c31;
--titles: #000000;
--page-background: #ffffff;
--highlight: #00811f;
--boxes-background: #FFFFFF;
--boxes-border: #DBDBDB;
--section-titles: #3355FF;
--section-titles-background: #F6F6F6;
--header-background: #FFFFFF;
--header-links: #000000;
--footer-background: #FFFFFF;
--footer-links: #00811F;
--titles-h1-font-size: 2.2143rem;
--titles-h1-font-weight: 700;
--titles-h1-color: #000000;
--titles-h2-font-size: 1.5714rem;
--titles-h2-font-weight: 400;
--titles-h2-color: #000000;
--titles-h3-font-size: 1.2857rem;
--titles-h3-font-weight: 400;
--titles-h3-color: #000000;
--texts-primary-font-size: 1.1429rem;
--texts-primary-color: #565656;
--texts-secondary-font-size: 1.0000rem;
--texts-secondary-color: #565656;
--texts-link-color: #014c31;
    }
    
/* rd_generic.css
   Platform-brede basis: variabelen, typografie, links, header tweaks
*/

:root {
	/* Brand / kleuren */
	--color-primary: #00811f;
	--color-text: #404b4e;
	--color-bg: #ffffff;

	/* Typografie */
	--font-sans: Arial, Helvetica, sans-serif;
	--font-size-base: 15px;
	--line-height-base: 1.5;

	/* UI tokens */
	--radius-sm: 4px;
	--space-2: 13px;
	--space-3: 20px;
	--space-4: 26px;
	--space-5: 39px;
}

html {
	font-size: var(--font-size-base);
}
body {
	font-family: var(--font-sans);
	line-height: var(--line-height-base);
	color: var(--color-text);
	background: var(--color-bg);
}

a {
	color: var(--color-primary);
}

.text-card-link {
	text-decoration: none;
}

.ods-front-header__management-menu-item-link {
	font-size: var(--font-size-base);
}

/* HEADER SETTINGS (ODS classes) */
.ods-front-header__menu-item-link {
	font-size: 1.2rem;
	padding: 0 16px;
}

.ods-front-header__menu-item-link--active {
	border-bottom: 5px solid var(--color-primary);
	opacity: 1;
}

.ods-front-header__management-menu-item--backoffice {
	background: none;
}

.ods-front-header__portal-brand__text {
	color: var(--color-primary);
}

.ods-front-header__menu {
    padding-top: 3px;
    padding-left: 20px;
}