:root {
  --container-width: 1280px;
  --nav-width: 2.5rem;
  --nav-mobile-width: 3rem;
  --nav-buttons-default-transform: rotate(-90deg);
  --spacing: 2rem;
  --grid-padding: 15px;
  
  /* Fonts */
}
  @media (min-width: 640px) {:root {
      --grid-padding: 30px;
}
  }
  :root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}
  /* colours */
  /* Testimonial colors */
  /* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */
  /* font sizes */
  /* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */
  /* */
  @media (min-width: 1024px) {:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }
  :root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}
  /* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */
  @media (min-width: 640px) {:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }
  @media (min-width: 768px) {:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }
  @media (min-width: 1024px) {:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }
  :root {

  --header-accent-scale: .5;
}
  @media (min-width: 640px) {:root {
      --header-accent-scale: 1;
}
  }
  @media (min-width: 768px) {:root {
      --header-accent-scale: 1.2;
}
  }
  @media (min-width: 1024px) {:root {
      --header-accent-scale: 1.5;
}
  }
  :root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

@media (min-width: 640px) {

:root {
      --grid-padding: 30px;
}
  }

:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}

/* colours */

/* Testimonial colors */

/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */

/* font sizes */

/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */

/* */

@media (min-width: 1024px) {

:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }

:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}

/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */

@media (min-width: 640px) {

:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }

@media (min-width: 768px) {

:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }

@media (min-width: 1024px) {

:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }

:root {

  --header-accent-scale: .5;
}

@media (min-width: 640px) {

:root {
      --header-accent-scale: 1;
}
  }

@media (min-width: 768px) {

:root {
      --header-accent-scale: 1.2;
}
  }

@media (min-width: 1024px) {

:root {
      --header-accent-scale: 1.5;
}
  }

:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
*,
::before,
::after {
  box-sizing: border-box;
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
  min-height: 100vh;
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

/* *, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.block {
  display: block;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.max-w-2xl {
  max-width: 42rem;
}
.resize {
  resize: both;
}
.bg-blue-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

h1 {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

@media (min-width: 768px) {

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
} */

@media (min-width: 640px) {

:root {
      --grid-padding: 30px;
}
  }

:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}

/* colours */

/* Testimonial colors */

/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */

/* font sizes */

/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */

/* */

@media (min-width: 1024px) {

:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }

:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}

/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */

@media (min-width: 640px) {

:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }

@media (min-width: 768px) {

:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }

@media (min-width: 1024px) {

:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }

:root {

  --header-accent-scale: .5;
}

@media (min-width: 640px) {

:root {
      --header-accent-scale: 1;
}
  }

@media (min-width: 768px) {

:root {
      --header-accent-scale: 1.2;
}
  }

@media (min-width: 1024px) {

:root {
      --header-accent-scale: 1.5;
}
  }

:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 900.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/
@font-face {
  font-family: 'Satoshi';
  src: url('./fonts/Satoshi-Variable.woff2') format('woff2'),
       url('./fonts/Satoshi-Variable.woff') format('woff'),
       url('./fonts/Satoshi-Variable.ttf') format('truetype');
       font-weight: 300 900;
       font-display: swap;
       font-style: normal;
}


/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 900.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/
@font-face {
  font-family: 'Satoshi';
  src: url('./fonts/Satoshi-VariableItalic.woff2') format('woff2'),
       url('./fonts/Satoshi-VariableItalic.woff') format('woff'),
       url('./fonts/Satoshi-VariableItalic.ttf') format('truetype');
       font-weight: 300 900;
       font-display: swap;
       font-style: italic;
}


@font-face {
    font-family: 'Playfair';
    src: url('./fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
        url('./fonts/PlayfairDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair';
    src: url('./fonts/PlayfairDisplay-Italic.woff2') format('woff2'),
        url('./fonts/PlayfairDisplay-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}



@font-face {
  font-family: 'Tanker';
  src: url('./fonts/Tanker-Regular.woff2') format('woff2'),
       url('./fonts/Tanker-Regular.woff') format('woff'),
       url('./fonts/Tanker-Regular.ttf') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}



@media (min-width: 640px) {



:root {
      --grid-padding: 30px;
}
  }



:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}



/* colours */



/* Testimonial colors */



/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */



/* font sizes */



/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */



/* */



@media (min-width: 1024px) {



:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }



:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}



/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */



@media (min-width: 640px) {



:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }



@media (min-width: 768px) {



:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }



@media (min-width: 1024px) {



:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }



:root {

  --header-accent-scale: .5;
}



@media (min-width: 640px) {



:root {
      --header-accent-scale: 1;
}
  }



@media (min-width: 768px) {



:root {
      --header-accent-scale: 1.2;
}
  }



@media (min-width: 1024px) {



:root {
      --header-accent-scale: 1.5;
}
  }



:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

html, body {
    height: 100%;
}

main {
  flex: 1;
}

.main-layout {
    width: 100%;
    padding: 0;
}

.layout-grid {
    display: grid;
    grid-template-columns: var(--grid-padding) repeat(12, minmax(0, var(--max-column-width)))  minmax(var(--grid-padding), 1fr);
}

@media (min-width: 768px) {

.layout-grid {
        padding: 0;
        -moz-column-gap: var(--spacing);
             column-gap: var(--spacing)
}
    }

.layout-grid__item {
    grid-column: 2 / span 12;
}

@media (min-width: 768px) {

.layout-grid__item {
        grid-column: 4 / span 11;
        grid-start: 1
}
    }

.block {
    margin-bottom: var(--spacing); 
    grid-column: 2 / span 12;
}

@media (min-width: 768px) {

.block {
        grid-column: 4 / span 10
}
    }

.block:first-child {
    margin-top: var(--spacing);
}

.block:first-child.block-article-meta {
        margin-top: 0;
    }

.single-page-poll-wrapper {
    background-color: var(--color-light-grey);
    grid-column: 1 / span 14;
    display: grid;
    grid-template-columns: var(--grid-padding) repeat(12, minmax(0, var(--max-column-width)))  minmax(var(--grid-padding), 1fr);
}

@media (min-width: 768px) {

.single-page-poll-wrapper {
        -moz-column-gap: var(--spacing);
             column-gap: var(--spacing);
        padding: 0
}
    }

.single-page-poll-wrapper c-poll {
        margin: var(--spacing) 0;
    }

@media (min-width: 640px) {

:root {
      --grid-padding: 30px;
}
  }

:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}

/* colours */

/* Testimonial colors */

/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */

/* font sizes */

/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */

/* */

@media (min-width: 1024px) {

:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }

:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}

/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */

@media (min-width: 640px) {

:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }

@media (min-width: 768px) {

:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }

@media (min-width: 1024px) {

:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }

:root {

  --header-accent-scale: .5;
}

@media (min-width: 640px) {

:root {
      --header-accent-scale: 1;
}
  }

@media (min-width: 768px) {

:root {
      --header-accent-scale: 1.2;
}
  }

@media (min-width: 1024px) {

:root {
      --header-accent-scale: 1.5;
}
  }

:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: var(--font-sans-serif);
}

p {
    font-size: var(--font-small);
    line-height: 1.8em;
}

@media (min-width: 640px) {

p {
        font-size: var(--font-medium)
}
    }

.rotated-heading-wrapper {
    position: relative;
    padding: var(--spacing) 0;
    grid-column: 3 / span 12;
}

.rotated-heading-wrapper.article-heading {
        overflow: hidden;
    }

.rotated-heading-wrapper.article-heading:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            background-color: var(--color-light-grey);
            position: absolute;
            left: calc(var(--spacing) * 3);
        }

.rotated-heading-wrapper.poll-heading {
        /* background-color: var(--color-light-grey);     */
    }


.rotated-heading {
    font-family: var(--font-heading);
    font-size: var(--font-x-large);
    color: var(--color-roman);
    line-height: 1em;
    writing-mode: vertical-lr;
    transform: scale(-1, -1);
}


@media (min-width: 640px) {


:root {
      --grid-padding: 30px;
}
  }


:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}


/* colours */


/* Testimonial colors */


/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */


/* font sizes */


/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */


/* */


@media (min-width: 1024px) {


:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }


:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}


/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */


@media (min-width: 640px) {


:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }


@media (min-width: 768px) {


:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }


@media (min-width: 1024px) {


:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }


:root {

  --header-accent-scale: .5;
}


@media (min-width: 640px) {


:root {
      --header-accent-scale: 1;
}
  }


@media (min-width: 768px) {


:root {
      --header-accent-scale: 1.2;
}
  }


@media (min-width: 1024px) {


:root {
      --header-accent-scale: 1.5;
}
  }


:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
input {
    border: 0;
    outline: 0;
    width: 100%;
    margin-bottom: calc(var(--spacing) / 2);
    padding: calc(var(--spacing) / 2);
    font-size: var(--font-small);
    font-style: italic;
    color: var(--color-white);
}

.site-search {
    display: flex;
}

.search-icon {
    outline: 0;
    border: 0;
}

@media (min-width: 640px) {

:root {
      --grid-padding: 30px;
}
  }

:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}

/* colours */

/* Testimonial colors */

/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */

/* font sizes */

/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */

/* */

@media (min-width: 1024px) {

:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }

:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}

/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */

@media (min-width: 640px) {

:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }

@media (min-width: 768px) {

:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }

@media (min-width: 1024px) {

:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }

:root {

  --header-accent-scale: .5;
}

@media (min-width: 640px) {

:root {
      --header-accent-scale: 1;
}
  }

@media (min-width: 768px) {

:root {
      --header-accent-scale: 1.2;
}
  }

@media (min-width: 1024px) {

:root {
      --header-accent-scale: 1.5;
}
  }

:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
html {
  font-family: serif;
  min-width: 320px;
  -webkit-overflow-scrolling: auto;
}
  @media (min-width: 640px) {html {
    padding-left: var(--nav-width)
}
  }

body {
  font-size: 10px;
  min-width: 360px;
}

body.navigation-opened {
    overflow: hidden;
  }

label {
  display: flex;
}

