* {
    box-sizing:border-box;
    font-size:inherit;
    font-family:inherit;
    color:inherit;
    margin:0;
    padding:0;
    border:0 solid;
    scroll-margin:inherit;
}

 *::after {
    box-sizing:border-box;
    font-size:inherit;
    font-family:inherit;
    color:inherit;
    margin:0;
    padding:0;
    border:0 solid;
    scroll-margin:inherit;
}

 *::before {
    box-sizing:border-box;
    font-size:inherit;
    font-family:inherit;
    color:inherit;
    margin:0;
    padding:0;
    border:0 solid;
    scroll-margin:inherit;
}

body {
    --scroll-margin-top:calc(var(--s10) + var(--s8) + var(--s0));
    scroll-margin-block-start:var(--scroll-margin-top);
    background-color:var(--color-bg-default);
}

img {
    font-style:italic;
    max-inline-size:100%;
    width:auto;
    height:auto;
}

code {
    font-family:monospace;
}


:root {
    --responsive-min-width:320px;
    --responsive-max-width:var(--max-screen-width);
    --max-screen-width-pixels:1200;
    --max-screen-width:calc(var(--max-screen-width-pixels) * 1.1px);
    --max-screen-height:800px;
    --measure:65ch;
    --font-plain:"Lato", sans-serif;
    --font-special:"Silka", sans-serif;
}


:root {
    --root-font-size:18px;
    --ratio:1.1547005383792515;
    --smin:calc(var(--s-6) / 2);
    --s-6:calc(var(--s-5) / var(--ratio));
    --s-5:calc(var(--s-4) / var(--ratio));
    --s-4:calc(var(--s-3) / var(--ratio));
    --s-3:calc(var(--s-2) / var(--ratio));
    --s-2:calc(var(--s-1) / var(--ratio));
    --s-1:calc(var(--s0) / var(--ratio));
    --s0:var(--root-font-size);
    --s1:calc(var(--s0) * var(--ratio));
    --s2:calc(var(--s1) * var(--ratio));
    --s3:calc(var(--s2) * var(--ratio));
    --s4:calc(var(--s3) * var(--ratio));
    --s5:calc(var(--s4) * var(--ratio));
    --s6:calc(var(--s5) * var(--ratio));
    --s7:calc(var(--s6) * var(--ratio));
    --s8:calc(var(--s7) * var(--ratio));
    --s9:calc(var(--s8) * var(--ratio));
    --s10:calc(var(--s9) * var(--ratio));
    --s11:calc(var(--s10) * var(--ratio));
    --s12:calc(var(--s11) * var(--ratio));
    --smax:var(--s12);
    --sgap:max(18px, var(--xd-grid-gutter-width));
    --r-4:calc(var(--r-3) / var(--ratio));
    --r-3:calc(var(--r-2) / var(--ratio));
    --r-2:calc(var(--r-1) / var(--ratio));
    --r-1:calc(var(--r0) / var(--ratio));
    --r0:1em;
    --r1:calc(var(--r0) * var(--ratio));
    --r2:calc(var(--r1) * var(--ratio));
    --r3:calc(var(--r2) * var(--ratio));
    --r4:calc(var(--r3) * var(--ratio));
    --xd-grid-columns-total:12;
    --xd-grid-width-in-gutters:calc(var(--xd-grid-columns-total) * 3 + (var(--xd-grid-columns-total) - 1) * 1);
    --xd-grid-gutter-width:calc(1 * var(--page-content-width) / var(--xd-grid-width-in-gutters));
    --xd-grid-column-width:calc(3 * var(--page-content-width) / var(--xd-grid-width-in-gutters));
    --standard-line-height:var(--s3);
    --heading-line-height:1.2;
    --border-thin:1px;
    --border-thick:2px;
    --border-radius:calc(var(--ratio) * 5px);
    --button-border-radius:var(--s2);
    --rotation-default:8deg;
    --cta-sticker-diameter:6rem;
    --mobile-menu-bar-height:var(--s10);
    font-size:var(--root-font-size);
    --page-content-width:min(
        var(--max-page-content-width),
        calc(100vw - 2 * var(--page-min-horizontale-margin))
      );
    --max-page-content-width:min(90rem, var(--responsive-max-width));
    --page-min-horizontale-margin:max(18px, 2vw);
}
@media screen and (max-width: 1024px){
:root {
    --root-font-size:17px;
}
}@media screen and (max-width: 768px){
:root {
    --root-font-size:16px;
}
}

