@charset "UTF-8";
@font-face {
  font-family: "RijksoverheidSansTextRegular";
  src: url("../fonts/text/regular/ROsanswebtextregular.eot?") format("eot"), url("../fonts/text/regular/ROsanswebtextregular.woff") format("woff"), url("../fonts/text/regular/ROsanswebtextregular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "RijksoverheidSansTextItalic";
  src: url("../fonts/text/italic/ROsanswebtextitalic.eot?") format("eot"), url("../fonts/text/italic/ROsanswebtextitalic.woff") format("woff"), url("../fonts/text/italic/ROsanswebtextitalic.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "RijksoverheidSansTextBold";
  src: url("../fonts/text/bold/ROsanswebtextbold.eot?") format("eot"), url("../fonts/text/bold/ROsanswebtextbold.woff") format("woff"), url("../fonts/text/bold/ROsanswebtextbold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
:root {
  /* Base Colors */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-gray-50: #f9f9f9;
  --color-gray-100: #f3f3f3;
  --color-gray-150: #f0f0f0;
  --color-gray-200: #e6e6e6;
  --color-gray-250: #f8f8f8;
  --color-gray-300: #dddddd;
  --color-gray-400: #cccccc;
  --color-gray-500: #b4b4b4;
  --color-gray-600: #999999;
  --color-gray-700: #696969;
  --color-gray-800: #535353;
  --color-gray-850: #222222;
  --color-gray-900: #000000;
  --color-gray-1000: #f5f5f5;
  /* Brand Colors - Primary Palette */
  --color-yellow-50: #fefbdd;
  --color-yellow-100: #f9e11e;
  --color-yellow-200: #f9e11d;
  --color-yellow-500: #f9e11e;
  --color-yellow-600: #e6ce06;
  --color-yellow-700: #cbb605;
  --color-yellow-800: #bea905;
  --color-yellow-light: #fcf29a;
  /* Brand Colors - Secondary Palette */
  --color-blue-50: #eef7fb;
  --color-blue-100: #ddeff8;
  --color-blue-200: #d9ebf7;
  --color-blue-300: #b2d7ee;
  --color-blue-400: #8fcae7;
  --color-blue-500: #007bc7;
  --color-blue-600: #00568b;
  --color-blue-700: #004977;
  --color-blue-800: #003d63;
  --color-blue-900: #154273;
  --color-blue-900-rgb: 21, 66, 115;
  --color-blue-light: #7dbbde;
  --color-blue-bright: #3498db;
  --color-blue-focus: #4d90fe;
  /* Status Colors */
  --color-red-50: #f9dfdd;
  --color-red-100: #f2bfbb;
  --color-red-500: #d51b1e;
  --color-red-800: #4d0a0b;
  --color-green-50: #e1eddb;
  --color-green-100: #c3dbb6;
  --color-green-500: #39870c;
  --color-green-800: #275e08;
  --color-orange-50: #fbead9;
  --color-orange-100: #f6d4b2;
  --color-orange-500: #e17000;
  --color-amber-50: #fff4dc;
  --color-amber-100: #ffe9b7;
  --color-amber-500: #ffb612;
  /* Utility Colors */
  --color-hover-light: #f5f5f5;
  --color-focus-outline: #4d90fe;
  /* Semantic Colors */
  --color-primary: var(--color-yellow-500);
  --color-primary-hover: var(--color-yellow-600);
  --color-primary-light: var(--color-yellow-50);
  --color-secondary: var(--color-blue-500);
  --color-secondary-hover: var(--color-blue-600);
  --color-secondary-light: var(--color-blue-50);
  --color-success: var(--color-green-500);
  --color-success-light: var(--color-green-50);
  --color-danger: var(--color-red-500);
  --color-danger-light: var(--color-red-50);
  --color-warning: var(--color-amber-500);
  --color-warning-light: var(--color-amber-50);
  --color-info: var(--color-blue-600);
  --color-info-light: var(--color-blue-100);
  /* Text Colors */
  --color-text-primary: var(--color-gray-900);
  --color-text-secondary: var(--color-gray-700);
  --color-text-muted: var(--color-gray-600);
  --color-text-inverse: var(--color-white);
  /* Background Colors */
  --color-bg-primary: var(--color-white);
  --color-bg-secondary: var(--color-gray-50);
  --color-bg-muted: var(--color-gray-100);
  --color-bg-berichten-service: var(--color-gray-250);
  /* Border Colors */
  --color-border: var(--color-gray-300);
  --color-border-light: var(--color-gray-200);
  --color-border-dark: var(--color-gray-400);
  /* Font Families */
  --font-sans-serif-font-family: "RijksoverheidSansTextRegular";
  --font-sans-serif-font-family-bold: "RijksoverheidSansTextBold";
  --font-sans-serif-fallback-font-family: "Calibri", "Verdana", "Arial", sans-serif;
  --document-font-family: var(--font-sans-serif-font-family), var(--font-sans-serif-fallback-font-family);
  /* Typography Scale */
  --font-size-xs: 0.75rem; /*  12px */
  --font-size-sm: 0.875rem; /*  14px */
  --font-size-base: 1rem; /*  16px */
  --font-size-lg: 1.125rem; /*  18px */
  --font-size-xl: 1.25rem; /*  20px */
  --font-size-2xl: 1.5rem; /*  24px */
  --font-size-3xl: 1.875rem; /*  30px */
  --font-size-4xl: 2.25rem; /*  36px */
  --font-size-5xl: 2.5rem; /*  40px */
  /* Font Weights */
  --font-weight-thin: 100;
  --font-weight-extralight: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400; /* 'regular' */
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900; /* 'heavy' */
  /* Line Heights */
  --line-height-sm: 1.25;
  --line-height-base: 1.5;
  --line-height-lg: 1.75;
  /* Spacing Scale — base unit 0.25rem (4px) */
  --space-0: 0;
  --space-px: 0.0625rem; /*  1px */
  --space-0-5: 0.125rem; /*  2px */
  --space-1: 0.25rem; /*  4px */
  --space-2: 0.5rem; /*  8px */
  --space-3: 0.75rem; /* 12px */
  --space-4: 1rem; /* 16px */
  --space-5: 1.25rem; /* 20px */
  --space-6: 1.5rem; /* 24px */
  --space-8: 2rem; /* 32px */
  --space-10: 2.5rem; /* 40px */
  --space-12: 3rem; /* 48px */
  --space-16: 4rem; /* 64px */
  --space-20: 5rem; /* 80px */
  --space-24: 6rem; /* 96px */
  --space-32: 8rem; /* 128px */
  /* Border Widths — px because borders should not scale with user font size */
  --border-width-thin: 1px;
  --border-width-base: 2px;
  --border-width-thick: 3px;
  /* Border Radius */
  --border-radius-sm: 0.1875rem;
  --border-radius-md: 0.25rem;
  --border-radius-lg: 0.5rem;
  /* Z-Index Scale */
  --z-base: 1;
  --z-dropdown: 10;
  --z-sticky: 100;
  --z-modal: 1000;
  --z-tooltip: 1200;
  /* Container Sizes — rem scales with user font size preferences, px does not */
  --container-sm: 37.5rem; /*  600px */
  --container-md: 56.25rem; /*  900px */
  --container-lg: 75rem; /* 1200px */
  --container-xl: 87.5rem; /* 1400px */
  --container-2xl: 100rem; /* 1600px */
  /* Icon Sizes — rem scales with user font size.
   Legacy values, widely used — do not change without visual regression check. */
  --icon-size-lg: 3.125rem; /* 50px */
  --icon-height-md: 2.375rem; /* 38px */
  /* Specific Paddings */
  /* Legacy padding tokens — values intentionally kept as-is to avoid visual regressions.
   Do not use in new code, use --space-* instead. */
  --padding-lg: 0.3125rem; /*  5px */
  --padding-xl: 0.375rem; /*  6px */
  --padding-3xl: 0.625rem; /* 10px */
  --padding-4xl: 0.9375rem; /* 15px */
  /* Component Heights — rem scales with user font size */
  --height-hero: 37.5rem; /*  600px */
  --height-btn-min: 2.75rem; /*   44px */
  --height-card: 3.75rem; /*   60px */
  --height-card-sm: 3.125rem; /*   50px */
  --height-dropdown-max: 31.25rem; /*  500px */
  /* Focus */
  --focus-outline-width: 2px;
  --focus-outline-offset: var(--space-0-5);
}

/* Bootstrap Breakpoints */
.fews-product table,
table.fews-product {
  width: 100%;
  border-collapse: collapse;
}

.fews-product th {
  font-weight: var(--font-weight-bold);
  text-align: left;
  vertical-align: bottom;
  padding: var(--space-1);
  background-color: var(--color-blue-900);
  color: var(--color-white);
  border-left: var(--space-px) solid var(--color-gray-850);
}

.fews-product th.th-2 {
  background-color: var(--color-blue-light);
  color: var(--color-black);
  font-weight: var(--font-weight-normal);
}

.fews-product th.th-3 {
  background-color: var(--color-blue-light);
  color: var(--color-black);
}

.fews-product th > p {
  margin: 0;
}

.fews-product tr {
  border-bottom: var(--space-px) solid var(--color-border-light);
}

.fews-product tr.value-row {
  background-color: var(--color-white);
}

.fews-product tr.value-row.even {
  background-color: var(--color-white);
}

.table-row-break {
  border-top: var(--border-width-base) solid var(--color-blue-900);
}

.fews-product td {
  padding: var(--space-1);
}

.fews-product td > p {
  margin: 0;
}

.fews-product table.dense td {
  padding-top: var(--space-1);
  padding-bottom: var(--space-1);
}

.fews-product td.value-cell {
  padding: var(--space-1);
  text-align: right;
}

.fews-product td.align-left {
  text-align: left;
}

.fews-product td.align-center {
  text-align: center;
}

/* ===== General ===== */
body {
  margin: 0 auto;
}

body,
html {
  margin: 0;
  padding: 0;
  font-family: var(--document-font-family);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.document-header--icon {
  position: absolute;
  height: var(--height-card-sm);
  top: calc(50% - var(--height-card-sm) / 2);
  right: var(--space-5);
}

/* ===== Hiding Elements ===== */
article [data-hide-in-report] {
  display: none;
}

/* ===== FEWS Product Section ===== */
.fews-product {
  font-family: var(--document-font-family);
  width: 100%;
}
.fews-product p {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-lg);
  text-align: justify;
  margin-bottom: var(--space-4);
}
.fews-product {
  /* ===== Headers ===== */
}
.fews-product h1 {
  font-family: var(--document-font-family);
}
.fews-product h2 {
  font-family: var(--document-font-family);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-2xl);
  padding: var(--space-1) var(--space-2) var(--space-1) var(--space-12);
  background-color: var(--color-blue-500);
  background-repeat: no-repeat;
  background-size: auto var(--space-8);
  background-position: var(--space-2) center;
}
.fews-product h3 {
  font-family: var(--document-font-family);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-blue-900);
  margin-top: var(--space-8);
  margin-bottom: var(--space-2);
}
.fews-product h4 {
  font-size: var(--font-size-lg);
  margin-top: var(--space-8);
  margin-bottom: var(--space-2);
}
.fews-product header {
  position: relative;
  height: unset;
  margin: 0;
  padding: var(--space-5);
}
.fews-product header p {
  margin: 0;
  padding: 0;
}
.fews-product img {
  max-width: 100%;
}

/* ===== Colors ===== */
.color-sector {
  background-color: var(--color-green-500);
  padding: var(--space-4);
  height: var(--height-card);
  box-sizing: border-box;
}

.color-part {
  background-color: var(--color-green-500);
  padding-left: var(--space-1);
  height: var(--space-10);
  line-height: var(--space-10);
  box-sizing: border-box;
  font-family: var(--document-font-family);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-lg);
  text-indent: var(--space-2);
  color: var(--color-white);
}
.color-part.geel {
  background-color: var(--color-yellow-200);
  color: var(--color-black);
}

/* ===== Sector and Color Names ===== */
.sector-name {
  font-size: var(--font-size-5xl);
  font-family: var(--document-font-family);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
}

.color-name {
  font-size: var(--font-size-lg);
  font-family: var(--document-font-family);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
}

.full-width {
  position: relative;
  width: 100%;
  max-width: 100%;
}

.lighter {
  background-color: var(--color-blue-500);
}

/* ===== Responsive Design ===== */
@media (max-width: 600px) {
  .fews-product {
    padding: var(--space-4);
  }
  .fews-product h2 {
    font-size: var(--font-size-xl);
    padding-left: var(--space-5);
  }
  .fews-product h3 {
    font-size: var(--font-size-lg);
  }
  .fews-product p {
    font-size: var(--font-size-xs);
  }
}