@media (min-width: 640px) {

:root {
      --grid-padding: 30px;
}
  }

:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}

/* colours */

/* Testimonial colors */

/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */

/* font sizes */

/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */

/* */

@media (min-width: 1024px) {

:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }

:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}

/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */

@media (min-width: 640px) {

:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }

@media (min-width: 768px) {

:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }

@media (min-width: 1024px) {

:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }

:root {

  --header-accent-scale: .5;
}

@media (min-width: 640px) {

:root {
      --header-accent-scale: 1;
}
  }

@media (min-width: 768px) {

:root {
      --header-accent-scale: 1.2;
}
  }

@media (min-width: 1024px) {

:root {
      --header-accent-scale: 1.5;
}
  }

:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

.logo .logo-svg {
        max-width: 160px;
        height: auto;
        margin-top: var(--spacing);
    }
        @media (min-width: 640px) {.logo .logo-svg {
            max-width: 200px
    }
        }
        @media (min-width: 768px) {.logo .logo-svg {
            max-width: calc((2 * var(--one-column-width)) + (2 * var(--spacing)))
    }
        }@media (min-width: 640px) {:root {
      --grid-padding: 30px;
}
  }:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}/* colours *//* Testimonial colors *//* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. *//* font sizes *//* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 *//* */@media (min-width: 1024px) {:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */@media (min-width: 640px) {:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }@media (min-width: 768px) {:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }@media (min-width: 1024px) {:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }:root {

  --header-accent-scale: .5;
}@media (min-width: 640px) {:root {
      --header-accent-scale: 1;
}
  }@media (min-width: 768px) {:root {
      --header-accent-scale: 1.2;
}
  }@media (min-width: 1024px) {:root {
      --header-accent-scale: 1.5;
}
  }:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.b-audio {
    display: block;
    background-color: var(--color-light-grey);
    width:100%;
    padding: 1rem 2rem;
    margin: 2rem 0;
}
    .b-audio audio {
        width:100%;
        /*padding-bottom: var(--spacing);*/
    }
    .b-audio p {
        padding: calc(var(--spacing) / 2);
        font-size: var(--font-small);
    }@media (min-width: 640px) {:root {
      --grid-padding: 30px;
}
  }:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}/* colours *//* Testimonial colors *//* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. *//* font sizes *//* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 *//* */@media (min-width: 1024px) {:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */@media (min-width: 640px) {:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }@media (min-width: 768px) {:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }@media (min-width: 1024px) {:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }:root {

  --header-accent-scale: .5;
}@media (min-width: 640px) {:root {
      --header-accent-scale: 1;
}
  }@media (min-width: 768px) {:root {
      --header-accent-scale: 1.2;
}
  }@media (min-width: 1024px) {:root {
      --header-accent-scale: 1.5;
}
  }:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.b-button a {
        display: inline-block;
        padding: calc( var(--spacing) / 2) var(--spacing);
        background-color: var( --button-color);
        color: var(--color-white);
        text-decoration: none;
        font-weight: 700;
        font-size: var(--font-small);
        border-radius: 0.5rem;
        transition: all 0.3s ease-in-out;
    }

        .b-button a:hover {
            background-color: var( --button-color-hover);
        }
    .b-button--small {
        outline: 1px solid green;
     }@media (min-width: 640px) {:root {
      --grid-padding: 30px;
}
  }:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}/* colours *//* Testimonial colors *//* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. *//* font sizes *//* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 *//* */@media (min-width: 1024px) {:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */@media (min-width: 640px) {:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }@media (min-width: 768px) {:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }@media (min-width: 1024px) {:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }:root {

  --header-accent-scale: .5;
}@media (min-width: 640px) {:root {
      --header-accent-scale: 1;
}
  }@media (min-width: 768px) {:root {
      --header-accent-scale: 1.2;
}
  }@media (min-width: 1024px) {:root {
      --header-accent-scale: 1.5;
}
  }:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.b-event {
    background-color: var(--color-light-grey);
    padding: var(--spacing);
    font-size: var(--font-medium);
}

.event-single {
    background-color: var(--color-light-grey);
    padding: var(--spacing);
    margin: var(--spacing) 0px;
}

.event-single h2 {
        font-size: var(--font-x-large);
        font-weight: bold;
    }

.event-single span {
        font-weight: bold;
        display: block;
        font-size: var(--font-small);
        margin-bottom: var(--spacing);
    }

@media (min-width: 640px) {

:root {
      --grid-padding: 30px;
}
  }

:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}

/* colours */

/* Testimonial colors */

/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */

/* font sizes */

/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */

/* */

@media (min-width: 1024px) {

:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }

:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}

/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */

@media (min-width: 640px) {

:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }

@media (min-width: 768px) {

:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }

@media (min-width: 1024px) {

:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }

:root {

  --header-accent-scale: .5;
}

@media (min-width: 640px) {

:root {
      --header-accent-scale: 1;
}
  }

@media (min-width: 768px) {

:root {
      --header-accent-scale: 1.2;
}
  }

@media (min-width: 1024px) {

:root {
      --header-accent-scale: 1.5;
}
  }

:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.b-gallery img {
        width: 100%;
    }

.gallery-grid {
    display: grid;
    gap: var(--spacing);
}

.gallery-grid.gallery-grid-cols-2 {
        grid-template-columns: repeat(2, 1fr);
    }

.gallery-grid.gallery-grid-cols-3 {
        grid-template-columns: repeat(3, 1fr);
    }

.gallery-grid.gallery-grid-cols-4 {
        grid-template-columns: repeat(4, 1fr);
    }

@media (min-width: 640px) {

:root {
      --grid-padding: 30px;
}
  }

:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}

/* colours */

/* Testimonial colors */

/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */

/* font sizes */

/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */

/* */

@media (min-width: 1024px) {

:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }

:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}

/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */

@media (min-width: 640px) {

:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }

@media (min-width: 768px) {

:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }

@media (min-width: 1024px) {

:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }

:root {

  --header-accent-scale: .5;
}

@media (min-width: 640px) {

:root {
      --header-accent-scale: 1;
}
  }

@media (min-width: 768px) {

:root {
      --header-accent-scale: 1.2;
}
  }

@media (min-width: 1024px) {

:root {
      --header-accent-scale: 1.5;
}
  }

:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
/*grid-column: 3 / span 11;*/

    .b-image img {
        width: 100%;
    }

    .b-image .caption {
        display: block;
        margin-top: calc(var(--spacing) / 3);
        font-size: var(--font-x-small);
    }@media (min-width: 640px) {:root {
      --grid-padding: 30px;
}
  }:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}/* colours *//* Testimonial colors *//* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. *//* font sizes *//* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 *//* */@media (min-width: 1024px) {:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */@media (min-width: 640px) {:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }@media (min-width: 768px) {:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }@media (min-width: 1024px) {:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }:root {

  --header-accent-scale: .5;
}@media (min-width: 640px) {:root {
      --header-accent-scale: 1;
}
  }@media (min-width: 768px) {:root {
      --header-accent-scale: 1.2;
}
  }@media (min-width: 1024px) {:root {
      --header-accent-scale: 1.5;
}
  }:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.b-quote {
  display: block;
  background-color: var(--color-light-grey);
  width: 100%;
  padding: var(--spacing) var(--spacing);
  margin: 2rem 0;
  overflow: hidden;
  position: relative;
}
  @media (min-width: 768px) {.b-quote {
    padding: var(--spacing) calc(var(--spacing) * 2)
}
  }
  .b-quote .quote-text {
    display: block;
    font-family: var(--font-serif);
    font-size: var(--font-large);
    color: var(--color-green);
    line-height: 1.2em;
    position: relative;
    max-width: 100%;
  }
  @media (min-width: 640px) {
  .b-quote .quote-text {
      font-size: var(--font-x-large)
  }
    }
  @media (min-width: 768px) {
  .b-quote .quote-text {
      font-size: var(--font-xx-large)
  }
    }
  @media (min-width: 1024px) {
  .b-quote .quote-text {
      font-size: var(--font-xxx-large);
      max-width: calc(100% - 100px)
  }
    }
  .b-quote .quote-author {
    display: block;
    font-size: var(--font-x-small);
    padding: 1rem 0;
    opacity: 50%;
    position: relative;
  }
  .b-quote .rotating-text_wrapper.show-on-the-right {
     transform: scale(calc(var(--header-accent-scale) * 0.4));
  }@media (min-width: 640px) {:root {
      --grid-padding: 30px;
}
  }:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}/* colours *//* Testimonial colors *//* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. *//* font sizes *//* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 *//* */@media (min-width: 1024px) {:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */@media (min-width: 640px) {:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }@media (min-width: 768px) {:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }@media (min-width: 1024px) {:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }:root {

  --header-accent-scale: .5;
}@media (min-width: 640px) {:root {
      --header-accent-scale: 1;
}
  }@media (min-width: 768px) {:root {
      --header-accent-scale: 1.2;
}
  }@media (min-width: 1024px) {:root {
      --header-accent-scale: 1.5;
}
  }:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

.b-related {
}@media (min-width: 640px) {:root {
      --grid-padding: 30px;
}
  }:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}/* colours *//* Testimonial colors *//* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. *//* font sizes *//* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 *//* */@media (min-width: 1024px) {:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */@media (min-width: 640px) {:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }@media (min-width: 768px) {:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }@media (min-width: 1024px) {:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }:root {

  --header-accent-scale: .5;
}@media (min-width: 640px) {:root {
      --header-accent-scale: 1;
}
  }@media (min-width: 768px) {:root {
      --header-accent-scale: 1.2;
}
  }@media (min-width: 1024px) {:root {
      --header-accent-scale: 1.5;
}
  }:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
article {
  font-family: var(--font-sans-serif);
  margin: var(--spacing) 0;
    
}
  article .article-meta {
      display: block;
      font-size: var(--font-x-small);
      opacity: 50%;
      margin-bottom: 1rem;
  }
  article .article-meta .social-icons {
        display: inline-flex;
        margin-left: calc((var(--spacing) / 3) * -1);
      }
  @media (min-width: 640px) {
  article .article-meta .social-icons {
            float: right;
            margin-left: 0
      }
        }
  article .article-meta .social-icons svg {
            width: 16px;
            height: auto;
        }
  article .article-meta .social-icons a {
            padding: calc(var(--spacing) / 3);
        }
  @media (min-width: 640px) {
  article .article-meta .social-icons a {
                margin-top: calc((var(--spacing) / 3) * -1)
        }
            }
  article .article-meta .social-icons a:hover {
                background-color: var(--color-light-grey);
                color: var(--color-roman);
            }
  article .article-meta .social-icons a:hover svg {
                    fill: var(--color-roman);
                }
  article .article-meta .type-label {
        display: inline-flex;
        align-items: center;
        padding: 0.1em 0.5em;
        background-color: var(--color-corduroy);
        color: var(--color-white);
        margin-right: 0.5em;
      }
  article .article-meta .type-label:hover {
            background-color: var(--color-black);
        }
  article .article-meta .type-label .item-card_icon {
            display: inline-block;
            width: 12px;
            height: 12px;
            margin: 0 0.35em 0 0;
        }
  article .article-meta .type-label .item-card_icon svg {
                width: 100%;
                height: auto;
            }
  article .article-meta--back-button {
        display: inline-block;
        padding-bottom: var(--spacing);
    }
  article .article-meta--dossier-cat {
        display: inline-block;
        padding-bottom: var(--spacing);
    }
  article .article-meta--dossier-cat a {
            background-color: var(--nav-color)
        }

.b-text {
    font-family: var(--font-sans-serif);
    font-size: var(--font-medium);
}

.b-text p {
        margin-bottom: 0.8em;
    }

.b-text ul {
        list-style-type: disc;
        padding-left: var(--spacing);
        margin-bottom: var(--spacing);
    }

.b-text ol {
        list-style-type: decimal;
        padding-left: var(--spacing);
        margin-bottom: var(--spacing);
    }

.b-text a {
        text-decoration: underline;
    }

.b-text a:hover {
            text-decoration: none;
        }

@media (min-width: 640px) {

:root {
      --grid-padding: 30px;
}
  }

:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
    
}