:root {
    --sw-teal--25:color-mix(in srgb, var(--sw-teal), #000 25%);
    --sw-teal--25 :#0b685c;
    --sw-teal:#008674;
    --sw-teal-rgb:0,134,116;
    --sw-teal-75:color-mix(in srgb, var(--sw-teal), #fff 25%);
    --sw-teal-75 :#4aa89b;
    --sw-teal-45:color-mix(in srgb, var(--sw-teal), #fff 55%);
    --sw-teal-45 :#93cbc3;
    --sw-teal-15:color-mix(in srgb, var(--sw-teal), #fff 85%);
    --sw-teal-15 :#dbeeeb;
    --sw-oranje--25:#bc5820;
    --sw-oranje:#fa752b;
    --sw-oranje-rgb:250, 117, 43;
    --sw-oranje-75:#fb9860;
    --sw-oranje-45:#fdc1a0;
    --sw-oranje-15:#feeadf;
    --sw-blauw--25:#0077aa;
    --sw-blauw:#009ee3;
    --sw-blauw-rgb:0, 158, 227;
    --sw-blauw-75:#40b6ea;
    --sw-blauw-45:#8cd3f2;
    --sw-blauw-25:#bfe7f8;
    --sw-blauw-15:#d9f0fb;
    --sw-navy--25:#004777;
    --sw-navy:rgb(var(--sw-navy-rgb));
    --sw-navy-rgb:0, 94, 158;
    --sw-navy-75:#4086b6;
    --sw-navy-45:#8cb7d3;
    --sw-navy-15:#d9e7f0;
    --sw-bruin--25:#6b370f;
    --sw-bruin:#8f4914;
    --sw-bruin-rgb:143, 73, 20;
    --sw-bruin-75:#ab774f;
    --sw-bruin-45:#cdad95;
    --sw-bruin-15:#eee4dc;
    --sw-paars--25:#793f79;
    --sw-paars:#a154a1;
    --sw-paars-rgb:161, 84, 161;
    --sw-paars-75:#b97fb9;
    --sw-paars-45:#d5b2d5;
    --sw-paars-15:#f1e5f1;
    --sw-fuchsia--25:#95053d;
    --sw-fuchsia:#c60651;
    --sw-fuchsia-rgb:198, 6, 81;
    --sw-fuchsia-75:#d4447d;
    --sw-fuchsia-45:#e58fb1;
    --sw-fuchsia-15:#f6dae5;
    --sw-geel--25:#bf8700;
    --sw-geel:#ffb400;
    --sw-geel-rgb:255, 180, 0;
    --sw-geel-75:#ffc740;
    --sw-geel-45:#ffdd8c;
    --sw-geel-15:#fff4d9;
    --sw-rood--25:#9b2320;
    --sw-rood:#ce2e2b;
    --sw-rood-rgb:206, 46, 43;
    --sw-rood-75:#da6260;
    --sw-rood-45:#e9a1a0;
    --sw-rood-15:#f8e0df;
    --sw-groen--25:#2b7e2f;
    --sw-groen:#3aa93f;
    --sw-groen-rgb:58, 169, 63;
    --sw-groen-75:#6bbe6f;
    --sw-groen-45:#88cb8b;
    --sw-groen-15:#cde9cf;
    --sw-wit:#ffffff;
    --sw-grijs-5:#f2f2f2;
    --sw-grijs-5-rgb:242, 242, 242;
    --sw-grijs-10:#e6e6e6;
    --sw-grijs-20:#cccccc;
    --sw-grijs-30:#b3b3b3;
    --sw-grijs-40:#999999;
    --sw-grijs:#808080;
    --sw-grijs-60:#666666;
    --sw-grijs-70:#4d4d4d;
    --sw-grijs-80:#333333;
    --sw-grijs-90:#191919;
    --sw-grijs-95:#0d0d0d;
    --sw-zwart:#000000;
    --sw-grijs-blauw:#eff6f7;
    --sw-grijs-blauw--10:#ebf1f2;
    --sw-web-blauw--25:#005aad;
    --sw-web-blauw:#0069ba;
    --sw-web-blauw-rgb:0, 105, 186;
    --sw-web-blauw-donker:#002944;
    --sw-web-blauw-donker-rgb:0, 41, 68;
    --sw-text:var(--sw-web-blauw-donker);
    --sw-text-heading:rgb(var(--sw-web-blauw-donker-rgb));
    --sw-text-light:rgba(var(--sw-web-blauw-donker-rgb), 0.8);
    --sw-text-lighter:rgba(var(--sw-web-blauw-donker-rgb), 0.65);
    --sw-text-link:var(--sw-web-blauw);
    --sw-text-teal:var(--sw-teal);
    --section--bg-grijs-blauw:var(--sw-grijs-blauw);
    --section--bg-teal:var(--sw-teal-15);
    --section--bg-blauw:var(--sw-blauw-15);
    --section--bg-oranje:var(--sw-oranje-15);
    --section--bg-wit:var(--sw-wit);
    --section--bg-rood:var(--sw-rood-15);
    --section--bg-groen:var(--sw-groen-15);
    --section--bg-geel:var(--sw-geel-15);
    --section--bg-navy:var(--sw-navy-15);
    --section--bg-bruin:var(--sw-bruin-15);
    --section--bg-paars:var(--sw-paars-15);
    --section--bg-fuchsia:var(--sw-fuchsia-15);
    --card--bg-grijs-blauw:var(--sw-grijs-blauw);
    --card--bg-blauw:var(--sw-blauw-15);
    --card--bg-teal:var(--sw-teal-15);
    --card--bg-wit:var(--sw-wit);
    --card--bg-oranje:var(--sw-oranje-15);
    --form--bg:var(--sw-teal-15);
    --color-text:var(--sw-text);
    --color-bg-default:var(--sw-wit);
    --color-bg-light:var(--sw-grijs-10);
    --color-border-dark:var(--sw-grijs);
    --color-border-medium:var(--sw-grijs-20);
    --color-border-light:rgba(var(--sw-navy-rgb), 0.08);
    --color-link:var(--sw-navy);
    --color-success:var(--sw-groen);
    --color-success-bg:var(--sw-groen-45);
    --color-error:var(--sw-rood);
    --color-error-bg:var(--sw-rood-45);
    --shadow-color:0deg 0% 63%;
    --shadow-elevation-low:0.6px 0.6px 1px hsl(var(--shadow-color) / 0.34), 0.9px 0.9px 1.4px -1.2px hsl(var(--shadow-color) / 0.34), 2.2px 2.2px 3.5px -2.5px hsl(var(--shadow-color) / 0.34);
    --shadow-elevation-medium:0.6px 0.6px 1px hsl(var(--shadow-color) / 0.36), 1.8px 1.8px 2.9px -0.8px hsl(var(--shadow-color) / 0.36), 4.5px 4.6px 7.2px -1.7px hsl(var(--shadow-color) / 0.36), 11px 11.1px 17.6px -2.5px hsl(var(--shadow-color) / 0.36);
    --shadow-elevation-high:0.6px 0.6px 1px hsl(var(--shadow-color) / 0.34), 3.2px 3.2px 5.1px -0.4px hsl(var(--shadow-color) / 0.34), 6px 6px 9.5px -0.7px hsl(var(--shadow-color) / 0.34), 9.8px 9.9px 15.7px -1.1px hsl(var(--shadow-color) / 0.34), 15.7px 15.9px 25.1px -1.4px hsl(var(--shadow-color) / 0.34), 24.6px 24.8px 39.3px -1.8px hsl(var(--shadow-color) / 0.34), 37.4px 37.7px 59.7px -2.1px hsl(var(--shadow-color) / 0.34), 55px 55.5px 87.9px -2.5px hsl(var(--shadow-color) / 0.34);
}


span.icon {
    font-family:"icons" !important;
    speak:never;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    text-decoration:none !important;
    vertical-align:baseline;
    line-height:inherit;
    letter-spacing:0;
    -webkit-font-feature-settings:"liga";
    -moz-font-feature-settings:"liga=1";
    -ms-font-feature-settings:"liga" 1;
    font-feature-settings:"liga";
    -webkit-font-variant-ligatures:discretionary-ligatures;
    font-variant-ligatures:discretionary-ligatures;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

 [icon]:before {
    font-family:"icons" !important;
    speak:never;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    text-decoration:none !important;
    vertical-align:baseline;
    line-height:inherit;
    letter-spacing:0;
    -webkit-font-feature-settings:"liga";
    -moz-font-feature-settings:"liga=1";
    -ms-font-feature-settings:"liga" 1;
    font-feature-settings:"liga";
    -webkit-font-variant-ligatures:discretionary-ligatures;
    font-variant-ligatures:discretionary-ligatures;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

 [icon-after]:after {
    font-family:"icons" !important;
    speak:never;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    text-decoration:none !important;
    vertical-align:baseline;
    line-height:inherit;
    letter-spacing:0;
    -webkit-font-feature-settings:"liga";
    -moz-font-feature-settings:"liga=1";
    -ms-font-feature-settings:"liga" 1;
    font-feature-settings:"liga";
    -webkit-font-variant-ligatures:discretionary-ligatures;
    font-variant-ligatures:discretionary-ligatures;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    display:inline-grid;
    place-items:center;
}

[icon]:before {
    display:inline-grid;
    place-items:center;
    content:attr(icon);
}

[icon-after]:after {
    content:attr(icon-after);
}

a[icon]:before {
    display:inline-block;
}

 a[icon-after]:after {
    display:inline-block;
}

[icon]:not([icon^="chevron"]):not(:empty):before {
    margin-inline-end:0.4em;
}

[icon-after]:not(:empty):after {
    margin-inline-start:0.4em;
}

[icon].rotate::before {
    animation:rotate-like-hourglass 2s linear infinite;
}

[icon].htmx-request {
    filter:blur(1px);
}

[icon].htmx-request:before {
    content:"";
    display:inline-block;
    margin-right:0.5rem;
    width:1rem;
    height:1rem;
    border:0.15rem solid currentColor;
    border-right-color:transparent;
    border-radius:50%;
    animation:rotate 0.8s linear infinite;
}


body {
    text-rendering:optimizeLegibility;
}

.bold {
    font-weight:bold;
}

.italic {
    font-style:italic;
}

.underline {
    text-decoration:underline;
}

p {
    letter-spacing:calc(0.43 * 1em / 18);
    font-weight:400;
    font-family:var(--font-plain);
    color:var(--sw-text);
    line-height:var(--standard-line-height);
}

 :root {
    letter-spacing:calc(0.43 * 1em / 18);
    font-weight:400;
    font-family:var(--font-plain);
    color:var(--sw-text);
    line-height:var(--standard-line-height);
}

 .font-plain {
    letter-spacing:calc(0.43 * 1em / 18);
    font-weight:400;
    font-family:var(--font-plain);
    color:var(--sw-text);
    line-height:var(--standard-line-height);
}

 .font-0 {
    letter-spacing:calc(0.43 * 1em / 18);
    font-weight:400;
    font-family:var(--font-plain);
    color:var(--sw-text);
    line-height:var(--standard-line-height);
}

 .font-2 {
    letter-spacing:calc(0.43 * 1em / 18);
    font-weight:400;
    font-family:var(--font-plain);
    color:var(--sw-text);
    line-height:var(--standard-line-height);
}

.font-0 {
    font-size:var(--s0);
}

.font-2 {
    font-size:var(--s0);
}

.text-dark {
    --color-text:var(--sw-text);
}

.text-teal {
    --color-text:var(--sw-teal);
}

.heading-teal {
    --color-heading:var(--sw-teal);
}

.heading-dark {
    --color-heading:var(--sw-text-heading);
}

.oranje {
    color:var(--sw-oranje);
}

.teal {
    color:var(--sw-teal);
}

.blauw {
    color:var(--sw-blauw);
}

.geel {
    color:var(--sw-geel);
}

.navy {
    color:var(--sw-navy);
}

.paars {
    color:var(--sw-paars);
}

.fuchsia {
    color:var(--sw-fuchsia);
}

h1 {
    letter-spacing:calc(0.43 * 1em / 18);
    font-weight:400;
    font-family:var(--font-special);
    color:var(--color-heading, var(--sw-text-heading));
    font-size:var(--heading-font-size);
    line-height:var(--heading-line-height);
    text-wrap:balance;
    --heading-font-size:var(--heading-1-font-size);
    --heading-line-height:var(--heading-1-line-height);
}

 h2 {
    letter-spacing:calc(0.43 * 1em / 18);
    font-weight:400;
    font-family:var(--font-special);
    color:var(--color-heading, var(--sw-text-heading));
    font-size:var(--heading-font-size);
    line-height:var(--heading-line-height);
    text-wrap:balance;
}

 h3 {
    letter-spacing:calc(0.43 * 1em / 18);
    font-weight:400;
    font-family:var(--font-special);
    color:var(--color-heading, var(--sw-text-heading));
    font-size:var(--heading-font-size);
    line-height:var(--heading-line-height);
    text-wrap:balance;
}

 h4 {
    letter-spacing:calc(0.43 * 1em / 18);
    font-weight:400;
    font-family:var(--font-special);
    color:var(--color-heading, var(--sw-text-heading));
    font-size:var(--heading-font-size);
    line-height:var(--heading-line-height);
    text-wrap:balance;
}

 h5 {
    letter-spacing:calc(0.43 * 1em / 18);
    font-weight:400;
    font-family:var(--font-special);
    color:var(--color-heading, var(--sw-text-heading));
    font-size:var(--heading-font-size);
    line-height:var(--heading-line-height);
    text-wrap:balance;
}

 .heading-1 {
    letter-spacing:calc(0.43 * 1em / 18);
    font-weight:400;
    font-family:var(--font-special);
    color:var(--color-heading, var(--sw-text-heading));
    font-size:var(--heading-font-size);
    line-height:var(--heading-line-height);
    text-wrap:balance;
    --heading-font-size:var(--heading-1-font-size);
    --heading-line-height:var(--heading-1-line-height);
}

 .heading-2 {
    letter-spacing:calc(0.43 * 1em / 18);
    font-weight:400;
    font-family:var(--font-special);
    color:var(--color-heading, var(--sw-text-heading));
    font-size:var(--heading-font-size);
    line-height:var(--heading-line-height);
    text-wrap:balance;
    --heading-font-size:var(--heading-2-font-size);
    --heading-line-height:var(--heading-2-line-height);
}

 .heading-3 {
    letter-spacing:calc(0.43 * 1em / 18);
    font-weight:400;
    font-family:var(--font-special);
    color:var(--color-heading, var(--sw-text-heading));
    font-size:var(--heading-font-size);
    line-height:var(--heading-line-height);
    text-wrap:balance;
    --heading-font-size:var(--heading-3-font-size);
    --heading-line-height:var(--heading-3-line-height);
}

 .heading-4 {
    letter-spacing:calc(0.43 * 1em / 18);
    font-weight:400;
    font-family:var(--font-special);
    color:var(--color-heading, var(--sw-text-heading));
    font-size:var(--heading-font-size);
    line-height:var(--heading-line-height);
    text-wrap:balance;
    --heading-font-size:var(--heading-4-font-size);
    --heading-line-height:var(--heading-4-line-height);
}

 .heading-5 {
    letter-spacing:calc(0.43 * 1em / 18);
    font-weight:400;
    font-family:var(--font-special);
    color:var(--color-heading, var(--sw-text-heading));
    font-size:var(--heading-font-size);
    line-height:var(--heading-line-height);
    text-wrap:balance;
    --heading-font-size:var(--heading-5-font-size);
    --heading-line-height:var(--heading-5-line-height);
}

:root {
    --heading-1-font-size:var(--s4);
    --heading-1-line-height:var(--heading-line-height);
    --heading-2-font-size:var(--s3);
    --heading-2-line-height:var(--heading-line-height);
    --heading-3-font-size:var(--s2);
    --heading-3-line-height:var(--heading-line-height);
    --heading-4-font-size:var(--s0);
    --heading-4-line-height:var(--standard-line-height);
    --heading-5-font-size:var(--s0);
    --heading-5-line-height:var(--standard-line-height);
}

h2 {
    --heading-font-size:var(--heading-2-font-size);
    --heading-line-height:var(--heading-2-line-height);
}

h3 {
    --heading-font-size:var(--heading-3-font-size);
    --heading-line-height:var(--heading-3-line-height);
}

h4 {
    --heading-font-size:var(--heading-4-font-size);
    --heading-line-height:var(--heading-4-line-height);
}

h5 {
    --heading-font-size:var(--heading-5-font-size);
    --heading-line-height:var(--heading-5-line-height);
}

strong {
    font-weight:800;
}

blockquote {
    position:relative;
    font-family:var(--font-special);
}

blockquote::before {
    position:absolute;
    left:-1ch;
    content:"\201C";
}

blockquote::after {
    position:relative;
    left:0.5ch;
    content:"\201D";
}

sup {
    font-size:0.8em;
    position:relative;
    top:-0.5em;
    vertical-align:top;
}

@font-face {
  font-family: "icons";
  src: url("https://uploads.seniorweb.nl/filestorage/fonts/icons/icons.woff?v3") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Silka";
  font-display: swap;
  src:
    url("https://uploads.seniorweb.nl/filestorage/fonts/silka/silka-medium-webfont.woff2") format("woff2"),
    url("https://uploads.seniorweb.nl/filestorage/fonts/silka/silka-medium-webfont.woff") format("woff");
}

@font-face {
  font-family: "Lato";
  font-weight: 400; /*normal*/
  font-display: swap;
  src:
    url("https://uploads.seniorweb.nl/filestorage/fonts/lato/lato-regular.woff2") format("woff2"),
    url("https://uploads.seniorweb.nl/filestorage/fonts/lato/lato-regular.woff") format("woff");
}

@font-face {
  font-family: "Lato";
  font-weight: 400; /*normal*/
  font-style: italic;
  font-display: swap;
  src:
    url("https://uploads.seniorweb.nl/filestorage/fonts/lato/lato-italic.woff2") format("woff2"),
    url("https://uploads.seniorweb.nl/filestorage/fonts/lato/lato-italic.woff") format("woff");
}

@font-face {
  font-family: "Lato";
  font-weight: 500; /*medium*/
  font-display: swap;
  src:
    url("https://uploads.seniorweb.nl/filestorage/fonts/lato/lato-medium.woff2") format("woff2"),
    url("https://uploads.seniorweb.nl/filestorage/fonts/lato/lato-medium.woff") format("woff");
}

@font-face {
  font-family: "Lato";
  font-weight: 500; /*medium*/
  font-style: italic;
  font-display: swap;
  src:
    url("https://uploads.seniorweb.nl/filestorage/fonts/lato/lato-mediumitalic.woff2") format("woff2"),
    url("https://uploads.seniorweb.nl/filestorage/fonts/lato/lato-mediumitalic.woff") format("woff");
}

@font-face {
  font-family: "Lato";
  font-weight: 600; /*semibold*/
  font-display: swap;
  src:
    url("https://uploads.seniorweb.nl/filestorage/fonts/lato/lato-semibold.woff2") format("woff2"),
    url("https://uploads.seniorweb.nl/filestorage/fonts/lato/lato-semibold.woff") format("woff");
}

@font-face {
  font-family: "Lato";
  font-weight: 600; /*semibold*/
  font-style: italic;
  font-display: swap;
  src:
    url("https://uploads.seniorweb.nl/filestorage/fonts/lato/lato-semibolditalic.woff2") format("woff2"),
    url("https://uploads.seniorweb.nl/filestorage/fonts/lato/lato-semibolditalic.woff") format("woff");
}

/*

 light
regular
 medium
semibold
bold

*/

@font-face {
  font-family: "Lato";
  font-weight: 700; /*bold*/
  font-display: swap;
  src:
    url("https://uploads.seniorweb.nl/filestorage/fonts/lato/lato-bold.woff2") format("woff2"),
    url("https://uploads.seniorweb.nl/filestorage/fonts/lato/lato-bold.woff") format("woff");
}

@font-face {
  font-family: "Lato";
  font-weight: 700; /*bold*/
  font-style: italic;
  font-display: swap;
  src:
    url("https://uploads.seniorweb.nl/filestorage/fonts/lato/lato-bolditalic.woff2") format("woff2"),
    url("https://uploads.seniorweb.nl/filestorage/fonts/lato/lato-bolditalic.woff") format("woff");
}


hr {
    display:block;
    height:0px;
    border-top:1px solid var(--color-border-medium);
    max-width:var(--page-content-width);
    margin:auto;
}

details {
    --duration:.2s;
    inline-size:auto;
}
@media (prefers-reduced-motion: no-preference){
details {
    interpolate-size:allow-keywords;
}
}
details::details-content {
    opacity:0;
    block-size:0;
    overflow-y:clip;
    transition:content-visibility var(--duration) allow-discrete, opacity var(--duration), block-size var(--duration);
}

details[open]::details-content {
    opacity:1;
    block-size:auto;
}

details[open] > summary .hide-when-open {
    display:none;
}

details:not([open]) > summary .show-when-open {
    display:none;
}

details > summary:first-of-type {
    list-style-type:none;
}

details summary::-webkit-details-marker {
    display:none;
}

blur {
    filter:blur(4px);
}

no-wrap {
    white-space:nowrap;
}

.ql-snow .ql-tooltip {
    z-index:1000;
}

[x-cloak] {
    display:none !important;
}

.screen-reader {
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    white-space:nowrap;
    width:1px;
}

.screen-reader-focusable:active {
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    white-space:normal;
    width:auto;
}

 .screen-reader-focusable:focus {
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    white-space:normal;
    width:auto;
}

  @keyframes rotate {
    to {
      transform: rotate(360deg);
    }
  }

  @keyframes shine {
    0% {
      opacity: 1;
      left: -100%;
      transition-property: left, opacity;
      transition-duration: 0.8s, 0.15s;
      transition-timing-function: ease;
    }
    100% {
      opacity: 0;
      left: 200%;
      transition-property: left, opacity;
    }
  }
@media only screen and (min-width: 900.5px) {
.show-on-mobile {
    display:none !important;
}
}@media only screen and (max-width: 900px) {
.hide-on-mobile {
    display:none !important;
}
}
.only_on_small {
    display:block;
}

.only_on_large {
    display:none !important;
}

 .only_on_medium {
    display:none !important;
}

 .not_on_small {
    display:none !important;
}

.not_on_medium {
    display:inline-block !important;
}

 .not_on_large {
    display:inline-block !important;
}
@media screen and (min-width: 650px) {
.only_on_small {
    display:none !important;
}
}@media screen and (min-width: 650px) {
 .only_on_large {
    display:none !important;
}
}@media screen and (min-width: 650px) {
 .not_on_medium {
    display:none !important;
}
}@media screen and (min-width: 650px) {
.only_on_medium {
    display:inline-block !important;
}
}@media screen and (min-width: 650px) {
 .not_on_small {
    display:inline-block !important;
}
}@media screen and (min-width: 900px) {
.only_on_small {
    display:none !important;
}
}@media screen and (min-width: 900px) {
 .only_on_medium {
    display:none !important;
}
}@media screen and (min-width: 900px) {
 .not_on_large {
    display:none !important;
}
}@media screen and (min-width: 900px) {
.only_on_large {
    display:inline-block !important;
}
}@media screen and (min-width: 900px) {
 .not_on_small {
    display:inline-block !important;
}
}@media screen and (min-width: 900px) {
 .not_on_medium {
    display:inline-block !important;
}
}

.logo-for-prints {
    display:none;
}

@media print {
  .print-never {
    display: none !important;
  }
  /* vul hierin andere overrides voor default printdialog */
}

form.htmx-request .inner-form button[type=submit][disabled] {
    display:flex;
    justify-content:center;
    align-items:center;
}

form.htmx-request .inner-form button[type=submit][disabled].btn {
    background-color:var(--sw-web-blauw--25);
    border-color:var(--sw-web-blauw--25);
}

form.htmx-request .inner-form button[type=submit][disabled].btn-secondary {
    background-color:var(--sw-grijs-10);
    border-color:var(--sw-grijs-10);
}

form.htmx-request .inner-form button[type=submit][disabled].btn-cta {
    background-color:var(--sw-oranje--25);
    border-color:var(--sw-oranje--25);
}

form.htmx-request .inner-form button[type=submit][disabled]::before {
    content:'';
    display:inline-block;
    margin-right:0.5rem;
    width:1rem;
    height:1rem;
    border:0.15rem solid currentColor;
    border-right-color:transparent;
    border-radius:50%;
    animation:rotate .8s linear infinite;
}

form .inner-form {
    ---form-focus-color:rgba(var(--sw-web-blauw-donker-rgb),0.5);
    ---sw-accent:var(--sw-teal);
    accent-color:var(---sw-accent);
    font-family:var(--sw-text);
    color:var(--sw-text);
    padding:var(--s4);
    background-color:var(--form--bg);
}

form .inner-form sup {
    color:var(--sw-rood);
    vertical-align:baseline;
    margin-left:var(--smin);
    font-size:inherit;
    position:initial;
}

form .inner-form p {
    margin-top:var(--s-4);
}

form .inner-form p sup {
    margin:0;
}

form .inner-form h2 {
    margin-bottom:var(--s4);
    padding-bottom:var(--s0);
    border-bottom:1px solid var(--color-border-medium);
}

form .inner-form h4 {
    margin-top:var(--s0);
    margin-bottom:var(--s0);
}

form .inner-form button {
    margin-top:var(--s0);
    width:100%;
}

form .inner-form .btn-inline-wrapper {
    flex-direction:column;
    gap:var(--sgap);
}

form .inner-form .btn-inline-wrapper * {
    margin-top:0;
    width:auto;
}

form .inner-form .btn-inline-wrapper .btn-cta {
    width:100%;
}
@media screen and (max-width: 768px){
form .inner-form .btn-inline-wrapper {
    flex-direction:row-reverse;
}
}@media screen and (max-width: 768px){
form .inner-form .btn-inline-wrapper .btn-cta {
    width:auto;
}
}@media screen and (max-width: 425px){
form .inner-form .btn-inline-wrapper {
    flex-direction:column;
    gap:var(--sgap);
}
}@media screen and (max-width: 425px){
form .inner-form .btn-inline-wrapper .btn-cta {
    width:100%;
}
}
form .inner-form a {
    text-decoration:underline dotted;
    text-underline-offset:calc(3 / 18 * 1em);
    color:var(--sw-text);
}

form .inner-form a[icon="info"] {
    text-decoration:none;
}

form .inner-form a[icon="info"]::before {
    color:var(--sw-text-link);
    font-size:var(--s1);
    float:right;
    margin-inline-start:var(--s0);
}

form .inner-form li {
    margin-left:var(--s0);
}

form .inner-form fieldset {
    margin-top:var(--s0);
}

form .inner-form fieldset .street-wrapper {
    margin-top:var(--s0);
}

form .inner-form fieldset .contact-info-grid {
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    gap:var(--sgap);
    margin-bottom:var(--s0);
}

form .inner-form fieldset .contact-info-grid.no-gap {
    gap:0;
}

form .inner-form fieldset .contact-info-grid .form-row {
    display:flex;
    flex-wrap:wrap;
    margin:0;
}

form .inner-form fieldset .contact-info-grid .form-row label {
    margin:0 0 var(--s-4) 0;
    padding:0;
    font-weight:bold;
    width:20ch;
}

form .inner-form fieldset.bordered-fieldset {
    padding-top:var(--s-2);
}

form .inner-form fieldset.bordered-fieldset legend {
    border-top:1px solid var(--color-border-medium);
    width:100%;
    padding-top:var(--s-2);
}

form .inner-form fieldset.bordered-fieldset label {
    display:block;
    float:none;
}

form .inner-form fieldset.bordered-fieldset h3 {
    margin-bottom:var(--s0);
}

form .inner-form fieldset.bordered-fieldset a {
    margin-top:var(--s0);
    color:var(--sw-web-blauw);
}

form .inner-form fieldset.bordered-fieldset:last-of-type {
    border-bottom:1px solid var(--color-border-medium);
}

form .inner-form fieldset.payment-wrapper legend a[icon="info"] {
    margin-inline-start:initial;
}

form .inner-form fieldset.payment-wrapper legend a[icon="info"]::before {
    margin-inline-start:initial;
}

form .inner-form legend {
    position:static;
    font-style:normal;
    color:var(--sw-text);
    font-weight:bold;
    margin-left:0;
    padding-left:0;
    margin-bottom:var(--s-4);
}

form .inner-form .form-row {
    position:relative;
    margin:0 0 var(--s0) 0;
}

form .inner-form .form-row:last-of-type:not(:first-of-type) {
    margin-bottom:0;
}

form .inner-form .form-row div:has(input[type='radio']):not(.iban-wrapper) {
    display:flex;
    align-items:baseline;
    justify-content:flex-start;
    margin-bottom:var(--s-5);
}

form .inner-form .form-row div:has(input[type='radio']):not(.iban-wrapper) input {
    margin-top:0;
}

form .inner-form .form-row div:has(input[type='radio']):not(.iban-wrapper) label {
    margin-bottom:0;
    margin-left:var(--s-4);
}

form .inner-form .form-row div:has(input[type='radio']):not(.iban-wrapper) > label {
    flex:1 0 90%;
}

form .inner-form .form-row div:has(input[type='radio']):not(.iban-wrapper) div.iban-wrapper {
    flex:1 0 100%;
}

form .inner-form .form-row div:has(input[type='checkbox']):not(.iban-wrapper) {
    display:flex;
    align-items:baseline;
    justify-content:flex-start;
    margin-bottom:var(--s-5);
}

form .inner-form .form-row div:has(input[type='checkbox']):not(.iban-wrapper) input {
    margin-top:0;
}

form .inner-form .form-row div:has(input[type='checkbox']):not(.iban-wrapper) label {
    margin-bottom:0;
    margin-left:var(--s-4);
}

form .inner-form .form-row div:has(div.iban-wrapper) {
    flex-wrap:wrap;
}

form .inner-form .form-row label {
    display:block;
    float:none;
    margin-left:var(--s1);
    margin-bottom:var(--s-4);
    padding-left:var(--s-2);
    padding-right:var(--s0);
    width:100%;
}

form .inner-form .form-row label.group-name {
    position:static;
    font-style:normal;
    color:var(--sw-text);
    font-weight:bold;
    margin-left:0;
    margin-bottom:var(--s-4);
    padding-left:0;
    padding-bottom:0;
}

form .inner-form .form-row input:focus-visible {
    outline:0.15rem solid var(---form-focus-color);
    outline-offset:-0.1rem;
}

form .inner-form .form-row input.input-validation-error {
    border:solid 1px var(--color-error);
}

form .inner-form .form-row input.input-validation-error:focus-visible {
    outline:0.15rem solid var(--color-error);
}

form .inner-form .form-row input[name*="FirstName"] {
    text-transform:capitalize;
}

form .inner-form .form-row input[name*="Initials"] {
    text-transform:uppercase;
}

form .inner-form .form-row input[name*="LastName"] {
    text-transform:capitalize;
}

form .inner-form .form-row input[name*="Postcode"] {
    text-transform:uppercase;
}

form .inner-form .form-row input[name*="Street"] {
    text-transform:capitalize;
}

form .inner-form .form-row input[name*="City"] {
    text-transform:capitalize;
}

form .inner-form .form-row input[name*="IBAN"] {
    text-transform:uppercase;
}

form .inner-form .form-row select:focus-visible {
    outline:0.15rem solid var(---form-focus-color);
    outline-offset:-0.1rem;
}

form .inner-form .form-row select:focus + label {
    color:var(--sw-grijs-60);
    font-size:80%;
    font-style:normal;
    top:0.25rem;
    cursor:default;
}

form .inner-form .form-row select:not(:placeholder-shown) + label {
    color:var(--sw-grijs-60);
    font-size:80%;
    font-style:normal;
    top:0.25rem;
    cursor:default;
}

form .inner-form .form-row textarea:focus-visible {
    outline:0.15rem solid var(---form-focus-color);
    outline-offset:-0.1rem;
}

form .inner-form .form-row textarea:not(:placeholder-shown) + label {
    color:var(--sw-grijs-60);
    font-size:80%;
    font-style:normal;
    top:0.25rem;
    cursor:default;
}

form .inner-form .form-row textarea:focus + label {
    color:var(--sw-grijs-60);
    font-size:80%;
    font-style:normal;
    top:0.25rem;
    cursor:default;
}

form .inner-form .form-row number:focus-visible {
    outline:0.15rem solid var(---form-focus-color);
    outline-offset:-0.1rem;
}

form .inner-form .form-row number:not(:placeholder-shown) + label {
    color:var(--sw-grijs-60);
    font-size:80%;
    font-style:normal;
    top:0.25rem;
    cursor:default;
}

form .inner-form .form-row number:focus + label {
    color:var(--sw-grijs-60);
    font-size:80%;
    font-style:normal;
    top:0.25rem;
    cursor:default;
}

form .inner-form .form-row .text-input {
    position:relative;
    font-style:italic;
}

form .inner-form .form-row .text-input > input {
    width:100%;
    padding:var(--s1) 5ch var(--smin) var(--s0);
    border-radius:var(--smin);
    border:0.1rem solid var(---form-focus-color);
    line-height:var(--s4);
}

form .inner-form .form-row .text-input > input:focus + label {
    color:var(--sw-grijs-60);
    font-size:80%;
    font-style:normal;
    top:0.25rem;
    cursor:default;
}

form .inner-form .form-row .text-input > input:not(:placeholder-shown) + label {
    color:var(--sw-grijs-60);
    font-size:80%;
    font-style:normal;
    top:0.25rem;
    cursor:default;
}

form .inner-form .form-row .text-input > input.input-validation-error {
    border:solid 1px var(--color-error);
}

form .inner-form .form-row .text-input > input.input-validation-valid {
    border:solid 1px var(--color-success);
}

form .inner-form .form-row .text-input > input.upas {
    padding-top:var(--smin);
}

form .inner-form .form-row .text-input > textarea {
    width:100%;
    padding:var(--s1) 5ch var(--smin) var(--s0);
    border-radius:var(--smin);
    border:0.1rem solid var(---form-focus-color);
    line-height:var(--s4);
}

form .inner-form .form-row .text-input > textarea.input-validation-error {
    border:solid 1px var(--color-error);
}

form .inner-form .form-row .text-input > textarea.input-validation-valid {
    border:solid 1px var(--color-success);
}

form .inner-form .form-row .text-input > label {
    position:absolute;
    top:var(--s0);
    left:var(--s0);
    color:var(--sw-grijs-60);
    font-style:italic;
    transition:all 0.3s 0s ease;
    user-select:none;
    padding-left:0;
    margin-left:0;
    cursor:text;
}

form .inner-form .form-row .text-input > label.default-small {
    color:var(--sw-grijs-60);
    font-size:80%;
    font-style:normal;
    top:0.25rem;
    cursor:default;
}

form .inner-form .form-row .text-input .field-validation-error {
    position:static;
    margin:0;
    padding:var(--smin) var(--smin) var(--smin) var(--s-3);
    border:none;
    border-radius:0 0 var(--smin) var(--smin);
    font-style:normal;
}

form .inner-form .form-row .text-input .field-validation-error::before {
    display:inline;
    font-family:"icons";
    content:"waarschuwing";
    font-style:normal;
    margin-left:var(--s-5);
    top:0.7rem;;
}

form .inner-form .form-row .text-input .field-validation-valid {
    margin:0;
    padding:var(--smin);
    border:none;
    position:absolute;
    top:0.7rem;
    right:var(--s0);
    background:none;
    font-size:larger;
}

form .inner-form .form-row.row-horizontal {
    display:flex;
    justify-content:space-between;
    gap:var(--s0);
    flex-wrap:wrap;
}

form .inner-form .form-row.row-horizontal .group-name {
    width:100%;
    margin-bottom:0;
}

form .inner-form .form-row.row-horizontal .group-name:has(label[for='PersonalDataForm_DateOfBirth']) label {
    margin-bottom:0;
}

form .inner-form .form-row.row-horizontal div {
    position:relative;
    flex:1 0 10ch;
}

form .inner-form .form-row.row-horizontal > span[class="field-validation-valid"] {
    right:0;
    top:-0.3rem;
}

form .inner-form .form-row.row-horizontal > span[class="field-validation-error"] {
    width:100%;
}

form .inner-form .form-row.row-horizontal > span[class=""]:empty {
    display:none;
}
@media screen and (max-width: 768px){
form .inner-form .form-row.row-horizontal div {
    flex:1 0 15ch;
}
}@media screen and (max-width: 425px){
form .inner-form .form-row.row-horizontal div {
    flex:1 0 20ch;
}
}
form .inner-form .address-wrapper .row-horizontal div {
    flex:1 0 17ch;
}

form .inner-form .disclaimer-wrapper {
    padding:var(--s0) 0;
}

form .inner-form .disclaimer-wrapper p {
    font-style:italic;
}

form .inner-form .field-validation-error {
    position:relative;
    display:block;
    background-color:var(--sw-rood-15);
    color:var(--sw-rood);
    margin:var(--s0) 0;
    border:solid 1px var(--color-error);
    padding:var(--smin) var(--s7) var(--smin) var(--s-5);
}

form .inner-form .field-validation-error::before {
    display:inline;
    font-family:"icons";
    content:"waarschuwing";
    font-size:var(--s1);
    line-height:var(--s4);
    margin-left:var(--s-5);
    position:absolute;
    top:0;
    right:var(--s0);
    background:none;
    padding:var(--smin);
}

form .inner-form .field-validation-valid {
    display:block;
    margin:0;
    padding:var(--smin);
    border:none;
    position:absolute;
    top:-0.3rem;
    right:var(--s0);
    background:none;
    font-size:larger;
    font-weight:bold;
}

form .inner-form .field-validation-valid::before {
    display:inline;
    font-family:"icons";
    content:"vinkje";
    font-style:normal;
    font-size:var(--s1);
    color:var(--color-success);
    line-height:var(--s4);
    margin-left:var(--s-5);
    font-weight:bold;
}

form .inner-form span.field-validation-error + span.field-validation-valid {
    display:none!important;
}

form .inner-form span.field-validation-error ~ span.field-validation-error {
    display:none!important;
}

form .inner-form input[type=file]::file-selector-button {
    background:;
}

form .inner-form .choices {
    margin-bottom:0;
    font-size:inherit !important;
}

form .inner-form .choices .choices__inner {
    padding:var(--s1) var(--s0) var(--s-1) var(--s0);
    background:white;
    border:.1rem solid var(---form-focus-color);
    border-radius:var(--smin);
}

form .inner-form .choices__inner {
    font-size:inherit !important;
}

form .inner-form .choices__list--dropdown .choices__item {
    font-size:inherit !important;
}

form .inner-form .choices__list[aria-expanded] .choices__item {
    font-size:inherit !important;
}

form .inner-form .choices[data-type*=select-one] .choices__inner {
    padding:var(--s1) var(--s-1) var(--s-3) var(--s0);
}

form .inner-form .choices__list.choices__list--single {
    padding:0;
}

form .inner-form .choices__list .choices__input.choices__input--cloned {
    border-radius:var(--smin);
    font-size:inherit;
}

form .inner-form .choices__list--dropdown {
    margin-top:auto;
    border:0.1rem solid var(---form-focus-color);
    border-radius:var(--smin);
}

form .inner-form .choices__list--dropdown input {
    border:none;
    padding-top:var(--s-1);
}

form .inner-form .choices__list[aria-expanded] {
    margin-top:auto;
    border:0.1rem solid var(---form-focus-color);
    border-radius:var(--smin);
}

form .inner-form .choices__list[aria-expanded] input {
    border:none;
    padding-top:var(--s-1);
}

form .inner-form .choices__item.choices__item--selectable {
    padding-top:.15rem;
    padding-bottom:0;
    font-style:normal;
}

form .inner-form [data-type*=select-one]::after {
    content:'chevronOnder';
    font-family:icons;
    font-style:normal;
    font-size:var(--heading-4-font-size);
    color:var(--sw-text);
    border-color:none;
    border-width:0;
    height:inherit;
    width:inherit;
    right:var(--s0);
    transform:translateY(-50%);
    transition:transform 0.3s;
    margin:0;
}

form .inner-form [data-type*=select-one].is-open::after {
    content:'chevronOnder';
    font-family:icons;
    transform:translateY(-50%) rotate(180deg);
    margin:0;
}

form .inner-form .arrowpadding [data-type*=select-one]::after {
    right:var(--s8);
}

form .inner-form .htmx-indicator {
    display:none;
    position:absolute;
    top:25%;
    left:33%;
}

form .inner-form .htmx-request .htmx-indicator {
    display:block;
}

form#mypaymentform fieldset legend {
    margin-bottom:0;
}

form#mypaymentform fieldset .form-row:not(.iban) div:last-of-type label {
    margin-bottom:0;
}

form#mypaymentform #paymentinfo {
    margin-top:var(--s3);
    margin-bottom:var(--s3);
}


.notification-message {
    --color-info:var(--sw-blauw);
    --color-success-shadow:var(--sw-groen--25);
    --color-error-shadow:var(--sw-rood--25);
    --color-info-shadow:var(--sw-blauw--25);
    display:flex;
    align-items:flex-start;
    border-radius:var(--smin);
    font-weight:bold;
    margin-bottom:var(--s-4);
    padding:var(--s-3);
    color:var(--sw-wit);
}

.notification-message::before {
    font-size:var(--s1);
    color:var(--sw-wit);
    padding-top:var(--smin);
}

.notification-message > * {
    padding:var(--smin);
    color:var(--sw-wit);
}

.notification-message > p {
    margin:var(--s-5) 0 var(--s-5) 0;
}

.notification-message[icon='geslaagd'] {
    background-color:var(--color-success);
    text-shadow:1px 1px var(--color-success-shadow);
}

.notification-message[icon='geslaagd'][icon='geslaagd']::before {
    color:var(--sw-wit);
}

.notification-message[icon='waarschuwing'] {
    background-color:var(--color-error);
    text-shadow:1px 1px var(--color-error-shadow);
}

.notification-message[icon='waarschuwing'][icon='waarschuwing']::before {
    color:var(--sw-wit);
}

.notification-message[icon='info'] {
    background-color:var(--color-info);
    text-shadow:1px 1px var(--color-info-shadow);
}

.notification-message[icon='info'][icon='info']::before {
    color:var(--sw-wit);
}


.notification-indicator {
    --color-success-bg:var(--sw-groen-15);
    --color-success-border:var(--color-success);
    --color-error-bg:var(--sw-rood-15);
    --color-error-border:var(--color-error);
    --color-info:var(--sw-blauw);
    --color-info-bg:var(--sw-blauw-25);
    --color-info-border:var(--sw-blauw);
    --color-success-shadow:var(--sw-groen--25);
    --color-error-shadow:var(--sw-rood--25);
    --color-info-shadow:var(--sw-blauw--25);
    display:grid;
    grid-template-columns:auto 1fr;
    background-color:var(--color-info-bg);
    border:solid 1px var(--color-info-border);
    border-radius:var(--smin);
    font-weight:bold;
    padding:var(--s-4) var(--s-4) var(--s-4) 0;
    margin-bottom:var(--s-4);
}

.notification-indicator::before {
    display:inline;
    font-style:normal;
    font-size:var(--s1);
    color:var(--sw-blauw);
    line-height:var(--s4);
    margin:0 var(--s-4) 0 var(--s-4);
    grid-row:1 / span 2;
}

.notification-indicator > * {
    padding:var(--smin);
}

.notification-indicator > h5 {
    font-weight:bold;
}

.notification-indicator > p {
    margin-top:0 !important;
    grid-row:2 / span 1;
    grid-column:2 / span 1;
}

.notification-indicator[icon='info'] {
    background-color:var(--color-info-bg);
    border-color:var(--color-info-border);
}

.notification-indicator[icon='info']::before {
    color:var(--color-info);
}

.notification-indicator[icon='waarschuwing'] {
    background-color:var(--color-error-bg);
    border-color:var(--color-error-border);
}

.notification-indicator[icon='waarschuwing']::before {
    color:var(--color-error);
}

.notification-indicator[icon='vinkje'] {
    background-color:var(--color-success-bg);
    border-color:var(--color-success-border);
}

.notification-indicator[icon='vinkje']::before {
    color:var(--color-success);
}

.notification-indicator[icon='geslaagd'] {
    background-color:var(--color-success-bg);
    border-color:var(--color-success-border);
}

.notification-indicator[icon='geslaagd']::before {
    color:var(--color-success);
}


.fake-link {
    --sw-text-link:var(--sw-web-blauw);
    color:var(--sw-text-link);
    text-underline-offset:calc(3 / 18 * 1em);
    cursor:pointer;
}

 a {
    --sw-text-link:var(--sw-web-blauw);
    color:var(--sw-text-link);
    text-underline-offset:calc(3 / 18 * 1em);
    cursor:pointer;
}

span.fake-link {
    -webkit-user-select:none;
}

:is(.fake-link, a)[icon='verwijderen'] {
    color:var(--sw-rood);
}

a[icon='ocCertificaat']:not([class~='btn-cta']) {
    color:var(--sw-oranje);
}

.fake-link:hover {
    text-decoration-style:solid;
}

 a:hover {
    text-decoration-style:solid;
}

a[target='_blank'] {
    overflow-wrap:anywhere;
}

.fake-link.chevron:before {
    content:'chevronRechts';
    font-family:'icons' !important;
    display:inline-block;
    text-decoration:none;
    vertical-align:middle;
    font-weight:normal;
    font-style:normal;
    text-transform:none;
    word-wrap:normal;
    white-space:nowrap;
    direction:ltr;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    -moz-osx-font-smoothing:grayscale;
    font-feature-settings:'liga';
}

 a.chevron:before {
    content:'chevronRechts';
    font-family:'icons' !important;
    display:inline-block;
    text-decoration:none;
    vertical-align:middle;
    font-weight:normal;
    font-style:normal;
    text-transform:none;
    word-wrap:normal;
    white-space:nowrap;
    direction:ltr;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    -moz-osx-font-smoothing:grayscale;
    font-feature-settings:'liga';
}

button {
    font-family:var(--font-special);
    font-weight:500;
    font-size:var(--s0);
    text-decoration:none;
    display:block;
    max-width:100%;
    width:-moz-fit-content;
    width :fit-content;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    cursor:pointer;
    color:var(--button--text-color);
    line-height:normal !important;
    text-shadow:1px 1px var(--button--text-shadow-color);
    background:var(--button--bg-color);
    border:var(--border-thick) solid var(--button--border-color, var(--button--bg-color));
    border-radius:var(--button-border-radius);
    padding:var(--s-3) var(--s2);
}

 a.btn {
    font-family:var(--font-special);
    font-weight:500;
    font-size:var(--s0);
    text-decoration:none;
    display:block;
    max-width:100%;
    width:-moz-fit-content;
    width :fit-content;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    cursor:pointer;
    color:var(--button--text-color);
    line-height:normal !important;
    text-shadow:1px 1px var(--button--text-shadow-color);
    background:var(--button--bg-color);
    border:var(--border-thick) solid var(--button--border-color, var(--button--bg-color));
    border-radius:var(--button-border-radius);
    padding:var(--s-3) var(--s2);
}

 summary.btn {
    font-family:var(--font-special);
    font-weight:500;
    font-size:var(--s0);
    text-decoration:none;
    display:block;
    max-width:100%;
    width:-moz-fit-content;
    width :fit-content;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    cursor:pointer;
    color:var(--button--text-color);
    line-height:normal !important;
    text-shadow:1px 1px var(--button--text-shadow-color);
    background:var(--button--bg-color);
    border:var(--border-thick) solid var(--button--border-color, var(--button--bg-color));
    border-radius:var(--button-border-radius);
    padding:var(--s-3) var(--s2);
    --button--text-color:var(--sw-wit);
    --button--bg-color:var(--sw-web-blauw);
    --button--text-shadow-color:var(--sw-web-blauw--25);
}

 .fake-link.btn {
    font-family:var(--font-special);
    font-weight:500;
    font-size:var(--s0);
    text-decoration:none;
    display:block;
    max-width:100%;
    width:-moz-fit-content;
    width :fit-content;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    cursor:pointer;
    color:var(--button--text-color);
    line-height:normal !important;
    text-shadow:1px 1px var(--button--text-shadow-color);
    background:var(--button--bg-color);
    border:var(--border-thick) solid var(--button--border-color, var(--button--bg-color));
    border-radius:var(--button-border-radius);
    padding:var(--s-3) var(--s2);
    --button--text-color:var(--sw-wit);
    --button--bg-color:var(--sw-web-blauw);
    --button--text-shadow-color:var(--sw-web-blauw--25);
}

 a.btn-cta {
    font-family:var(--font-special);
    font-weight:500;
    font-size:var(--s0);
    text-decoration:none;
    display:block;
    max-width:100%;
    width:-moz-fit-content;
    width :fit-content;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    cursor:pointer;
    color:var(--button--text-color);
    line-height:normal !important;
    text-shadow:1px 1px var(--button--text-shadow-color);
    background:var(--button--bg-color);
    border:var(--border-thick) solid var(--button--border-color, var(--button--bg-color));
    border-radius:var(--button-border-radius);
    padding:var(--s-3) var(--s2);
}

 summary.btn-cta {
    font-family:var(--font-special);
    font-weight:500;
    font-size:var(--s0);
    text-decoration:none;
    display:block;
    max-width:100%;
    width:-moz-fit-content;
    width :fit-content;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    cursor:pointer;
    color:var(--button--text-color);
    line-height:normal !important;
    text-shadow:1px 1px var(--button--text-shadow-color);
    background:var(--button--bg-color);
    border:var(--border-thick) solid var(--button--border-color, var(--button--bg-color));
    border-radius:var(--button-border-radius);
    padding:var(--s-3) var(--s2);
    --button--text-color:var(--sw-wit);
    --button--bg-color:var(--sw-oranje);
    --button--text-shadow-color:var(--sw-oranje--25);
}

 .fake-link.btn-cta {
    font-family:var(--font-special);
    font-weight:500;
    font-size:var(--s0);
    text-decoration:none;
    display:block;
    max-width:100%;
    width:-moz-fit-content;
    width :fit-content;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    cursor:pointer;
    color:var(--button--text-color);
    line-height:normal !important;
    text-shadow:1px 1px var(--button--text-shadow-color);
    background:var(--button--bg-color);
    border:var(--border-thick) solid var(--button--border-color, var(--button--bg-color));
    border-radius:var(--button-border-radius);
    padding:var(--s-3) var(--s2);
    --button--text-color:var(--sw-wit);
    --button--bg-color:var(--sw-oranje);
    --button--text-shadow-color:var(--sw-oranje--25);
}

 a.btn-secondary {
    font-family:var(--font-special);
    font-weight:500;
    font-size:var(--s0);
    text-decoration:none;
    display:block;
    max-width:100%;
    width:-moz-fit-content;
    width :fit-content;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    cursor:pointer;
    color:var(--button--text-color);
    line-height:normal !important;
    text-shadow:1px 1px var(--button--text-shadow-color);
    background:var(--button--bg-color);
    border:var(--border-thick) solid var(--button--border-color, var(--button--bg-color));
    border-radius:var(--button-border-radius);
    padding:var(--s-3) var(--s2);
}

 summary.btn-secondary {
    font-family:var(--font-special);
    font-weight:500;
    font-size:var(--s0);
    text-decoration:none;
    display:block;
    max-width:100%;
    width:-moz-fit-content;
    width :fit-content;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    cursor:pointer;
    color:var(--button--text-color);
    line-height:normal !important;
    text-shadow:none;
    background:var(--button--bg-color);
    border:var(--border-thick) solid var(--button--border-color, var(--button--bg-color));
    border-radius:var(--button-border-radius);
    padding:var(--s-3) var(--s2);
    --button--text-color:var(--sw-web-blauw);
    --button--bg-color:var(--sw-wit);
    --button--border-color:var(--sw-web-blauw);
}

 .fake-link.btn-secondary {
    font-family:var(--font-special);
    font-weight:500;
    font-size:var(--s0);
    text-decoration:none;
    display:block;
    max-width:100%;
    width:-moz-fit-content;
    width :fit-content;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    cursor:pointer;
    color:var(--button--text-color);
    line-height:normal !important;
    text-shadow:none;
    background:var(--button--bg-color);
    border:var(--border-thick) solid var(--button--border-color, var(--button--bg-color));
    border-radius:var(--button-border-radius);
    padding:var(--s-3) var(--s2);
    --button--text-color:var(--sw-web-blauw);
    --button--bg-color:var(--sw-wit);
    --button--border-color:var(--sw-web-blauw);
}

a:is(.btn, .btn-cta, .btn-secondary)[icon]:before {
    font-size:110%;
}

 a:is(.btn, .btn-cta, .btn-secondary)[icon-after]:after {
    font-size:110%;
}

button[disabled] {
    cursor:not-allowed;
    text-shadow:none;
    background:var(--sw-grijs-30);
    border-color:var(--sw-grijs-30);
}

a.btn {
    --button--text-color:var(--sw-wit);
    --button--bg-color:var(--sw-web-blauw);
    --button--text-shadow-color:var(--sw-web-blauw--25);
}

 button {
    --button--text-color:var(--sw-wit);
    --button--bg-color:var(--sw-web-blauw);
    --button--text-shadow-color:var(--sw-web-blauw--25);
}

a.btn:hover {
    --button--bg-color:var(--sw-web-blauw--25);
}

 .fake-link.btn:hover {
    --button--bg-color:var(--sw-web-blauw--25);
}

 summary.btn:hover {
    --button--bg-color:var(--sw-web-blauw--25);
}

 button:not(.btn-secondary, .btn-cta):hover {
    --button--bg-color:var(--sw-web-blauw--25);
}

a.btn-secondary {
    --button--text-color:var(--sw-web-blauw);
    text-shadow:none;
    --button--bg-color:var(--sw-wit);
    --button--border-color:var(--sw-web-blauw);
}

 button.btn-secondary {
    --button--text-color:var(--sw-web-blauw);
    text-shadow:none;
    --button--bg-color:var(--sw-wit);
    --button--border-color:var(--sw-web-blauw);
}

a.btn-secondary:hover {
    --button--bg-color:var(--sw-grijs-blauw);
}

 .fake-link.btn-secondary:hover {
    --button--bg-color:var(--sw-grijs-blauw);
}

 button.btn-secondary:hover {
    --button--bg-color:var(--sw-grijs-blauw);
}

 summary.btn-secondary:hover {
    --button--bg-color:var(--sw-grijs-blauw);
}

a.btn-cta {
    --button--text-color:var(--sw-wit);
    --button--bg-color:var(--sw-oranje);
    --button--text-shadow-color:var(--sw-oranje--25);
}

 button.btn-cta {
    --button--text-color:var(--sw-wit);
    --button--bg-color:var(--sw-oranje);
    --button--text-shadow-color:var(--sw-oranje--25);
}

a.btn-cta:hover {
    --button--bg-color:var(--sw-oranje--25);
}

 .fake-link.btn-cta:hover {
    --button--bg-color:var(--sw-oranje--25);
}

 button.btn-cta:hover {
    --button--bg-color:var(--sw-oranje--25);
}

 summary.btn-cta:hover {
    --button--bg-color:var(--sw-oranje--25);
}

a.btn-cta:disabled {
    --button--text-color:var(--sw-grijs-20);
    --button--bg-color:var(--sw-grijs-40);
    --button--text-shadow-color:var(--sw-grijs-70);
}

 .fake-link.btn-cta:disabled {
    --button--text-color:var(--sw-grijs-20);
    --button--bg-color:var(--sw-grijs-40);
    --button--text-shadow-color:var(--sw-grijs-70);
}

 button.btn-cta:disabled {
    --button--text-color:var(--sw-grijs-20);
    --button--bg-color:var(--sw-grijs-40);
    --button--text-shadow-color:var(--sw-grijs-70);
}

 summary.btn-cta:disabled {
    --button--text-color:var(--sw-grijs-20);
    --button--bg-color:var(--sw-grijs-40);
    --button--text-shadow-color:var(--sw-grijs-70);
}

.list-link {
    display:flex;
    width:100% !important;
    flex-direction:row-reverse;
    justify-content:space-between;
    text-decoration:none !important;
}

.list-link + .list-link {
    border-top:var(--border-thick) solid var(--color-border-light);
    padding-top:var(--stack-space, var(--s0));
}

.list-link:first-child {
    padding-top:var(--stack-space, var(--s0));
}

.list-link ~ button {
    display:flex;
    justify-content:center;
    width:100%;
}

 .list-link ~ .btn {
    display:flex;
    justify-content:center;
    width:100%;
}

 .list-link ~ .btn-cta {
    display:flex;
    justify-content:center;
    width:100%;
}

 .list-link ~ .btn-secondary {
    display:flex;
    justify-content:center;
    width:100%;
}

.html-link {
    width:100% !important;
    text-decoration:none !important;
}

.btn-inline-wrapper {
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
    align-items:center;
    margin-top:var(--s2);
}

.btn-inline-wrapper > * {
    margin-top:0;
    width:auto;
}

@supports (text-decoration: underline dotted) {
  .fake-link,
  a {
    text-decoration: underline dotted;
  }
}
@supports not (text-decoration: underline dotted) {
  .fake-link,
  a {
    text-decoration: underline;
    text-decoration-style: dotted; /* safari supported dotted */
  }
}

.modal  {
    ---sw-accent:var(--sw-teal);
    accent-color:var(---sw-accent);
    font-family:var(--sw-text);
    color:var(--sw-text);
    position:fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
    z-index:10;
    overflow-y:auto;
}

.modal .modal-overlay {
    position:fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
    background-color:rgba(var(--sw-web-blauw-donker-rgb), 0.5);
    backdrop-filter:blur(3px);
}

.modal .modal-card {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:100vh;
    padding:var(--s4);
}

.modal .modal-card .modal-content {
    position:relative;
    width:100%;
    max-width:81rem;
    overflow-y:auto;
    background-color:var(--sw-grijs-blauw);
    padding:var(--s6);
    box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.modal .modal-card .modal-content ul {
    margin-left:2rem;
}

.modal .modal-card .modal-content p {
    margin:var(--s-1) 0 var(--s-1) 0;
}


.trouble-form  {
    background-color:var(--sw-teal-15);
    padding:var(--s4);
    margin-top:var(--s1);
}

.trouble-form  > * {
    margin-top:var(--s0);
}

.trouble-form  > :first-child {
    margin-top:0;
    font-size:var(--s1);
    font-weight:bold;
}

.trouble-form  > :first-child a {
    margin-top:var(--s0);
    display:block;
}


.htmx-request .spinner::before {
    content:"";
    display:inline-block;
    margin-right:0.5rem;
    width:1rem;
    height:1rem;
    border:0.15rem solid currentColor;
    border-right-color:transparent;
    border-radius:50%;
    animation:rotate 0.8s linear infinite;
}


#eyeAble_container_ID {
    display:none;
}

#eyeAble_container_ID #showAll_arrow.eyeAble_topFixedPosition {
    right:0;
}