@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/helvetica-bold-webfont.woff2') format('woff2'),
       url('../fonts/helvetica-bold-webfont.woff') format('woff');
}
/* Graphik webfonts – unified family, zelfde structuur als Helvetica */
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/graphik-light-webfont.woff2') format('woff2'),
       url('../fonts/graphik-light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik';
  src: url('../fonts/graphik-light_italic-webfont.woff2') format('woff2'),
       url('../fonts/graphik-light_italic-webfont.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik';
  src: url('../fonts/graphik-regular-webfont.woff2') format('woff2'),
       url('../fonts/graphik-regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik';
  src: url('../fonts/graphik-regular_italic-webfont.woff2') format('woff2'),
       url('../fonts/graphik-regular_italic-webfont.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik';
  src: url('../fonts/graphik-medium-webfont.woff2') format('woff2'),
       url('../fonts/graphik-medium-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik';
  src: url('../fonts/graphik-medium_italic-webfont.woff2') format('woff2'),
       url('../fonts/graphik-medium_italic-webfont.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik';
  src: url('../fonts/graphik-semibold-webfont.woff2') format('woff2'),
       url('../fonts/graphik-semibold-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik';
  src: url('../fonts/graphik-semibold_italic-webfont.woff2') format('woff2'),
       url('../fonts/graphik-semibold_italic-webfont.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik';
  src: url('../fonts/graphik-bold-webfont.woff2') format('woff2'),
       url('../fonts/graphik-bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik';
  src: url('../fonts/graphik-black-webfont.woff2') format('woff2'),
       url('../fonts/graphik-black-webfont.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}