/* colours */

/* Testimonial colors */

/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */

/* font sizes */

/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */

/* */

@media (min-width: 1024px) {

:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }

:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
    
}

/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */

@media (min-width: 640px) {

:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }

@media (min-width: 768px) {

:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }

@media (min-width: 1024px) {

:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }

:root {

  --header-accent-scale: .5;
    
}

@media (min-width: 640px) {

:root {
      --header-accent-scale: 1;
}
  }

@media (min-width: 768px) {

:root {
      --header-accent-scale: 1.2;
}
  }

@media (min-width: 1024px) {

:root {
      --header-accent-scale: 1.5;
}
  }

:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
    
}
.b-video .video-wrapper {
        position: relative; 
        padding-bottom: 56.25%; 
        height: 0; 
        overflow: hidden; 
        max-width: 100%;
    }
    .b-video iframe, .b-video object, .b-video embed { 
        position: absolute; 
        top: 0; 
        left: 0; 
        width: 100%; 
        height: 100%;
    }@media (min-width: 640px) {:root {
      --grid-padding: 30px;
}
  }:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}/* colours *//* Testimonial colors *//* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. *//* font sizes *//* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 *//* */@media (min-width: 1024px) {:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */@media (min-width: 640px) {:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }@media (min-width: 768px) {:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }@media (min-width: 1024px) {:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }:root {

  --header-accent-scale: .5;
}@media (min-width: 640px) {:root {
      --header-accent-scale: 1;
}
  }@media (min-width: 768px) {:root {
      --header-accent-scale: 1.2;
}
  }@media (min-width: 1024px) {:root {
      --header-accent-scale: 1.5;
}
  }:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.cards {
    row-gap: var(--spacing);
}
    @media (min-width: 640px) {.cards {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        -moz-column-gap: var(--spacing);
             column-gap: var(--spacing)
}
    }
    .cards .card-image {
        margin-bottom: calc(var(--spacing) / 2);
        aspect-ratio: 4 / 4;
    }
    .cards .card-image img {
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center;
               object-position: center;
            width: 100%;
            height: 100%;
        }
    .cards .card-title {
        font-size: var(--font-medium);
        font-weight: bold;
        margin-bottom: calc(var(--spacing) / 4);
    }
    .cards .card-text {
        font-size: var(--font-small);
    }
    .cards .card-text p {
            line-height: 1.2em;
        }
    .cards .card-text a {
            color: var(--nav-color);
            text-decoration: underline;
        }@media (min-width: 640px) {:root {
      --grid-padding: 30px;
}
  }:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}/* colours *//* Testimonial colors *//* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. *//* font sizes *//* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 *//* */@media (min-width: 1024px) {:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */@media (min-width: 640px) {:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }@media (min-width: 768px) {:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }@media (min-width: 1024px) {:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }:root {

  --header-accent-scale: .5;
}@media (min-width: 640px) {:root {
      --header-accent-scale: 1;
}
  }@media (min-width: 768px) {:root {
      --header-accent-scale: 1.2;
}
  }@media (min-width: 1024px) {:root {
      --header-accent-scale: 1.5;
}
  }:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.responsive-iframe {
	max-width: 100%;
	padding-top: 56.25%;
	position: relative;
	width: 100%;
}

.responsive-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (min-width: 640px) {

:root {
      --grid-padding: 30px;
}
  }

:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}

/* colours */

/* Testimonial colors */

/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */

/* font sizes */

/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */

/* */

@media (min-width: 1024px) {

:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }

:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}

/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */

@media (min-width: 640px) {

:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }

@media (min-width: 768px) {

:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }

@media (min-width: 1024px) {

:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }

:root {

  --header-accent-scale: .5;
}

@media (min-width: 640px) {

:root {
      --header-accent-scale: 1;
}
  }

@media (min-width: 768px) {

:root {
      --header-accent-scale: 1.2;
}
  }

@media (min-width: 1024px) {

:root {
      --header-accent-scale: 1.5;
}
  }

:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
@media (min-width: 640px) {
:root {
      --grid-padding: 30px;
}
  }
:root{
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}
/* colours */
/* Testimonial colors */
/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */
/* font sizes */
/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */
/* */
@media (min-width: 1024px) {
:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }
:root{

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}
/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */
@media (min-width: 640px) {
:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }
@media (min-width: 768px) {
:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }
@media (min-width: 1024px) {
:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }
:root{

  --header-accent-scale: .5;
}
@media (min-width: 640px) {
:root {
      --header-accent-scale: 1;
}
  }
@media (min-width: 768px) {
:root {
      --header-accent-scale: 1.2;
}
  }
@media (min-width: 1024px) {
:root {
      --header-accent-scale: 1.5;
}
  }
:root{
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.agenda-bgimage {
    position: absolute;
    left: -50px;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: auto;
}
    @media (min-width: 640px) {.agenda-bgimage {
        left: 0;
        height: 120%;
        width: auto
}
    }

.p-agenda {
    grid-column: 2 / span 6;
    padding: var(--spacing);
    position: relative;
    overflow: hidden;
}

@media (min-width: 640px) {

.p-agenda {
        padding: 4rem 4rem 4rem 4rem;
        margin: var(--spacing) 0
}
    }

.p-agenda .agenda-items {
        width: calc(100% + var(--spacing));
    }

.p-agenda .agenda-items a {
            display: block;
            margin-bottom: 1rem;
        }

.p-agenda .agenda-heading {
        font-family: var(--font-heading);
        font-size: var(--font-x-large);
        color: var(--color-white);
        margin-bottom: 0.5rem;
    }

.p-agenda .agenda-item {
        display: flex;
        align-items: stretch;
    }

.p-agenda .agenda-item-text {
        font-size: var(--font-small);
        line-height: 1.2em;
        background-color: var(--color-light-grey);
        padding: 1rem 1.5rem;
        flex: 1;
        display: flex;
        align-items: center;
    }

@media (min-width: 768px) {

.p-agenda .agenda-item-text {
            font-size: var(--font-medium)
    }
        }

.agenda-item-date {
    background-color: var(--color-blue);
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: var(--font-medium);
    font-weight: 500;
    padding: 1rem 2rem;
}

.agenda-item-date .devider {
        margin: 10px 0;
    }

.agenda-item-date span {
        display: block;
        line-height: 1em;
    }

@media (min-width: 640px) {

:root {
      --grid-padding: 30px;
}
  }

:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}

/* colours */

/* Testimonial colors */

/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */

/* font sizes */

/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */

/* */

@media (min-width: 1024px) {

:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }

:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}

/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */

@media (min-width: 640px) {

:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }

@media (min-width: 768px) {

:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }

@media (min-width: 1024px) {

:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }

:root {

  --header-accent-scale: .5;
}

@media (min-width: 640px) {

:root {
      --header-accent-scale: 1;
}
  }

@media (min-width: 768px) {

:root {
      --header-accent-scale: 1.2;
}
  }

@media (min-width: 1024px) {

:root {
      --header-accent-scale: 1.5;
}
  }

:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.be-informed {
  container: be-informed / inline-size;
}

  .be-informed input {
    display: block;
    width: 100%;
  }@media (min-width: 640px) {:root {
      --grid-padding: 30px;
}
  }:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}/* colours *//* Testimonial colors *//* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. *//* font sizes *//* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 *//* */@media (min-width: 1024px) {:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */@media (min-width: 640px) {:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }@media (min-width: 768px) {:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }@media (min-width: 1024px) {:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }:root {

  --header-accent-scale: .5;
}@media (min-width: 640px) {:root {
      --header-accent-scale: 1;
}
  }@media (min-width: 768px) {:root {
      --header-accent-scale: 1.2;
}
  }@media (min-width: 1024px) {:root {
      --header-accent-scale: 1.5;
}
  }:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
c-articles-slider {
  --scroll-offset: calc(var(--grid-padding) + var(--spacing));
}

  c-articles-slider .slider_scroller-content a:last-child {
      margin-right: calc(
        100vw
        - var(--nav-width)
        - var(--all-grid-margins)
        - (12 * var(--one-column-width))
        + var(--grid-padding)
        + var(--spacing)
      );
    }

  c-articles-slider .slider_previous-button {
      left:  .5rem;
    }

  c-articles-slider .slider_next-button {
      right:  .5rem;
    }@media (min-width: 640px) {:root {
      --grid-padding: 30px;
}
  }:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}/* colours *//* Testimonial colors *//* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. *//* font sizes *//* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 *//* */@media (min-width: 1024px) {:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */@media (min-width: 640px) {:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }@media (min-width: 768px) {:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }@media (min-width: 1024px) {:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }:root {

  --header-accent-scale: .5;
}@media (min-width: 640px) {:root {
      --header-accent-scale: 1;
}
  }@media (min-width: 768px) {:root {
      --header-accent-scale: 1.2;
}
  }@media (min-width: 1024px) {:root {
      --header-accent-scale: 1.5;
}
  }:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
c-news-slider {
  --first-item-starts-at: 1;
}
  @media (min-width: 768px) {c-news-slider {
    --first-item-starts-at: 2
}
  }
  @media (min-width: 1024px) {c-news-slider {
    --first-item-starts-at: 6
}
  }
  c-news-slider {

  --scroll-offset: calc(var(--grid-padding) + (var(--first-item-starts-at) * var(--one-column-width)) + (calc(max(1, calc(var(--first-item-starts-at) + 1)) * var(--spacing))));
}
  c-news-slider .slider_scroller a:last-child {
      margin-right: calc(
        100vw
        - var(--nav-width)
        - var(--all-grid-margins)
        - (12 * var(--one-column-width))
        + var(--grid-padding)
        + (calc(12 - var(--first-item-starts-at)) * var(--one-column-width))
        + (calc(12 + 1 - var(--first-item-starts-at)) * var(--spacing))
        + var(--block-dimension)
      );
    }
  c-news-slider .slider_previous-button {
      left: calc(var(--scroll-offset) - .5rem - var(--button-width));
    }
  @media (max-width: 450px) {
  c-news-slider .slider_previous-button {
        left:  .5rem
    }
      }
  c-news-slider .slider_next-button {
      left: calc(var(--scroll-offset) + var(--block-dimension) + .5rem);
    }
  @media (max-width: 450px) {
  c-news-slider .slider_next-button {
        left: auto;
        right: .5rem
    }
      }@media (min-width: 640px) {:root {
      --grid-padding: 30px;
}
  }:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}/* colours *//* Testimonial colors *//* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. *//* font sizes *//* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 *//* */@media (min-width: 1024px) {:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */@media (min-width: 640px) {:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }@media (min-width: 768px) {:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }@media (min-width: 1024px) {:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }:root {

  --header-accent-scale: .5;
}@media (min-width: 640px) {:root {
      --header-accent-scale: 1;
}
  }@media (min-width: 768px) {:root {
      --header-accent-scale: 1.2;
}
  }@media (min-width: 1024px) {:root {
      --header-accent-scale: 1.5;
}
  }:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
footer {
  background-color: var(--color-white);
  margin-top: auto;
 }

.footer-left {
    grid-column: 2 / span 12;
    margin-bottom: 1rem;
}

@media (min-width: 640px) {

.footer-left {
        grid-column: 2 / span 3
}
    }

@media (min-width: 768px) {

.footer-left {
        grid-column: 3 / span 3
}
    }

.footer-left .logo {
        color: var(--color-roman);
        display: block;
        margin-bottom: var(--spacing);
    }

@media (min-width: 768px) {

.footer-left .logo {
            margin-bottom: calc(var(--spacing) * 2)
    }
        }

.footer-left address a {
        color: var(--color-green);
        font-size: var(--font-x-small);
        line-height: 1.75em;
        font-family: var(--font-sans-serif);
        font-style: normal;
        transition: color var(--ease-time) ease-in-out;
    }

.footer-left address a:hover {
            color: var(--color-roman);
        }

.footer-right {
    grid-column: 2 / span 12;
}

@media (min-width: 640px) {

.footer-right {
        grid-column: 8 / span 6
}
    }

.footer-right .footer-links a  {
        font-size: var(--font-xx-large);
        font-family: var(--font-serif);
        line-height: 1.2em;
        color: var(--color-green);
        transition: color var(--ease-time) ease-in-out;
    }

.footer-right .footer-links a:hover {
            color: var(--color-roman);
        }

.footer-logos-wrapper {
    grid-column: 2 / span 12;
    padding: 4rem 0 2rem 0;
    margin: 0 auto;
    width: 100%;
}

.footer-logos-wrapper .footer-logos {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 1rem;
    }

@media (min-width: 640px) {

.footer-logos-wrapper .footer-logos {
            gap: 2rem
    }
        }

.footer-logos-wrapper .footer-logos img {
            max-width: 120px;
            filter: grayscale(1);
            mix-blend-mode: darken;
        }

@media (min-width: 640px) {

.footer-logos-wrapper .footer-logos img {
                max-width: 150px
        }
            }

.footer-logos-wrapper .footer-logos li {
            flex: 1;

            align-self: center;
            display: flex;
            justify-content: center;
            
        }

@media (min-width: 640px) {

:root {
      --grid-padding: 30px;
}
  }

:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}

/* colours */

/* Testimonial colors */

/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */

/* font sizes */

/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */

/* */

@media (min-width: 1024px) {

:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }

:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}

/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */

@media (min-width: 640px) {

:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }

@media (min-width: 768px) {

:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }

@media (min-width: 1024px) {

:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }

:root {

  --header-accent-scale: .5;
}

@media (min-width: 640px) {

:root {
      --header-accent-scale: 1;
}
  }

@media (min-width: 768px) {

:root {
      --header-accent-scale: 1.2;
}
  }

@media (min-width: 1024px) {

:root {
      --header-accent-scale: 1.5;
}
  }

:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.c-header {
    height: -moz-fit-content;
    height: fit-content;
    grid-column: 2 / span 6;
    position: relative;
    z-index: 30;
    grid-row: 1;
}
    @media (min-width: 640px) {.c-header {
        padding: var(--spacing) 0
}  
    }
    @media (min-width: 768px) {.c-header {
        grid-column: 3 / span 3
}
    }
    .c-header .logo {
        color: var(--color-roman);
    }@media (min-width: 640px) {:root {
      --grid-padding: 30px;
}
  }:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}/* colours *//* Testimonial colors *//* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. *//* font sizes *//* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 *//* */@media (min-width: 1024px) {:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */@media (min-width: 640px) {:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }@media (min-width: 768px) {:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }@media (min-width: 1024px) {:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }:root {

  --header-accent-scale: .5;
}@media (min-width: 640px) {:root {
      --header-accent-scale: 1;
}
  }@media (min-width: 768px) {:root {
      --header-accent-scale: 1.2;
}
  }@media (min-width: 1024px) {:root {
      --header-accent-scale: 1.5;
}
  }:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.hero-wrapper {
    aspect-ratio: 5 / 4;
    background-size: cover;
    background: var(--image-dampener), center / cover no-repeat var(--image-url);
    display: flex;
    justifiy-content: center;
    align-items: center;
    position:relative;
    overflow:hidden;
    background-color: var(--color-opal);
    margin-left: auto;
    grid-column: 3 / span 12;
    grid-row: 1;
    width: 100%;
    max-height: 800px;
    min-height: 420px;
    z-index: 20;
}

    .hero-wrapper svg .rotating-text {
        fill: rgba(255, 255, 255, .2);
    }

    @media (min-width: 768px) {.hero-wrapper {
        grid-column: 4 / span 11
}
    }

    @media (min-width: 640px) {.hero-wrapper {
        min-height: 500px
}
    }

    .hero-wrapper.hero-narrow {
        max-height: 400px;
    }

    .hero-wrapper .hero-content {
        color: var(--color-white);
        max-width: calc(100% - 150px);
        height: auto;
        position: relative;
        padding-left: calc(var(--one-column-width) + var(--spacing));
        padding-right: calc(var(--spacing) * 2);
        padding-top: calc(var(--spacing) * 4);
        margin-bottom: calc(var(--one-column-width) + var(--spacing));
    }

    @media (min-width: 640px) {

    .hero-wrapper .hero-content {
            padding-top: calc(var(--spacing) * 7)
    }
        }

    @media (min-width: 1024px) {

    .hero-wrapper .hero-content {
            padding-top: calc(var(--spacing) * 7)
    }
        }

    @media (max-width: 768px) {

    .hero-wrapper .hero-content {
            max-width: none
    }
        }

    .hero-wrapper .hero-content .post-type {
            font-family: var(--font-sans-serif);
            font-weight: 500;
            font-size: var(--font-x-small);
            display: block;
            margin-bottom: 0.25em;
        }

    @media (min-width: 640px) {

    .hero-wrapper .hero-content .post-type {
                font-size: var(--font-medium)
        }
            }

    .hero-wrapper .hero-content h2 {
            margin-bottom: calc(var(--spacing) / 2);
        }

    .hero-wrapper .hero-content h2:last-child {
                margin-bottom: 0;
            }

    .hero-wrapper .hero-content .hero-heading-sans {
            font-family: var(--font-sans);
            font-weight: 700;
            color: var(--color-burnt-umber);
            font-size: 1rem;
            line-height: 1.2em;
            font-size: var(--font-small);
        }

    @media (min-width: 640px) {

    .hero-wrapper .hero-content .hero-heading-sans {
                font-size: var(--font-large)
        }
            }

    @media (min-width: 1024px) {

    .hero-wrapper .hero-content .hero-heading-sans {
                font-size: var(--font-x-large)
        }
            }

    .hero-wrapper .hero-content .hero-heading-serif {
            font-family: var(--font-serif);
            color: var(--color-white);
            font-size: 1rem;
            line-height: 1.2em;
            font-size: var(--font-x-large);    
        }

    .hero-wrapper .hero-content .hero-date {
            font-size: var(--font-x-small);
        }

    @media (min-width: 640px) {

    .hero-wrapper .hero-content .hero-date {
                font-size: var(--font-small)
        }
            }

    .hero-wrapper .author-info {
        display: flex;
        -moz-column-gap: var(--spacing);
             column-gap: var(--spacing);
    }

    .hero-wrapper .author-info h2 {
            margin-bottom: 0em;
        }

    .hero-wrapper .author-info p {
            font-size: var(--font-small);
        }

    .hero-wrapper .author-info .author-image {
            border-radius: 999px;
            width: 120px;
            height: 120px;
            position: relative;
            overflow: hidden;
        }

    @media (min-width: 1024px) {

    .hero-wrapper .author-info .author-image {
                width: 200px;
                height: 200px
        }
            }

    .hero-wrapper .author-info .author-image img {
                position: absolute;
                top: 0;
                left: 0;
                -o-object-fit: cover;
                   object-fit: cover;
                width: 100%;
                height: 100%;
            }

.header-corners {
    position: relative;
    width: 100%;
}

.header-corners::before,
    .header-corners::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        background: var(--color-green);
        transform: scale(var(--header-accent-scale));
    }

.header-corners::before {
        -webkit-clip-path: path('M 0 55 L 50 0 L 0 0 Z');
                clip-path: path('M 0 55 L 50 0 L 0 0 Z');
        width: 60px;
        height: 60px;
        left: 0;
        transform-origin: 0 0;
    }

.header-corners::after {
        width: 215px;
        height: 300px;
        -webkit-clip-path: path('M 215 300 L 215 0 L 0 0 Z');
                clip-path: path('M 215 300 L 215 0 L 0 0 Z');
        right: 0;
        transform-origin: 100% 0;
        z-index: -1;
    }

.heading-alt {
  font-family: var(--font-sans-serif);
  font-weight: 700;
  color: var(--color-burnt-umber);
}

@media (min-width: 640px) {

:root {
      --grid-padding: 30px;
}
  }

:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}

/* colours */

/* Testimonial colors */

/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */

/* font sizes */

/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */

/* */

@media (min-width: 1024px) {

:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }

:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}

/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */

@media (min-width: 640px) {

:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }

@media (min-width: 768px) {

:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }

@media (min-width: 1024px) {

:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }

:root {

  --header-accent-scale: .5;
}

@media (min-width: 640px) {

:root {
      --header-accent-scale: 1;
}
  }

@media (min-width: 768px) {

:root {
      --header-accent-scale: 1.2;
}
  }

@media (min-width: 1024px) {

:root {
      --header-accent-scale: 1.5;
}
  }

:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.item-cards {
    grid-column: 2 / span 12;
    margin-bottom: var(--spacing);
 }
 
 .item-card {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    vertical-align: bottom;
    justify-content: flex-end;
    width: var(--block-dimension);
    height: var(--block-dimension);
    margin: 0 var(--spacing) 0 0;
    padding: 0 calc(var(--spacing) / 2) var(--spacing);
    text-decoration: none;
    background: var(--image-dampener), center / cover no-repeat var(--image-url);
    transition: background var(--ease-time) ease-in-out;
 }
 
 .item-card:hover {
        background: var(--image-dampener-hover), center / cover no-repeat var(--image-url);
    }
 
 .item-card .item-card_type {
        color: var(--color-white);
        font-size: max(var(--font-x-small), calc(var(--block-dimension) / 25));
        padding-bottom: 0.2em;
    }
 
 @media (min-width: 768px) {
 
 .item-card .item-card_type {
            font-size: max(var(--font-small), calc(var(--block-dimension) / 25))
    }
        }
 
 .item-card .item-card_title {
        font-family: var(--font-serif);
        font-size: max(var(--font-medium), calc(var(--block-dimension) / 12.5));
        font-weight: 600;
        line-height: 1;
        width: 100%;
        white-space: normal;
        color: var(--color-white);
    }

 .item-card_icon {
    margin-bottom: calc(var(--spacing) / 4);
    display: block;
 }

 .item-card_meta {
    display: flex;
    color: white;
    font-size: var(--font-size-small);
 }

 .item-card_meta--author {
    }

 .item-card_meta--date:before {
            content:"•";
            width: 20px;
            display: inline-block;
            text-align: center;
        }

 .item-card_meta--readtime:before {
            content:"•";
            width: 20px;
            display: inline-block;
            text-align: center;
        }

 .item-card-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing);
 }

 @media (min-width: 768px) {

 .item-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
 }
    }

 @media (min-width: 1024px) {

 .item-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr))
 }
    }

 .item-card-grid .item-card {
        width: 100%;
        aspect-ratio: 1 / 1; 
        height: unset;
     }

 .item-card-grid .item-card .item-card_title {
            padding-bottom: calc(var(--spacing) / 2);
        }

 @media (min-width: 640px) {

 :root {
      --grid-padding: 30px;
}
  }

 :root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}

 /* colours */

 /* Testimonial colors */

 /* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */

 /* font sizes */

 /* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */

 /* */

 @media (min-width: 1024px) {

 :root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }

 :root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}

 /* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */

 @media (min-width: 640px) {

 :root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }

 @media (min-width: 768px) {

 :root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }

 @media (min-width: 1024px) {

 :root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }

 :root {

  --header-accent-scale: .5;
}

 @media (min-width: 640px) {

 :root {
      --header-accent-scale: 1;
}
  }

 @media (min-width: 768px) {

 :root {
      --header-accent-scale: 1.2;
}
  }

 @media (min-width: 1024px) {

 :root {
      --header-accent-scale: 1.5;
}
  }

 :root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

nav {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  background-color: var(--nav-color);
  color: white;
  padding: var(--nav-width) calc(4 * var(--nav-width));
  width: calc(100vw - var(--nav-width));
  max-width: 900px;
  z-index: 50;
}
  @media (max-width: 768px) {nav {
    padding: var(--nav-width);
    width: 100vw
}
  }
  nav a {
    display: block;
  }
  nav .navigation-links a {
    font-size: var(--font-large);
  }
  @media (min-width: 640px) {
  nav .navigation-links a {
      font-size: var(--font-xx-large)
  }
    }
  nav .navigation-links a {
    font-family: var(--font-serif);
    line-height: 1.5em;
    transition: color var(--ease-time) ease-in-out;
}
  nav .navigation-links a:hover, nav .navigation-links a.active {
      color: rgba(255,255,255, 0.6);
    }
  nav .general-links a {
    font-size: var(--font-x-small);
  }
  nav .general-links a:hover {
      color: rgba(255,255,255, 0.6);
    }
  nav > .logo {
    margin: 2rem 0;
  }
  nav {
  
  transform: translateX(100%);
}
  @media (min-width: 640px) {nav {
    transform: translateX(-100%)
}
  }
  nav {
  transition: transform .3s ease-in-out;
}
  .navigation-opened nav {
    transform: translateX(0);
  }

.open-nav,
.close-nav {
  position: fixed;
  border: none;
  color: white;
  z-index: 60;
  font-family: var(--font-heading);
  height: 120px;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--nav-mobile-width);
}

.open-nav:hover .rotated, .close-nav:hover .rotated {
      opacity: 0.6;
    }

@media (min-width: 640px) {

.open-nav,
.close-nav {
    width: var(--nav-width);
    display: flex;
    align-items: center; 
    justify-content: normal;
    height: 100%
}
  }

.open-nav > *, .close-nav > * {
    pointer-events: none;
  }

.open-nav svg, .close-nav svg {
    margin-right: 10px;
    width: 20px;
  }

.open-nav span, .close-nav span {
    display: block;
    height: var(--nav-width);
    font-size: 1.5rem;
    line-height: var(--nav-width);
  }

.open-nav > .rotated, .close-nav > .rotated {
    transform: var(--nav-buttons-default-transform);
    transition: opacity var(--ease-time) ease-in-out;

  }

@media (min-width: 640px) {

.open-nav > .rotated, .close-nav > .rotated {
      transform-origin: var(--nav-width) 100%;

  }
    }

.open-nav > .rotated, .close-nav > .rotated {
     display: flex;
     align-items: center;
     justify-content: center;
     width: -moz-fit-content;
     width: fit-content;
}

.open-nav {
  bottom: 0;
  background-color: var(--nav-color);
  transition: opacity .3s ease-in-out, transform .2s ease-in-out;
}

@media (min-width: 640px) {

.open-nav {
    left: 0
}
  }

.navigation-opened .open-nav {
     pointer-events: none;
     opacity: 0;
     transform: translateX(20vw);
  }

.site-search {
  width: 100%;
  margin-bottom: 4rem;

}

.site-search > input {
    flex: 1;
    margin: 0;
    background-color: #272168;
  }

@media (max-width: 768px) {

.site-search {
    position: absolute;
    margin-bottom: 0;
    bottom: var(--nav-width);
    max-width: calc(100vw - calc(3 * var(--nav-width)))

}
  }

.search-icon {
  display: flex;
  jusify-content: center;
  align-items: center;
  padding: 0 2em;
  background-color: rgba(0,0,0, 0.6);
}

.close-nav {
  opacity: 0;
  pointer-events: none;
  padding: 1rem 0;
  left: 0;
  transform:  translateX(-100px);
  transition: opacity .2s ease-in-out, transform .2s ease-in-out;
}

.navigation-opened .close-nav {
    pointer-events: auto;
    opacity: 1;
    transform: translateX(0);
  }

@media (max-width: 768px) {

.close-nav {
    top: auto;
    left: auto;
    right: 0;
    bottom: 0
}
  }

@media (min-width: 640px) {

:root {
      --grid-padding: 30px;
}
  }

:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}

/* colours */

/* Testimonial colors */

/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */

/* font sizes */

/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */

/* */

@media (min-width: 1024px) {

:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }

:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}

/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */

@media (min-width: 640px) {

:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }

@media (min-width: 768px) {

:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }

@media (min-width: 1024px) {

:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }

:root {

  --header-accent-scale: .5;
}

@media (min-width: 640px) {

:root {
      --header-accent-scale: 1;
}
  }

@media (min-width: 768px) {

:root {
      --header-accent-scale: 1.2;
}
  }

@media (min-width: 1024px) {

:root {
      --header-accent-scale: 1.5;
}
  }

:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.p-newsletter {
    grid-column: 2 / span 6;
    background-color: var(--color-rose);
    padding: var(--spacing);
    display: flex;
    flex-direction: column;
    margin: var(--spacing) 0;
}

    .p-newsletter input {
        color: black;
        font-style: normal;
    }

    .p-newsletter fieldset {
        border: none;
        padding: 0;
        margin: 0;
    }

    .p-newsletter fieldset label {
            font-size: var(--font-small);
            padding-bottom: calc(var(--spacing) / 6);
            font-weight: bold;
        }

.newsletter-heading {
    font-family: var(--font-heading);
    font-size: var(--font-x-large);
}

.newsletter-subheading {
    font-size: var(--font-x-small);
    max-width: 500px;
    margin-bottom: var(--spacing);
}

.button.newsletter-submit {
    display: inline-flex;
    align-self: flex-end;
    color: white;
    font-style: normal;
}

@media (min-width: 640px) {

:root {
      --grid-padding: 30px;
}
  }

:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}

/* colours */

/* Testimonial colors */

/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */

/* font sizes */

/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */

/* */

@media (min-width: 1024px) {

:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }

:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}

/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */

@media (min-width: 640px) {

:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }

@media (min-width: 768px) {

:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }

@media (min-width: 1024px) {

:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }

:root {

  --header-accent-scale: .5;
}

@media (min-width: 640px) {

:root {
      --header-accent-scale: 1;
}
  }

@media (min-width: 768px) {

:root {
      --header-accent-scale: 1.2;
}
  }

@media (min-width: 1024px) {

:root {
      --header-accent-scale: 1.5;
}
  }

:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.poll-title {
    font-family: var(--font-serif);
    font-size: var(--font-x-large);
    color: var(--color-darkpurple);
    line-height: 1.25em;
    margin-bottom: var(--spacing);
}

.poll-wrapper {
    background-color: var(--color-light-grey);
    grid-column: 1/ span 14;
    /* display: flex; */
    display: grid;
    grid-template-columns: 30px repeat(12, minmax(0, 120px)) minmax(30px, 1fr);
}

@media (min-width: 640px) {

.poll-wrapper {
        display: grid;
        grid-template-columns: 30px repeat(12, minmax(0, 120px)) minmax(30px, 1fr);
        -moz-column-gap: var(--spacing);
             column-gap: var(--spacing)
}
    }

.poll-wrapper c-poll {
        grid-column: 2 / span 12;
        width: 100%;
    }

@media (min-width: 640px) {

.poll-wrapper c-poll {
            margin: var(--spacing) 0
    }
        }

c-poll {
    background-color: var(--color-white);
    padding: var(--spacing);
    grid-column: 2 / span 12;
}

c-poll ul li:nth-child(odd) button,
            c-poll ul li:nth-child(odd) .vote-result {
                background-color: var(--color-opal);
            }

c-poll ul li:nth-child(even) button,
            c-poll ul li:nth-child(even) .vote-result {
                background-color: var(--color-darkpurple);
            }

c-poll button {
        margin-bottom: 1rem;
    }

.poll-question {
    margin-bottom: var(--spacing);
}

.poll-two-columns {
    font-size: var(--font-medium);
}

@media (min-width: 640px) {

.poll-two-columns {
        display: grid;
        grid-column: 2 / span 12;
        grid-template-columns: repeat(2, 1fr)
}
    }

.poll-end-date,
.poll-total-votes {
    display: inline-block;
    color: var(--color-grey);
    font-size: var(--font-x-small);
    margin-right: var(--spacing);
}

.vote-result-wrapper {
    width: 100%;
    height: calc(var(--spacing) * 1.5);
    display: inline-flex;
    position: relative;
    align-items: center;
}

.vote-result {
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 10px;
    display: inline-block;
}

.vote-result-percent {
    display: inline-block; 
    margin-left: calc(var(--spacing) / 2);
    font-size: var(--font-x-small);
    color: var(--color-grey);
}

.vote-option-title {
    font-size: var(--font-x-small);
    display: block;
    margin-bottom: calc(var(--spacing) / 2);
}

@media (min-width: 640px) {

:root {
      --grid-padding: 30px;
}
  }

:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}

/* colours */

/* Testimonial colors */

/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */

/* font sizes */

/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */

/* */

@media (min-width: 1024px) {

:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }

:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}

/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */

@media (min-width: 640px) {

:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }

@media (min-width: 768px) {

:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }

@media (min-width: 1024px) {

:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }

:root {

  --header-accent-scale: .5;
}

@media (min-width: 640px) {

:root {
      --header-accent-scale: 1;
}
  }

@media (min-width: 768px) {

:root {
      --header-accent-scale: 1.2;
}
  }

@media (min-width: 1024px) {

:root {
      --header-accent-scale: 1.5;
}
  }

:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.poll-title {
    font-family: var(--font-serif);
    font-size: var(--font-x-large);
    color: var(--color-darkpurple);
    line-height: 1.25em;
    margin-bottom: var(--spacing);
}

.poll-wrapper {
    background-color: var(--color-light-grey);
    grid-column: 1/ span 14;
    /* display: flex; */
    display: grid;
    grid-template-columns: 30px repeat(12, minmax(0, 120px)) minmax(30px, 1fr);
}

@media (min-width: 640px) {

.poll-wrapper {
        display: grid;
        grid-template-columns: 30px repeat(12, minmax(0, 120px)) minmax(30px, 1fr);
        -moz-column-gap: var(--spacing);
             column-gap: var(--spacing)
}
    }

.poll-wrapper c-poll {
        grid-column: 2 / span 12;
        width: 100%;
    }

@media (min-width: 640px) {

.poll-wrapper c-poll {
            margin: var(--spacing) 0
    }
        }

c-poll {
    background-color: var(--color-white);
    padding: var(--spacing);
    grid-column: 2 / span 12;
}

c-poll ul li:nth-child(odd) button,
            c-poll ul li:nth-child(odd) .vote-result {
                background-color: var(--color-opal);
            }

c-poll ul li:nth-child(even) button,
            c-poll ul li:nth-child(even) .vote-result {
                background-color: var(--color-darkpurple);
            }

c-poll button {
        margin-bottom: 1rem;
    }

.poll-question {
    margin-bottom: var(--spacing);
}

.poll-two-columns {
    font-size: var(--font-medium);
}

@media (min-width: 640px) {

.poll-two-columns {
        display: grid;
        grid-column: 2 / span 12;
        grid-template-columns: repeat(2, 1fr)
}
    }

.poll-end-date,
.poll-total-votes {
    display: inline-block;
    color: var(--color-grey);
    font-size: var(--font-x-small);
    margin-right: var(--spacing);
}

.vote-result-wrapper {
    width: 100%;
    height: calc(var(--spacing) * 1.5);
    display: inline-flex;
    position: relative;
    align-items: center;
}

.vote-result {
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 10px;
    display: inline-block;
}

.vote-result-percent {
    display: inline-block; 
    margin-left: calc(var(--spacing) / 2);
    font-size: var(--font-x-small);
    color: var(--color-grey);
}

.vote-option-title {
    font-size: var(--font-x-small);
    display: block;
    margin-bottom: calc(var(--spacing) / 2);
}

@media (min-width: 640px) {

:root {
      --grid-padding: 30px;
}
  }

:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}

/* colours */

/* Testimonial colors */

/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */

/* font sizes */

/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */

/* */

@media (min-width: 1024px) {

:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }

:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}

/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */

@media (min-width: 640px) {

:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }

@media (min-width: 768px) {

:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }

@media (min-width: 1024px) {

:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }

:root {

  --header-accent-scale: .5;
}

@media (min-width: 640px) {

:root {
      --header-accent-scale: 1;
}
  }

@media (min-width: 768px) {

:root {
      --header-accent-scale: 1.2;
}
  }

@media (min-width: 1024px) {

:root {
      --header-accent-scale: 1.5;
}
  }

:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
@keyframes roundAndRound{
    from {
        transform: scale(calc(500 / calc(500 + (var(--size) * 2)))) rotate(-360deg);
    }
    to {
        transform: scale(calc(500 / calc(500 + (var(--size) * 2)))) rotate(0deg);
    }
}
.rotating-text_wrapper {
        position: absolute;
    }
.rotating-text_wrapper.show-on-the-right {
            width: 250px;
            height: 250px;
            right: 0;
            top: 0;
            overflow: hidden;
            transform: scale(calc(var(--header-accent-scale) * 0.65));
            transform-origin: 100% 0;
        }
.rotating-text_wrapper.show-on-the-right svg {
                margin-top: -250px;
            }
.rotating-text_wrapper.show-on-the-left {
            transform-origin: 0 0;
            transform: scale(calc(var(--header-accent-scale) * 0.4));
        }
.rotating-text_wrapper .rotating-text {
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      animation: 40s linear infinite roundAndRound;
      transform-origin: 50% 50%;
      font-family: var(--font-heading);
      font-size: var(--font-size);
      fill: rgba(0,0,0, .15);
    }
@media (min-width: 640px) {
:root {
      --grid-padding: 30px;
}
  }
:root{
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}
/* colours */
/* Testimonial colors */
/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */
/* font sizes */
/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */
/* */
@media (min-width: 1024px) {
:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }
:root{

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}
/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */
@media (min-width: 640px) {
:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }
@media (min-width: 768px) {
:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }
@media (min-width: 1024px) {
:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }
:root{

  --header-accent-scale: .5;
}
@media (min-width: 640px) {
:root {
      --header-accent-scale: 1;
}
  }
@media (min-width: 768px) {
:root {
      --header-accent-scale: 1.2;
}
  }
@media (min-width: 1024px) {
:root {
      --header-accent-scale: 1.5;
}
  }
:root{
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
c-news-slider,
c-articles-slider {
  --button-width: 60px;
  --button-height: var(--button-width);  

  grid-column: span 14;
  display: block;
  padding: 1rem 0;
  position: relative;
}

  c-news-slider .slider_scroller, c-articles-slider .slider_scroller {
      height: var(--block-dimension);
      width: 100%;
      overflow: scroll hidden;
      scroll-behavior: smooth;
      white-space: nowrap;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      scroll-padding-left: var(--scroll-offset);
    }

  c-news-slider .slider_scroller::-webkit-scrollbar, c-articles-slider .slider_scroller::-webkit-scrollbar {
          display: none;
      }

  c-news-slider .slider_scroller-content, c-articles-slider .slider_scroller-content {
        height: var(--block-dimension);
      }

  c-news-slider .slider_scroller-content > .item-card, c-articles-slider .slider_scroller-content > .item-card {
          scroll-snap-align: start;
        }

  c-news-slider .slider_scroller-content > .item-card:first-child, c-articles-slider .slider_scroller-content > .item-card:first-child {
            margin-left: var(--scroll-offset);
          }

  c-news-slider .slider_scroller-content > .item-card:last-child, c-articles-slider .slider_scroller-content > .item-card:last-child {
          }

  c-news-slider .slider_previous-button,
    c-news-slider .slider_next-button,
    c-articles-slider .slider_previous-button,
    c-articles-slider .slider_next-button {

      position: absolute;
      width: var(--button-width);
      height: var(--button-height);
      top: calc(50% - (var(--button-height) / 2));
      border-radius: 50%;
      border: none;
      outline: none;
      box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);
      background-color: white;

      transition: opacity .2s ease-in-out;
    }

  c-news-slider .slider_previous-button[disabled], c-news-slider .slider_next-button[disabled], c-articles-slider .slider_previous-button[disabled], c-articles-slider .slider_next-button[disabled] {
        opacity: .4;
      }

  c-news-slider .slider_previous-button svg, c-news-slider .slider_next-button svg, c-articles-slider .slider_previous-button svg, c-articles-slider .slider_next-button svg {
            pointer-events: none;
            height: 100%;
            width: 100%;
            fill: var(--color-primary);
            padding: 1rem;
        }

  @media (min-width: 1024px) {

  c-news-slider .slider_previous-button,
    c-news-slider .slider_next-button,
    c-articles-slider .slider_previous-button,
    c-articles-slider .slider_next-button {
        top: 35%
    }
      }@media (min-width: 640px) {:root {
      --grid-padding: 30px;
}
  }:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}/* colours *//* Testimonial colors *//* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. *//* font sizes *//* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 *//* */@media (min-width: 1024px) {:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */@media (min-width: 640px) {:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }@media (min-width: 768px) {:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }@media (min-width: 1024px) {:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }:root {

  --header-accent-scale: .5;
}@media (min-width: 640px) {:root {
      --header-accent-scale: 1;
}
  }@media (min-width: 768px) {:root {
      --header-accent-scale: 1.2;
}
  }@media (min-width: 1024px) {:root {
      --header-accent-scale: 1.5;
}
  }:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.share-buttons {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    font-size: var(--font-small);
    padding: calc(var(--spacing) / 2) 0;
    margin-bottom: var(--spacing);
    border-top: 1px solid var(--color-light-grey);
    border-bottom: 1px solid var(--color-light-grey);
}
    .share-buttons .social-icons {
        display: flex;
        margin-left: var(--spacing);
    }
    .share-buttons a {
        display: flex;
        align-items: center;
        padding: calc(var(--spacing) / 2);
    }
    @media (min-width: 640px) {
    .share-buttons a {
            padding: var(--spacing)
    }
        }
    .share-buttons a span {
            margin-left: 0.5rem;
            display: inline-block;
            width: 100%;
        }
    .share-buttons a:hover {
            background-color: var(--color-light-grey);
            color: var(--color-roman);
        }
    .share-buttons a:hover svg {
                fill: var(--color-roman);
            }@media (min-width: 640px) {:root {
      --grid-padding: 30px;
}
  }:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}/* colours *//* Testimonial colors *//* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. *//* font sizes *//* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 *//* */@media (min-width: 1024px) {:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */@media (min-width: 640px) {:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }@media (min-width: 768px) {:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }@media (min-width: 1024px) {:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }:root {

  --header-accent-scale: .5;
}@media (min-width: 640px) {:root {
      --header-accent-scale: 1;
}
  }@media (min-width: 768px) {:root {
      --header-accent-scale: 1.2;
}
  }@media (min-width: 1024px) {:root {
      --header-accent-scale: 1.5;
}
  }:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.c-testimonial, .c-agenda-item {
    margin:var(--spacing) 0;
    grid-column: 2 / span 12;
    margin-top: calc(var(--spacing) * 2);
    position: relative;
}
    @media (min-width: 1024px) {.c-testimonial, .c-agenda-item {
        margin: 60px 0 calc(var(--spacing) * 5) 0;
        display: grid;
        grid-template-columns: repeat(12, 1fr)
}
    }
    .c-testimonial .column-image, .c-agenda-item .column-image {
        position: relative;
        z-index: 1;
        grid-column: 1 / span 7;
        grid-row: 1;
    }
    @media (min-width: 1024px) {
    .c-testimonial .column-image, .c-agenda-item .column-image {
            margin-bottom: var(--spacing)
    }
        }
    .c-testimonial .column-image img, .c-agenda-item .column-image img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }
    .c-testimonial .column-text, .c-agenda-item .column-text {
        position: relative;
        padding: var(--spacing);
        z-index: 1;
        grid-column: 7 / span 7;
        display: flex;
        flex-direction: column;
        justify-content: center;
        grid-row: 1;
        font-family: var(--font-sans-serif);
    }
    @media (min-width: 1024px) {
    .c-testimonial .column-text, .c-agenda-item .column-text {
            margin-top: var(--spacing);
            padding: calc(var(--spacing) * 2)
    }
        }
    .c-testimonial .column-text .testimonial-heading, .c-agenda-item .column-text .testimonial-heading {
            font-size: var(--font-medium);
            font-weight: bold;
            line-height: 1.6em;
        }
    @media (min-width: 768px) {
    .c-testimonial .column-text .testimonial-heading, .c-agenda-item .column-text .testimonial-heading {
                font-size: var(--font-large)
        }
            }
    @media (min-width: 1280px) {
    .c-testimonial .column-text .testimonial-heading, .c-agenda-item .column-text .testimonial-heading {
                font-size: var(--font-x-large)
        }
            }
    .c-testimonial .column-text.bg--primary, .c-agenda-item .column-text.bg--primary {
            background-color: var(--color-corduroy);
        }
    .c-testimonial .column-text.bg--secondary, .c-agenda-item .column-text.bg--secondary {
            background-color: var(--color-roman);
        }
    .c-testimonial .column-text .testimonial-meta, .c-agenda-item .column-text .testimonial-meta {
            display: block;
            margin-top: calc(var(--spacing) / 2);
            color: var(--color-black);
            opacity: 0.4;
            font-size: var(--font-x-small);
        }
    @media (min-width: 768px) {
    .c-testimonial .column-text .testimonial-meta, .c-agenda-item .column-text .testimonial-meta {
                font-size: var(--font-small)
        }
            }

.c-testimonial .column-text {
        color: rgba(255,255,255, 0.6);
    }

.c-testimonial:before {
        content: '';
        display: block;
        position: absolute;
        height: 60%;
        background-color: var(--color-light-grey);
        top: calc(var(--spacing) * -2);
        z-index: 0;
        width: calc(100vw - var(--scrollbar-width));
        left: calc(-1 * var(--grid-padding));
    }

@media (min-width: 640px){

.c-testimonial:before {
            left: calc(-1 * (var(--nav-width) +  var(--grid-padding)))
    }
        }

@media (min-width: 768px){

.c-testimonial:before {
            left: calc(-1 * (var(--nav-width) + var(--grid-padding) + var(--spacing)))
    }
        }


.c-agenda-item {
    position: relative;
}


.c-agenda-item .column-text {
        background-color: var(--color-light-grey);
        padding-left: calc(var(--spacing) * 4);
    }


@media (min-width: 640px) {


.c-agenda-item .column-text {
            padding-left: calc(var(--spacing) * 5)
    }
        }


.c-agenda-item .column-text .agenda-item-date {
            align-items: flex-start;
            padding-top: var(--spacing);
        }


@media (min-width: 1024px) {


.c-agenda-item .column-text .agenda-item-date {
                align-items: center
        }
            }


.c-agenda-item .agenda-item-heading {
        font-size: var(--font-large);
        font-weight: bold;
        line-height: 1.1em;
        margin-bottom: calc(var(--spacing) / 2);
    }


@media (min-width: 1280px) {


.c-agenda-item .agenda-item-heading {
            font-size: var(--font-x-large)
    }
        }


.c-agenda-item .agenda-item-date-time {
        font-size: var(--font-small);
        margin-bottom: calc(var(--spacing) / 2);
    }


.c-agenda-item .agenda-item-description {
        font-size: var(--font-small);
    }


.c-agenda-item .agenda-item-date { 
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
    }


.c-agenda-item .button {
        margin-top: var(--spacing);
    }


@media (min-width: 640px) {


:root {
      --grid-padding: 30px;
}
  }


:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}


/* colours */


/* Testimonial colors */


/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */


/* font sizes */


/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */


/* */


@media (min-width: 1024px) {


:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }


:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}


/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */


@media (min-width: 640px) {


:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }


@media (min-width: 768px) {


:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }


@media (min-width: 1024px) {


:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }


:root {

  --header-accent-scale: .5;
}


@media (min-width: 640px) {


:root {
      --header-accent-scale: 1;
}
  }


@media (min-width: 768px) {


:root {
      --header-accent-scale: 1.2;
}
  }


@media (min-width: 1024px) {


:root {
      --header-accent-scale: 1.5;
}
  }


:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.event-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
    .event-meta span {
        font-size: var(--font-x-small);
        color: var(--color-grey);
    }
    @media (min-width: 640px) {
    .event-meta span {
            font-size: var(--font-small)
    }
        }@media (min-width: 640px) {:root {
      --grid-padding: 30px;
}
  }:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}/* colours *//* Testimonial colors *//* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. *//* font sizes *//* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 *//* */@media (min-width: 1024px) {:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */@media (min-width: 640px) {:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }@media (min-width: 768px) {:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }@media (min-width: 1024px) {:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }:root {

  --header-accent-scale: .5;
}@media (min-width: 640px) {:root {
      --header-accent-scale: 1;
}
  }@media (min-width: 768px) {:root {
      --header-accent-scale: 1.2;
}
  }@media (min-width: 1024px) {:root {
      --header-accent-scale: 1.5;
}
  }:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.pagination-block {
    padding: var(--spacing);
    background-color: #446374;
    height: var(--block-dimension);
}
    .pagination-block:hover {
        background-color: var(--color-darkpurple);
    }
    .pagination-block div {
        display: flex; 
        justify-content: space-between;
        width: var(--block-dimension);
        height: 300px;
        color: var(--color-white);
    }
    .pagination-block div span {
            font-size: var(--font-large);
            font-family: var(--font-sans-serif);
            max-width: 200px;
        }
    .pagination-block div svg {
            align-self: flex-end;
            width: var(--spacing);
        }@media (min-width: 640px) {:root {
      --grid-padding: 30px;
}
  }:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}/* colours *//* Testimonial colors *//* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. *//* font sizes *//* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 *//* */@media (min-width: 1024px) {:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */@media (min-width: 640px) {:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }@media (min-width: 768px) {:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }@media (min-width: 1024px) {:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }:root {

  --header-accent-scale: .5;
}@media (min-width: 640px) {:root {
      --header-accent-scale: 1;
}
  }@media (min-width: 768px) {:root {
      --header-accent-scale: 1.2;
}
  }@media (min-width: 1024px) {:root {
      --header-accent-scale: 1.5;
}
  }:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
/*
All components have their own *.postcss file
They're all @import'ed here to have a clean @import for all components in ../site.postcss

Order of these @import's should not matter since the components styling should be specific to a component.
*/
@media (min-width: 640px) {
:root {
      --grid-padding: 30px;
}
  }
:root{
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}
/* colours */
/* Testimonial colors */
/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */
/* font sizes */
/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */
/* */
@media (min-width: 1024px) {
:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }
:root{

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}
/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */
@media (min-width: 640px) {
:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }
@media (min-width: 768px) {
:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }
@media (min-width: 1024px) {
:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }
:root{

  --header-accent-scale: .5;
}
@media (min-width: 640px) {
:root {
      --header-accent-scale: 1;
}
  }
@media (min-width: 768px) {
:root {
      --header-accent-scale: 1.2;
}
  }
@media (min-width: 1024px) {
:root {
      --header-accent-scale: 1.5;
}
  }
:root{
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.button {
  display: inline-block;
  padding: 0.75rem 2rem;
  background-color: var(--color-burnt-umber);
  color: var(--color-white);
  font-family: var(--font-heading);
  font-size: var(--font-medium);
  width: -moz-fit-content;
  width: fit-content;
  text-align: left;
  transition: all var(--ease-time) ease-in-out;
}
  .button:hover {
    background-color: var(--color-black);
  }
  @media (min-width: 768px) {.button {
    font-size: var(--font-large)
}
  }
  .button span {
    margin: 0;
    font-family: var(--font-heading);
  }
  button.button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
  }

.button--small {
  padding: 0.5rem 1rem;
  font-size: var(--font-small);
}

@media (min-width: 640px) {

:root {
      --grid-padding: 30px;
}
  }

:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}

/* colours */

/* Testimonial colors */

/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */

/* font sizes */

/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */

/* */

@media (min-width: 1024px) {

:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }

:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}

/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */

@media (min-width: 640px) {

:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }

@media (min-width: 768px) {

:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }

@media (min-width: 1024px) {

:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }

:root {

  --header-accent-scale: .5;
}

@media (min-width: 640px) {

:root {
      --header-accent-scale: 1;
}
  }

@media (min-width: 768px) {

:root {
      --header-accent-scale: 1.2;
}
  }

@media (min-width: 1024px) {

:root {
      --header-accent-scale: 1.5;
}
  }

:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.home header {
        z-index: 30;
    }
    .home .hero-wrapper {
        z-index: 20;
    }
    .home .hero-wrapper .rotating-text {
            fill: rgba(255, 255, 255, .2);
        }
    .home .header-corners::after {
        z-index: -1;
    }
    .home .hero-content {
        margin-bottom: calc((var(--one-column-width) + var(--spacing)) + var(--home-layout-block-shift));
    }

.home-slider-wrapper {
    grid-column: 1 / span 14;
    background-color: var(--color-light-grey);
}

.home-slider-wrapper c-news-slider {
        position: relative;
        z-index: 30;
        margin-top: calc(var(--home-layout-block-shift) * -1);
    }

@media (min-width: 768px) {

.home-slider-wrapper c-news-slider {
            padding-bottom: calc(var(--spacing) * 1)
    }
        }

@media (min-width: 1024px) {

.home-slider-wrapper c-news-slider {                
            padding-bottom: calc(var(--spacing) * 3.5)
    }
        }

@media (min-width: 1280px) {

.home-slider-wrapper c-news-slider {
            padding-bottom: calc(var(--spacing) * 5)
    }
        }

.home-agenda-newsletter-wrapper {
    position: relative;
    grid-column: 2 / span 12;
    row-gap: var(--spacing);
}

.home-agenda-newsletter-wrapper .rotating-text_wrapper {
        left: -50px;
        top: -25px;
    }

@media (min-width: 640px) {

.home-agenda-newsletter-wrapper .rotating-text_wrapper {
            left: -125px;
            top: -100px;
    }
        }

.home-agenda-newsletter-wrapper .rotating-text_wrapper {
        z-index: 2;
}

@media (min-width: 1024px) {

.home-agenda-newsletter-wrapper {
        margin-top: calc((var(--spacing) * 5) * -1);
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        -moz-column-gap: var(--spacing);
             column-gap: var(--spacing);
        grid-column: 2 / span 12
}
    }

.home-agenda-newsletter-wrapper .p-newsletter {
        grid-column: span 6;
        height: -moz-fit-content;
        height: fit-content;
        position: relative;
        z-index: 3;
    }

.home-agenda-newsletter-wrapper .p-agenda {
        grid-column: span 6;
        z-index: 10;
        width: 100%;
    }

@media (min-width: 1024px) {

.home-agenda-newsletter-wrapper .p-agenda {
            margin-top: calc(var(--spacing) * 5)
    } 
        }

@media (min-width: 640px) {

:root {
      --grid-padding: 30px;
}
  }

:root {
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}

/* colours */

/* Testimonial colors */

/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */

/* font sizes */

/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */

/* */

@media (min-width: 1024px) {

:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }

:root {

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}

/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */

@media (min-width: 640px) {

:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }

@media (min-width: 768px) {

:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }

@media (min-width: 1024px) {

:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }

:root {

  --header-accent-scale: .5;
}

@media (min-width: 640px) {

:root {
      --header-accent-scale: 1;
}
  }

@media (min-width: 768px) {

:root {
      --header-accent-scale: 1.2;
}
  }

@media (min-width: 1024px) {

:root {
      --header-accent-scale: 1.5;
}
  }

:root {
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

/* blocks */
/* partials */
/* */
/* Pages */
@media (min-width: 640px) {
:root {
      --grid-padding: 30px;
}
  }
:root{
  --max-column-width: 120px;
  --color-white: #ffffff;
  --color-black: #000000;
  --nav-color: #1C1848;
  --button-color: #86233A;
  --button-color-hover: #671A2D;
  --color-opal: #AECCC5;
  --color-burnt-umber: #86233A;
  --color-light-grey: #F2F2F2;
  --color-grey: #737373;
  --color-green: #17392E;
  --color-blue: #456374;
  --color-darkpurple: #2C153E;
  --color-spring-rain: #A4CAAF;
  --color-corduroy: #5C6F6C;
  --color-roman: #DD675B;
  --color-rose: #EBC5C3;
  --font-x-small: 14px;
  --font-small: 20px;
  --font-medium: 24px;
  --font-large: 28px;
  --font-x-large: 40px;
  --font-xx-large: 50px;
  --font-xxx-large: 60px;
  --main-layout-padding: 1.5rem;
  --main-layout-maxwidth: 1222px;

  --scrollbar-width: 0px;

  --home-layout-block-shift: calc(var(--spacing) * 2);
}
/* colours */
/* Testimonial colors */
/* Note:
  Primary / secondary.. etc
  testimonial color 1, btn-color.. etc.. */
/* font sizes */
/* Note:
  1 schaal voor fontsizes mobile / bv factor 0.8 */
/* */
@media (min-width: 1024px) {
:root {
      --home-layout-block-shift: calc(var(--spacing) * 3.5);
}
  }
:root{

  --all-grid-margins: calc(
    (13 * var(--spacing)) + (2 * var(--grid-padding)) + var(--scrollbar-width)
  );
  --one-column-width: min(120px, calc((100vw - var(--all-grid-margins) - var(--nav-width)) / 12 ));

  --block-dimension: max(280px, calc((10 * var(--one-column-width)) + (9 * var(--spacing))));
}
/* @media (--x-large-screens-and-bigger) {
      --home-layout-block-shift: 0px;
  } */
@media (min-width: 640px) {
:root {
    --block-dimension: calc((8 * var(--one-column-width)) + (7 * var(--spacing)));
}
  }
@media (min-width: 768px) {
:root {
    --block-dimension: calc((6 * var(--one-column-width)) + (5 * var(--spacing)));
}
  }
@media (min-width: 1024px) {
:root {
    --block-dimension: calc((4 * var(--one-column-width)) + (3 * var(--spacing)));
}
  }
:root{

  --header-accent-scale: .5;
}
@media (min-width: 640px) {
:root {
      --header-accent-scale: 1;
}
  }
@media (min-width: 768px) {
:root {
      --header-accent-scale: 1.2;
}
  }
@media (min-width: 1024px) {
:root {
      --header-accent-scale: 1.5;
}
  }
:root{
  --font-sans-serif: 'Satoshi';
  --font-serif: 'Playfair';  
  --font-heading: 'Tanker';

  --ease-time: 0.25s;
  --image-dampener: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --image-dampener-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}