:root {
  --button-height-large: 56px;
  --button-height-medium: 48px;
  --button-height-small: 40px;
  --grid-padding: 16px;
  --column-gap: 32px;
  --min-column-width: 296px;
  --narrow-content-column-width: 768px;
  --wide-content-column-width: 1168px;
  --two-column-grid-min-viewport-width: 656px;
  --two-column-grid-max-column-width: 459.5px;
  --three-column-grid-min-viewport-width: 984px;
  --three-column-grid-max-column-width: 368px;
  --white: #ffffff;
  --black: #000000;
  --cadillac-red: #884488;
  --mint-green: #76d2b6;
  --moss-green: #777b00;
  --green: #39870c;
  --dark-green: #275937;
  --light-blue: #8fcae7;
  --sky-blue: #007bc7;
  --dark-blue: #01689b;
  --logo-blue: #154273;
  --purple: #42145f;
  --yellow: #f9e11e;
  --dark-yellow: #ffb612;
  --orange: #e17000;
  --pink: #f092cd;
  --red: #d52b1e;
  --ruby-red: #ca005d;
  --violet: #a90061;
  --brown: #94710a;
  --dark-brown: #673327;
  --regular-green: #177500;
  --water-course-green: #007552;
  --parsley-green: #336633;
  --blue-lagoon-green: #006666;
  --olive-green01: #566b00;
  --olive-green02: #666600;
  --saratoga-green: #666633;
  --neon-blue01: #3333ff;
  --neon-blue02: #6633ff;
  --cerulean-blue: #006699;
  --lochmara-blue: #336699;
  --navy-blue: #005ae0;
  --electric-indigo-violet: #8000ff;
  --dark-violet01: #9900cc;
  --dark-violet02: #b000bd;
  --medium-red-violet: #993399;
  --lipstick-red: #993366;
  --tawny-orange: #b83700;
  --olive-green-brown: #945900;
  --denim-blue: #0e61aa;
  --blue-lagoon-green02: #005187;
  --sapphire-blue: #0e3d6e;
  --sherpa-blue-green: #00423c;
  --gray-50: #f8fafc;
  --gray-100: #f1f5f9;
  --gray-200: #e2e8f0;
  --gray-300: #cbd5e1;
  --gray-400: #94a3b8;
  --gray-500: #64748b;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-800: #1e293b;
  --gray-900: #0f172a;
  --error: color-mix(in lch, var(--red) 15%, white);
  --warning: color-mix(in lch, var(--dark-yellow) 15%, white);
  --confirmation: color-mix(in lch, var(--green) 15%, white);
  --information: color-mix(in lch, var(--sky-blue) 15%, white);
  --navigation-block-background-color: var(--gray-100);
  --navigation-block-title-color: var(--alt-link-color);
  --navigation-block-title-hover-color: var(--alt-link-hover-color);
  --navigation-block-description-color: var(--black);
  --additional-info: color-mix(in lch, var(--orange) 15%, white);
  --voorlichting-block: var(--gray-100);
  --rijks-sans-font-family: RijksSans, Calibri, Verdana, Arial, sans-serif;
  --ro-serif-font-family: RO Serif, Times, Times New Roman, serif;
  --meta-sans-font-family: Meta Sans, Calibri, Verdana, Arial, sans-serif;
  --meta-serif-font-family: Meta Serif, Times, Times New Roman, serif;
  --noto-sans-font-family: Noto Sans, Calibri, Verdana, Arial, sans-serif;
  --noto-serif-font-family: Noto Serif, Times, Times New Roman, serif;
  --ro-icons-font-family: RO Icons;
  --ro-sans-font-family: RO Sans, Calibri, Verdana, Arial, sans-serif;
  --font-weight-thin: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --font-weight-black: 900;
  --font-size-step-negative-4: 10px;
  --line-height-step-negative-4: 18px;
  --line-height-step-negative-4-body-text: 19px;
  --typography-step-negative-4: 10px/18px;
  --typography-step-negative-4-body-text: 10px/19px;
  --font-size-step-negative-3: 11px;
  --line-height-step-negative-3: 19px;
  --line-height-step-negative-3-body-text: 20px;
  --typography-step-negative-3: 11px/19px;
  --typography-step-negative-3-body-text: 11px/20px;
  --font-size-step-negative-2: 12px;
  --line-height-step-negative-2: 20px;
  --line-height-step-negative-2-body-text: 21px;
  --typography-step-negative-2: 12px/20px;
  --typography-step-negative-2-body-text: 12px/21px;
  --font-size-step-negative-1-5: 13px;
  --line-height-step-negative-1-5: 20px;
  --line-height-step-negative-1-5-body-text: 23px;
  --typography-step-negative-1-5: 13px/20px;
  --typography-step-negative-1-5-body-text: 13px/23px;
  --font-size-step-negative-1: 14px;
  --line-height-step-negative-1: 21px;
  --line-height-step-negative-1-body-text: 24px;
  --typography-step-negative-1: 14px/21px;
  --typography-step-negative-1-body-text: 14px/24px;
  --font-size-step-negative-0-5: 15px;
  --line-height-step-negative-0-5: 22px;
  --line-height-step-negative-0-5-body-text: 25px;
  --typography-step-negative-0-5: 15px/22px;
  --typography-step-negative-0-5-body-text: 15px/25px;
  --font-size-step-0: 16px;
  --line-height-step-0: 23px;
  --line-height-step-0-body-text: 26px;
  --typography-step-0: 16px/23px;
  --typography-step-0-body-text: 16px/26px;
  --font-size-step-0-5: 17px;
  --line-height-step-0-5: 24px;
  --line-height-step-0-5-body-text: 27px;
  --typography-step-0-5: 17px/24px;
  --typography-step-0-5-body-text: 17px/27px;
  --font-size-step-1: 18px;
  --line-height-step-1: 25px;
  --line-height-step-1-body-text: 28px;
  --typography-step-1: 18px/25px;
  --typography-step-1-body-text: 18px/28px;
  --font-size-step-1-5: 19px;
  --line-height-step-1-5: 26px;
  --line-height-step-1-5-body-text: 29px;
  --typography-step-1-5: 19px/26px;
  --typography-step-1-5-body-text: 19px/29px;
  --font-size-step-2: 20px;
  --line-height-step-2: 27px;
  --line-height-step-2-body-text: 30px;
  --typography-step-2: 20px/27px;
  --typography-step-2-body-text: 20px/30px;
  --font-size-step-3: 22px;
  --line-height-step-3: 29px;
  --line-height-step-3-body-text: 32px;
  --typography-step-3: 22px/29px;
  --typography-step-3-body-text: 22px/32px;
  --font-size-step-4: 24px;
  --line-height-step-4: 31px;
  --line-height-step-4-body-text: 34px;
  --typography-step-4: 24px/31px;
  --typography-step-4-body-text: 24px/34px;
  --font-size-step-5: 28px;
  --line-height-step-5: 34px;
  --line-height-step-5-body-text: 38px;
  --typography-step-5: 28px/34px;
  --typography-step-5-body-text: 28px/38px;
  --font-size-step-6: 32px;
  --line-height-step-6: 37px;
  --line-height-step-6-body-text: 42px;
  --typography-step-6: 32px/37px;
  --typography-step-6-body-text: 32px/42px;
  --font-size-step-7: 36px;
  --line-height-step-7: 41px;
  --line-height-step-7-body-text: 46px;
  --typography-step-7: 36px/41px;
  --typography-step-7-body-text: 36px/46px;
  --font-size-step-8: 40px;
  --line-height-step-8: 45px;
  --line-height-step-8-body-text: 51px;
  --typography-step-8: 40px/45px;
  --typography-step-8-body-text: 40px/51px;
  --font-size-step-9: 46px;
  --line-height-step-9: 50px;
  --line-height-step-9-body-text: 57px;
  --typography-step-9: 46px/50px;
  --typography-step-9-body-text: 46px/57px;
  --font-size-step-10: 52px;
  --line-height-step-10: 55px;
  --line-height-step-10-body-text: 63px;
  --typography-step-10: 52px/55px;
  --typography-step-10-body-text: 52px/63px;
  --font-size-step-11: 58px;
  --line-height-step-11: 61px;
  --line-height-step-11-body-text: 69px;
  --typography-step-11: 58px/61px;
  --typography-step-11-body-text: 58px/69px;
  --font-size-step-12: 66px;
  --line-height-step-12: 68px;
  --line-height-step-12-body-text: 78px;
  --typography-step-12: 66px/68px;
  --typography-step-12-body-text: 66px/78px;
  --font-size-step-13: 74px;
  --line-height-step-13: 75px;
  --line-height-step-13-body-text: 86px;
  --typography-step-13: 74px/75px;
  --typography-step-13-body-text: 74px/86px;
  --font-size-step-14: 84px;
  --line-height-step-14: 84px;
  --line-height-step-14-body-text: 97px;
  --typography-step-14: 84px/84px;
  --typography-step-14-body-text: 84px/97px;
  --typography-preset-title-min: var(--typography-step-6);
  --typography-preset-title-max: var(--typography-step-8);
  --typography-preset-intro-min: var(--typography-step-3-body-text);
  --typography-preset-intro-max: var(--typography-step-4-body-text);
  --typography-preset-body-min: var(--typography-step-1-body-text);
  --typography-preset-body-max: var(--typography-step-2-body-text);
  --typography-preset-heading-min: var(--typography-step-4);
  --typography-preset-heading-max: var(--typography-step-6);
  --typography-preset-sub-heading-min: var(--typography-step-3);
  --typography-preset-sub-heading-max: var(--typography-step-4);
  --typography-preset-caption-min: var(--typography-step-negative-1);
  --typography-preset-caption-max: var(--typography-step-0);
  --typography-preset-label-min: var(--typography-step-1);
  --typography-preset-label-max: var(--typography-step-2);
  --typography-preset-legend-min: var(--typography-step-3);
  --typography-preset-legend-max: var(--typography-step-4);
  --typography-preset-select-min: var(--typography-step-0);
  --typography-preset-select-max: var(--typography-step-1);
  --typography-preset-help-text-min: var(--typography-step-negative-1);
  --typography-preset-help-text-max: var(--typography-step-0);
  --typography-preset-code-min: var(--typography-step-negative-1-body-text);
  --typography-preset-code-max: var(--typography-step-negative-0-5-body-text);
  --theme-name: "donkerblauw";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--dark-blue);
  --nav-bar-text-color: var(--white);
  --footer-color: var(--nav-bar-color);
  --footer-text-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-yellow);
  --alt-cta-button-text-color: var(--black);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--dark-blue);
  --link-plus-icon-vertical-offset: 0em;
}

.subtext {
  font-size: 70%;
  color: var(--gray-600);
}

html {
  overflow-y: scroll;
  min-height: 100%;
  scroll-behavior: smooth;
}

*,
:after,
:before,
html {
  box-sizing: border-box;
}

#__pagewrapper,
body {
  font: var(--typography-step-0-body-text) var(--font-family);
  font-variant-ligatures: none;
}
/*! Based on normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /*! Please note: IE only rules have been removed. */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: initial;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace;
  font-size: 1em;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

:where(button),
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}

  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner,
  button::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }

  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring,
  button:-moz-focusring {
    outline: 1px dotted ButtonText;
  }

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: initial;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

blockquote,
body,
caption,
dd,
dl,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
legend,
ol,
p,
pre,
table,
td,
th,
ul {
  margin: 0;
  padding: 0;
}

abbr[title],
dfn[title] {
  cursor: help;
}

ins,
u {
  text-decoration: none;
}

ins {
  border-bottom: 1px solid;
}

fieldset {
  display: block;
  margin-inline-start: unset;
  margin-inline-end: unset;
  padding-block-start: unset;
  padding-inline-start: unset;
  padding-inline-end: unset;
  padding-block-end: unset;
  min-inline-size: unset;
  border: unset;
  border-image: unset;
}

address,
blockquote,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
ol,
p,
pre,
table,
ul {
  margin-block-end: 12px;
}

dd,
ol,
ul {
  margin-inline-start: 16px;
}

hr {
  height: 1px;
  background-color: var(--gray-200);
  border: none;
}

h1,
h2,
h3 {
  font-weight: var(--headings-font-weight);
  font-family: var(--font-family);
}

h1 {
  font-size: clamp( var(--font-size-step-6), 2.985vw + 1.194rem, var(--font-size-step-8) );
  line-height: clamp( var(--line-height-step-6), 2.985vw + 1.507rem, var(--line-height-step-8) );
}

h2 {
  font-size: clamp( var(--font-size-step-4), 2.985vw + 0.694rem, var(--font-size-step-6) );
  line-height: clamp( var(--line-height-step-4), 2.239vw + 1.333rem, var(--line-height-step-6) );
}

h3 {
  font-size: clamp( var(--font-size-step-3), 0.746vw + 1.174rem, var(--font-size-step-4) );
  line-height: clamp( var(--line-height-step-3), 0.746vw + 1.611rem, var(--line-height-step-4) );
}

.icon {
  display: inline-flex;
}

  .icon:before {
    font-family: var(--icons-font-family) !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

.icon--times:before {
  content: "";
}

.icon--bars:before {
  content: "";
}

.icon--plus:before {
  content: "";
}

.icon--minus:before {
  content: "";
}

.icon--search:before {
  content: "";
}

.icon--calendar-alt:before {
  content: "";
}

.icon--clock:before {
  content: "";
}

.icon--map-marker-alt:before {
  content: "";
}

.icon--play:before {
  content: "";
}

.icon--pause:before {
  content: "";
}

.icon--download:before {
  content: "";
}

.icon--external-link:before {
  content: "";
}

.icon--question:before {
  content: "";
}

.icon--trash-alt:before {
  content: "";
}

.icon--arrow-up:before {
  content: "";
}

.icon--arrow-down:before {
  content: "";
}

.icon--envelope:before {
  content: "";
}

.icon--chevron-up:before {
  content: "";
}

.icon--chevron-down:before {
  content: "";
}

.icon--chevron-left:before {
  content: "";
}

.icon--chevron-right:before {
  content: "";
}

.icon--chevron-right-light:before {
  content: "";
}

.icon--bell:before {
  content: "";
}

.icon--exclamation:before {
  content: "";
}

.icon--check:before {
  content: "";
}

.icon--phone-alt:before {
  content: "";
}

.icon--edit:before {
  content: "";
}

.icon--level-down-alt:before {
  content: "";
}

.icon--caret-up:before {
  content: "";
}

.icon--caret-down:before {
  content: "";
}

.icon--caret-left:before {
  content: "";
}

.icon--caret-right:before {
  content: "";
}

.icon--long-arrow-left:before {
  content: "";
}

.icon--long-arrow-right:before {
  content: "";
}

.icon--sliders-h:before {
  content: "";
}

.icon--list:before {
  content: "";
}

.icon--chevrons-up:before {
  content: "";
}

.icon--expand:before {
  content: "";
}

.icon--compress:before {
  content: "";
}

.icon--volume-xmark:before {
  content: "";
}

.icon--volume-low:before {
  content: "";
}

.icon--volume-high:before {
  content: "";
}

.icon--closed-captioning:before {
  content: "";
}

.icon--closed-captioning-solid:before {
  content: "";
}

.icon--audio-description:before {
  content: "";
}

.icon--audio-description-solid:before {
  content: "";
}

.icon--circle-plus:before {
  content: "";
}

.icon--circle-plus-solid:before {
  content: "큕";
}

.icon--circle-minus:before {
  content: "";
}

.icon--circle-minus-solid:before {
  content: "큖";
}

.icon--arrow-rotate-left:before {
  content: "";
}

.icon--square-play:before {
  content: "큋";
}

.icon--upload:before {
  content: "";
}

.icon--house:before {
  content: "";
}

.icon--book-open:before {
  content: "";
}

.icon--arrow-right-from-bracket:before {
  content: "";
}

.icon--user-pen:before {
  content: "";
}

.icon--square-rss:before {
  content: "";
}

.icon--square-x-twitter:before {
  content: "";
}

.icon--square-facebook:before {
  content: "";
}

.icon--square-instagram:before {
  content: "";
}

.icon--square-youtube:before {
  content: "";
}

.icon--square-threads:before {
  content: "";
}

.icon--mastodon:before {
  content: "";
}

.icon--linkedin:before {
  content: "";
}

.icon--square-pinterest:before {
  content: "";
}

.icon--flickr:before {
  content: "";
}

.icon--twitter:before {
  content: "";
}

.icon--retweet:before {
  content: "";
}

.icon--heart:before {
  content: "";
}

.icon--comment:before {
  content: "";
}

.icon--square-bluesky:before {
  content: "";
}

.icon--copy:before {
  content: "";
}

.grid-wrapper {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

.large-text-column {
  width: 100%;
  max-width: 668px;
  margin: 0 auto;
}

@media (min-width: 1200px) {
  .large-text-column {
    grid-column: col-start 6 / span 14;
  }
}

.audio-block .accordion,
.geomap-block .accordion,
.infographic-block .accordion,
.video-block .accordion {
  --default-link-color: var(--alt-link-color);
  --default-link-hover-color: var(--alt-link-hover-color);
  background-color: var(--gray-100);
  position: relative;
  inset-block-start: -1px;
}

.accordion-item {
  --animation-speed: 200ms;
  display: grid;
  grid-template-areas: "header header" ". panel";
  grid-template-columns: var(--grid-template-columns);
  column-gap: var(--column-gap);
  width: 100%;
}

.accordion-item__header {
  margin: 0;
  grid-area: header;
}

.accordion-item__button {
  display: grid;
  grid-template-columns: var(--grid-template-columns);
  column-gap: var(--column-gap);
  position: relative;
  border-radius: 0;
  outline: none;
  text-align: start;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

  .accordion-item__button:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: -2px;
  }

.accordion-item__icon {
  display: block;
}

  .accordion-item__icon:before {
    display: block;
    transition: transform var(--animation-speed) ease;
  }

.accordion-item__panel {
  grid-area: panel;
  overflow: hidden;
  transition: grid-template-rows var(--animation-speed) ease, visibility var(--animation-speed) allow-discrete;
  display: grid;
  grid-template-rows: 0fr;
}

.accordion-item.is-open > .accordion-item__panel {
  visibility: visible;
  grid-template-rows: 1fr;
}

.default-accordion-item {
  --border-width: 6px;
  --padding-inline-start: 10px;
  --icon-width: 10px;
  --icon-space: calc( var(--border-width) + var(--padding-inline-start) + var(--icon-width) );
  --grid-template-columns: var(--icon-space) 1fr;
  --column-gap: 18px;
  --border-inline-start-color: transparent;
  border-block-start: 1px solid var(--default-link-color);
  border-inline-start: var(--border-width) solid var(--border-inline-start-color);
}

@media (min-width: 768px) {
  .default-accordion-item {
    --border-width: 8px;
    --padding-inline-start: 12px;
    --icon-width: 12px;
    --column-gap: 20px;
  }
}

.default-accordion-item:last-child {
  border-block-end: 1px solid var(--default-link-color);
}

.default-accordion-item.is-open,
.default-accordion-item.is-open:hover {
  --border-inline-start-color: var(--default-link-color);
}

.default-accordion-item__button {
  border: 0;
  inset-inline-start: calc(var(--border-width) * -1);
  width: calc(100% + var(--border-width));
  padding-block: 16px;
  padding-inline-start: 0;
  padding-inline-end: 16px;
  color: var(--default-link-color);
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  font-weight: 400;
  border-inline-start: var(--border-width) solid var(--border-inline-start-color);
}

  .default-accordion-item__button:active,
  .default-accordion-item__button:hover {
    background-color: var(--gray-100);
    color: var(--default-link-hover-color);
  }

.default-accordion-item__icon {
  --offset: 3px;
  position: relative;
  inset-block-start: var(--offset);
  justify-self: end;
  align-self: start;
}

@media (min-width: 768px) {
  .default-accordion-item__icon {
    --offset: 2.5px;
  }
}

.default-accordion-item__icon:before {
  transform: scaleY(1);
}

.default-accordion-item.is-open .default-accordion-item__icon:before {
  transform: scaleY(-1);
}

.accordion-item__content-wrapper {
  container-type: inline-size;
  overflow: hidden;
}

.default-accordion-item__content {
  display: block;
  padding-block: 8px 16px;
}

  .default-accordion-item__content .rich-text.smaller-text a {
    color: var(--default-link-color);
  }

    .default-accordion-item__content .rich-text.smaller-text a:active,
    .default-accordion-item__content .rich-text.smaller-text a:hover {
      color: var(--default-link-hover-color);
    }

.audio-block .default-accordion-item__content,
.geomap-block .default-accordion-item__content,
.video-block .default-accordion-item__content {
  padding-inline-end: 32px;
}

.default-accordion-item__content:has(.image-block) {
  display: flex;
  flex-direction: column;
}

  .default-accordion-item__content:has(.image-block) .rich-text {
    order: 1;
  }

  .default-accordion-item__content:has(.image-block) .image-block {
    order: 2;
    margin-block-start: clamp(16px, 2.985vw + 0.194rem, 24px);
    margin-block-end: 0;
  }

@container (min-width: 600px) {
  .default-accordion-item__content:has(.image-block.text-wrap) {
    display: block;
  }

    .default-accordion-item__content:has(.image-block.text-wrap) .image-block {
      margin-block-start: 0;
      margin-block-end: clamp(16px, 2.985vw + 0.194rem, 24px);
    }
}

.accordion-item__download {
  --block-padding: 16px;
}

  .accordion-item__download:not(:last-child) {
    padding-block-end: var(--block-padding);
    border-block-end: 1px solid var(--gray-300);
    margin-block-end: var(--block-padding);
  }

.accordion-item__download-title {
  font: var(--typography-step-1) var(--font-family);
  margin: 0;
}

.accordion-item__download-meta-data {
  font: var(--typography-step-negative-1) var(--font-family);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  color: var(--gray-600);
  margin-block-end: calc(var(--block-padding) - 2px);
}

  .accordion-item__download-meta-data span:not(:last-child):after {
    margin-inline-start: 4px;
    margin-inline-end: 4px;
    content: "|";
  }

.accordion-item__download-button-container {
  text-decoration: none;
}

.activity-list-item {
  list-style: none;
}

  .activity-list-item + .activity-location-description {
    margin-block-start: clamp(12px, 2.985vw - 0.056rem, 20px);
    margin-block-end: 0;
    font-size: clamp( var(--font-size-step-0), 1.493vw + 0.597rem, var(--font-size-step-2) );
    line-height: clamp( var(--line-height-step-0-body-text), 1.493vw + 1.222rem, var(--line-height-step-2-body-text) );
  }

.activity-detail {
  display: grid;
  grid-template-columns: min-content 1fr;
  text-decoration: none;
  column-gap: clamp(12px, 2.985vw - 0.056rem, 20px);
}

.activity-detail--short-date-excluded {
  grid-template-columns: 1fr;
}

.activity-detail:hover .activity-detail__title-link {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  color: var(--default-link-hover-color);
}

.activity-detail:focus {
  position: relative;
  z-index: 1010;
  outline: 2px dashed var(--default-text-color);
  outline-offset: 3px;
}

.activity-detail:visited .activity-detail__title-link {
  color: var(--visited-link-color);
}

.activity-detail__info {
  display: grid;
  row-gap: clamp(4px, 1.493vw - 0.153rem, 8px);
}

  .activity-detail__info .notification {
    margin-block-end: clamp(20px, 1.493vw + 0.847rem, 24px);
  }

.activity-detail__title {
  font-size: clamp( var(--font-size-step-4), 2.985vw + 0.694rem, var(--font-size-step-6) );
  line-height: clamp( var(--line-height-step-4), 2.239vw + 1.333rem, var(--line-height-step-6) );
  line-height: 36px;
  margin-block: 0;
}

.activity-detail__title-link {
  font-size: clamp( var(--font-size-step-2), 1.493vw + 0.847rem, var(--font-size-step-4) );
  line-height: clamp( var(--line-height-step-2), 1.493vw + 1.285rem, var(--line-height-step-4) );
  color: var(--default-link-color);
  margin-block: 0;
}

.activity-detail__intro {
  margin: 0;
  font-size: clamp( var(--font-size-step-0), 0.746vw + 0.799rem, var(--font-size-step-1) );
  line-height: clamp( var(--line-height-step-0), 0.746vw + 1.236rem, var(--line-height-step-1) );
  color: var(--black);
}

@media (max-width: 575px) {
  .activity-detail__intro {
    margin-block-end: 4px;
  }
}

.activity-detail__short-date {
  color: var(--gray-500);
  display: flex;
  flex-direction: column;
  text-align: center;
}

.activity-detail__day {
  font-weight: 700;
  font-size: clamp(32px, 1.493vw + 1.597rem, 36px);
  line-height: 36px;
}

.activity-detail__month {
  font-size: clamp(16px, 1.493vw + 0.597rem, 20px);
  line-height: 21px;
}

.activity-detail__data {
  margin: 0;
}

.activity-detail__data-item {
  --icon-column-width: clamp(12px, 1.493vw + 0.347rem, 16px);
  font-size: clamp(16px, 0.746vw + 0.799rem, 18px);
  display: grid;
  grid-template-columns: var(--icon-column-width) 1fr;
  gap: 8px;
  color: var(--black);
}

  .activity-detail__data-item:not(:last-child) {
    margin-block-end: 8px;
  }

  .activity-detail__data-item .icon {
    position: relative;
    inset-block-start: 0.2em;
    width: 16px;
    text-align: center;
    font-size: 16px;
    display: inline-block;
  }

.activity-list-item__add-to-calendar-link {
  margin-block-start: clamp(4px, 1.493vw - 0.153rem, 8px);
  font-size: clamp( var(--font-size-step-0), 1.493vw + 0.597rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-0), 1.493vw + 1.035rem, var(--line-height-step-2) );
}

.anchor-nav__title {
  display: grid;
  grid-template-columns: min-content 1fr;
  gap: 12px;
  align-items: baseline;
  font-weight: var(--headings-font-weight) !important;
}

  .anchor-nav__title:before {
    content: "";
    font-family: var(--icons-font-family);
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    font-size: 0.85em;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    inset-block-start: 3px;
  }

.anchor-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: item;
}

.anchor-nav__list-item {
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
}

  .anchor-nav__list-item:not(:last-child) {
    margin-block-end: clamp(8px, 2.985vw - 0.306rem, 16px);
  }

.anchor-nav__list-item-link {
  display: grid;
  grid-template-columns: 1.2em auto;
  column-gap: clamp(8px, 1.493vw + 0.097rem, 12px);
  color: var(--link-color);
  text-decoration: none;
}

  .anchor-nav__list-item-link:before {
    display: inline-block;
    text-align: end;
    content: counter(item) "";
    counter-increment: item;
    color: inherit;
  }

  .anchor-nav__list-item-link:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

  .anchor-nav__list-item-link:visited {
    color: var(--visited-link-color);
  }

.anchor-nav__list-item-link-title {
  text-decoration: underline;
  text-decoration-thickness: var(--text-decoration-thickness-regular);
  text-underline-offset: var(--default-text-underline-offset);
}

.anchor-nav__list-item-link:hover .anchor-nav__list-item-link-title {
  text-decoration: none;
}

.back-to-anchor-nav {
  position: fixed;
  display: none;
  width: 100%;
  transform: translate(-50%);
  inset-inline-start: 50%;
  inset-block-end: 24px;
  pointer-events: none;
}

@media (min-width: 768px) {
  .back-to-anchor-nav {
    max-width: 768px;
  }
}

.back-to-anchor-nav.visible {
  display: flex;
  flex-direction: row-reverse;
}

.back-to-anchor-nav ~ :last-child {
  margin-block-end: 64px;
}

@media (min-width: 768px) {
  .back-to-anchor-nav ~ :last-child {
    margin-block-end: 48px;
  }
}

.button.back-to-anchor-nav__button {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
  pointer-events: auto;
}

@media (max-width: 767px) {
  .button.back-to-anchor-nav__button {
    margin-inline-end: 16px;
  }
}

.banner img {
  display: table;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center top;
}

.block {
  --link-color: var(--default-link-color);
}

  .block.has-divider {
    border-block-start: 1px solid var(--line-color);
    padding-block-start: clamp(8px, 1.493vw + 0.097rem, 12px);
  }

.block__title,
.content-block-title {
  font-size: clamp( var(--font-size-step-4), 2.985vw + 0.694rem, var(--font-size-step-6) );
  line-height: clamp( var(--line-height-step-4), 2.239vw + 1.333rem, var(--line-height-step-6) );
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: var(--headings-color);
}

.block__title {
  font-weight: var(--font-weight-bold);
}

  .block__title.has-medium-margin {
    margin-block-end: clamp(16px, 1.493vw + 0.597rem, 20px);
  }

  .block__title.has-large-margin {
    margin-block-end: clamp(24px, 5.97vw - 0.112rem, 40px);
  }

.content-block-title {
  margin-block-end: clamp(16px, 1.493vw + 0.597rem, 20px);
}

.block__more-link,
.content-block-title {
  font-weight: var(--headings-font-weight);
}

.block__more-link {
  font-size: clamp( var(--font-size-step-0), 1.493vw + 0.597rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-0), 1.493vw + 1.035rem, var(--line-height-step-2) );
  margin-block-start: clamp(32px, 2.985vw + 1.194rem, 40px);
}

.breadcrumbs {
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
}

.breadcrumbs__list {
  margin: 0;
  padding: 0;
  list-style: none;
  text-wrap: pretty;
}

.breadcrumbs__item {
  display: inline;
  color: var(--nav-bar-text-color);
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

  .breadcrumbs__item:first-child .icon {
    margin-right: 4px;
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 8px;
    font-size: 0.7em;
  }

  .breadcrumbs__item:not(:last-child) {
    --chevron-spacing: 9px;
  }

    .breadcrumbs__item:not(:last-child) a {
      margin-inline-end: var(--chevron-spacing);
    }

    .breadcrumbs__item:not(:last-child):after {
      content: "";
      display: inline-block;
      width: 0.4em;
      height: 0.55lh;
      position: relative;
      inset-block-start: 0.1em;
      background-color: currentColor;
      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='512' viewBox='0 0 320 512'%3E%3Cpolygon points='79.83 474.34 54.31 452.92 222.3 256 55.67 58.26 79.14 37.66 265.69 256 79.83 474.34' fill='currentColor' /%3E%3C/svg%3E%0A");
      mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center;
      margin-inline-end: var(--chevron-spacing);
    }

[dir="rtl"] .breadcrumbs__item:not(:last-child):after {
  transform: scale(-1);
}

@media print {
  .breadcrumbs__item {
    color: var(--black);
  }
}

.meta-sans .breadcrumbs__item,
.meta-serif .breadcrumbs__item {
  padding-top: 1px;
}

.breadcrumbs__link {
  color: var(--nav-bar-text-color);
  text-decoration: none;
}

  .breadcrumbs__link:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

    .breadcrumbs__link:focus:after {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -5px;
      border: 2px solid var(--white);
    }

  .breadcrumbs__link:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
  }

@media print {
  .breadcrumbs__link {
    color: var(--black);
  }
}

:root {
  --button-horizontal-padding-large: 16px;
  --button-horizontal-padding-medium: 12px;
  --button-horizontal-padding-small: 12px;
}

:where(.button) {
  --button-color: var(--default-button-color);
  --button-text-color: var(--default-button-text-color);
  --button-text-hover-color: var(--default-button-text-hover-color);
  position: relative;
  margin: 0;
  text-align: left;
  text-decoration: none;
  vertical-align: top;
  border: 0;
  border-radius: 0;
  outline: none;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  width: fit-content;
  min-height: 40px;
  height: 56px;
  padding: 0 16px;
  font: var(--typography-step-2) var(--font-family);
  background-color: var(--button-color);
  color: var(--button-text-color);
}

  :where(.button).is-active,
  :where(.button).is-hovered,
  :where(.button):active,
  :where(.button):hover {
    background-color: color-mix( in lch, var(--button-color) var(--hover-factor), black );
    color: var(--button-text-hover-color);
  }

  :where(.button).is-focused,
  :where(.button):focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

    :where(.button).is-focused:after,
    :where(.button):focus:after {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -5px;
      border: 2px solid var(--white);
    }

    :where(.button):disabled,
    :where(.button):focus:disabled,
    :where(.button):hover:disabled {
      background: var(--gray-200);
      color: var(--gray-300);
      box-shadow: none;
      outline: none;
      cursor: not-allowed;
    }

  :where(.button).has-icon {
    display: flex;
    gap: 8px;
  }

  :where(.button).has-icon-at-the-end {
    flex-direction: row-reverse;
  }

  :where(.button).has-icon-only {
    padding: 0;
    justify-content: center;
  }

  :where(.button).has-icon-only--minimal {
    background-color: rgba(0, 0, 0, 0);
    color: var(--button-color);
  }

    :where(.button).has-icon-only--minimal.is-active,
    :where(.button).has-icon-only--minimal.is-hovered,
    :where(.button).has-icon-only--minimal:active,
    :where(.button).has-icon-only--minimal:hover {
      color: color-mix(in lch, var(--button-color) var(--hover-factor), black);
    }

    :where(.button).has-icon-only--minimal.delete-button {
      color: var(--red);
    }

@media print {
  :where(.button) {
    display: none;
  }
}

.meta-sans .button,
.meta-serif .button {
  padding-top: 1px;
}

.button--large {
  height: 56px;
  padding: 0 16px;
}

  .button--large.has-icon-only {
    width: 56px;
  }

  .button--large.has-icon-only--minimal {
    width: auto;
    height: auto;
    min-height: 0;
    font: var(--typography-step-4) var(--font-family);
  }

.button--medium {
  height: 48px;
  padding: 0 12px;
}

  .button--medium.has-icon-only {
    width: 48px;
  }

  .button--medium.has-icon-only--minimal {
    width: auto;
    height: auto;
    min-height: 0;
    font: var(--typography-step-3) var(--font-family);
  }

.button--small {
  height: 40px;
  padding: 0 12px;
}

  .button--small.has-icon-only {
    width: 40px;
  }

  .button--small.has-icon-only--minimal {
    width: auto;
    height: auto;
    min-height: 0;
    font: var(--typography-step-2) var(--font-family);
  }

.button--cta {
  --button-color: var(--cta-button-color);
  --button-text-color: var(--cta-button-text-color);
  --button-text-hover-color: var(--cta-button-text-hover-color);
}

.button--alt-cta {
  --button-color: var(--alt-cta-button-color);
  --button-text-color: var(--alt-cta-button-text-color);
  --button-text-hover-color: var(--alt-cta-button-text-hover-color);
}

  .button--alt-cta .button__icon-image,
  .button--cta .button__icon-image {
    background-color: var(--button-text-color);
  }

  .button--alt-cta.is-active .button__icon-image,
  .button--alt-cta.is-hovered .button__icon-image,
  .button--alt-cta:active .button__icon-image,
  .button--alt-cta:hover .button__icon-image,
  .button--cta.is-active .button__icon-image,
  .button--cta.is-hovered .button__icon-image,
  .button--cta:active .button__icon-image,
  .button--cta:hover .button__icon-image {
    background-color: var(--button-text-hover-color);
  }

.button__icon-image {
  width: 20px;
  height: 20px;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.button--ghost {
  background-color: rgba(0, 0, 0, 0);
  color: var(--button-color);
  border: 1px solid var(--button-color);
}

  .button--ghost.is-active,
  .button--ghost.is-hovered,
  .button--ghost:active,
  .button--ghost:hover {
    background-color: color-mix( in lch, var(--button-color) var(--hover-factor), white );
    color: var(--white);
    border-color: rgba(0, 0, 0, 0);
  }

.button--link {
  appearance: none;
  max-width: none;
  height: auto;
  min-height: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  color: var(--default-link-color);
}

  .button--link.is-active,
  .button--link.is-hovered,
  .button--link:active,
  .button--link:hover {
    background-color: rgba(0, 0, 0, 0);
    color: var(--default-link-hover-color);
  }

    .button--link.is-active .button__text,
    .button--link.is-hovered .button__text,
    .button--link:active .button__text,
    .button--link:hover .button__text {
      text-decoration: none;
    }

  .button--link .button__text {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
  }

  .button--link.on-gray-background {
    color: var(--button-color);
  }

    .button--link.on-gray-background.is-active,
    .button--link.on-gray-background.is-hovered,
    .button--link.on-gray-background:active,
    .button--link.on-gray-background:hover {
      color: color-mix(in lch, var(--button-color) var(--hover-factor), black);
    }

  .button--link.inverse-underline .button__text {
    text-decoration: none;
  }

  .button--link.inverse-underline.is-active .button__text,
  .button--link.inverse-underline.is-hovered .button__text,
  .button--link.inverse-underline:active .button__text,
  .button--link.inverse-underline:hover .button__text {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
  }

.button--white {
  background-color: var(--white);
  color: var(--button-color);
}

  .button--white.is-active,
  .button--white.is-hovered,
  .button--white:active,
  .button--white:hover {
    background-color: var(--button-color);
    color: var(--white);
  }

.button--gray {
  background-color: var(--gray-100);
  color: var(--button-color);
}

  .button--gray.is-active,
  .button--gray.is-hovered,
  .button--gray:active,
  .button--gray:hover {
    background-color: var(--button-color);
    color: var(--white);
  }

.button-group {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}

.captioned-meta-data {
  display: grid;
  grid-template-columns: min-content auto;
  align-items: baseline;
}

  .captioned-meta-data dt {
    font-weight: var(--font-weight-bold);
    font-size: clamp( var(--font-size-step-0), 0.746vw + 0.799rem, var(--font-size-step-1) );
    line-height: clamp( var(--line-height-step-0), 0.746vw + 1.236rem, var(--line-height-step-1) );
  }

    .captioned-meta-data dt:after {
      content: ":";
    }

.__cq-card {
  container: card/inline-size;
}

  .__cq-card:is(li) {
    list-style: none;
  }

.card {
  --background-color: var(--white);
  --border-width: unset;
  --border-color: unset;
  --border-radius: unset;
  --inline-padding: 0;
  --block-padding: var(--inline-padding);
  --image-aspect-ratio: unset;
  --image-container-height: unset;
  --image-filter: unset;
  --title-font-weight: unset;
  --title-color: var(--default-text-color);
  --title-hover-color: var(--title-color);
  --title-visited-color: var(--visited-link-color);
  --title-text-transform: none;
  --content-min-height: unset;
  --content-row-gap: unset;
  --text-align: unset;
  display: grid;
  background-color: var(--background-color);
  text-decoration: none;
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
  overflow: hidden;
  height: 100%;
}

  .card:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

  .card:where(a) {
    --title-color: var(--default-link-color);
    --title-hover-color: color-mix( in lch, var(--title-color) var(--hover-factor), black );
  }

  .card > * {
    margin: 0;
  }

  .card .link-plus__title {
    hyphens: auto;
    hyphenate-limit-chars: 12 4 2;
    -webkit-hyphenate-limit-before: 7;
    -webkit-hyphenate-limit-after: 2;
    word-break: break-word;
  }

  .card .link-plus:hover .link__title {
    text-decoration: none;
  }

.card--default,
.card--photo-nav {
  --title-font-weight: var(--headings-font-weight);
}

.card--default {
  --inline-padding: clamp(16px, 3.175cqw + 0.587rem, 24px);
  --block-padding: calc(var(--inline-padding) - 6px);
  --border-width: 1px;
  --border-color: var(--default-link-color);
  --border-radius: 8px;
  --content-row-gap: clamp(8px, 3.175cqw + 0.087rem, 16px);
  --image-aspect-ratio: 3/2;
  grid-template-rows: min-content 1fr;
}

  .card--default:is(a):hover {
    --background-color: var(--gray-100);
    --border-color: var(--default-link-hover-color);
    --image-filter: brightness(90%);
  }

.card--photo-nav {
  --inline-padding: 0;
  --block-padding: clamp(8px, 3.175cqw + 0.087rem, 16px) 0;
  --content-row-gap: clamp(0px, 3.175cqw - 0.413rem, 8px);
  --image-aspect-ratio: 3/2;
  grid-template-rows: min-content 1fr;
}

  .card--photo-nav:has(.card__media-type) {
    --image-aspect-ratio: 16/9;
  }

.card--album-image {
  --inline-padding: 0;
  --block-padding: 4px 0;
  --image-aspect-ratio: 1;
  grid-template-rows: min-content 1fr;
}

.card--magazine-search,
.card--magazine-toc,
.card--magazine-toc-featured {
  --title-font-weight: var(--font-weight-medium);
  --title-text-transform: uppercase;
}

.card--magazine-toc {
  --min-height: 124px;
  --inline-padding: 16px;
  --block-padding: var(--inline-padding);
  --image-aspect-ratio: unset;
  --image-container-height: 100%;
  grid-template-columns: var(--min-height) 1fr;
  grid-template-rows: 1fr;
  min-height: var(--min-height);
}

.card--magazine-toc-featured {
  --inline-padding: clamp(24px, 24.06cqw - 3.553rem, 152px);
  --block-padding: clamp(16px, 3.008cqw + 0.368rem, 32px);
  --content-row-gap: clamp(4px, 0.752cqw + 0.092rem, 8px);
  --image-aspect-ratio: 21/9;
  --text-align: center;
  grid-template-rows: min-content 1fr;
}

.card--magazine-search {
  --inline-padding: 16px;
  --border-width: 2px;
  --border-color: var(--gray-300);
  grid-template-rows: min-content 1fr;
  --content-row-gap: clamp(4px, 1.681cqw + 0.032rem, 8px);
  --content-min-height: clamp(176px, 57.143cqw + 3.571rem, 224px);
  --image-aspect-ratio: 3/2;
}

@container (width > 292px) {
  .card--magazine-search {
    --image-aspect-ratio: unset;
    --image-container-height: 100%;
    grid-template-columns: 146px 1fr;
    grid-template-rows: 1fr;
  }
}

.card--magazine-edition {
  --inline-padding: 16px;
  --border-width: 2px;
  --border-color: var(--gray-300);
  grid-template-rows: min-content 1fr;
  --content-row-gap: 8px;
  --image-aspect-ratio: 21/9;
  --title-font-weight: var(--font-weight-bold);
  --title-text-transform: uppercase;
}

@container (width > 417px) {
  .card--magazine-edition {
    --image-aspect-ratio: unset;
    --image-container-height: 100%;
    grid-template-columns: 146px 1fr;
    grid-template-rows: 1fr;
    --content-min-height: 300px;
  }
}

.card__image-container {
  position: relative;
  aspect-ratio: var(--image-aspect-ratio);
  height: var(--image-container-height);
}

.aspect-ratio-21x9 .card__image-container {
  --image-aspect-ratio: 21/9;
}

.aspect-ratio-16x9 .card__image-container {
  --image-aspect-ratio: 16/9;
}

.aspect-ratio-9x16 .card__image-container {
  --image-aspect-ratio: 9/16;
}

.aspect-ratio-4x3 .card__image-container {
  --image-aspect-ratio: 4/3;
}

.aspect-ratio-3x4 .card__image-container {
  --image-aspect-ratio: 3/4;
}

.aspect-ratio-3x2 .card__image-container {
  --image-aspect-ratio: 3/2;
}

.aspect-ratio-2x3 .card__image-container {
  --image-aspect-ratio: 2/3;
}

.aspect-ratio-1 .card__image-container,
.aspect-ratio-1x1 .card__image-container {
  --image-aspect-ratio: 1;
}

@media print {
  .card__image-container {
    display: none;
  }
}

.card__image {
  display: table;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  filter: var(--image-filter);
}

.card__image-caption {
  margin-block-start: 12px;
  font: var(--typography-step-1) var(--font-family);
}

.card__overlay {
  --gap: 8px;
  position: absolute;
  inset-block-end: 0;
  display: grid;
  grid-template-columns: min-content 1fr;
  gap: var(--gap);
  align-items: center;
  width: 100%;
  height: 32px;
  padding-inline: 8px;
  background-color: rgba(0, 0, 0, 0.6);
  color: var(--white);
  font-size: clamp( var(--font-size-step-negative-1), 1.587cqw + 0.669rem, var(--font-size-step-1) );
  line-height: clamp( var(--line-height-step-negative-1), 1.587cqw + 1.106rem, var(--line-height-step-1) );
  margin-block-start: clamp(32px, 1.587cqw + 1.794rem, 36px);
}

.card__overlay-text {
  position: relative;
  inset-block-start: 1px;
}

.card__media-type {
  font-weight: var(--font-weight-bold);
}

.card__media-duration:before {
  font-weight: var(--font-weight-regular);
  display: inline-flex;
  content: "|";
  padding-inline: calc(var(--gap) - 2px);
}

.card__sticker {
  font: var(--typography-step-0) var(--font-family);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 102px;
  background-color: var(--nav-bar-color);
  color: var(--nav-bar-text-color);
  text-transform: uppercase;
  padding: 4px;
  border-radius: 4px;
  inset-inline-start: 8px;
  inset-block-start: 8px;
}

.card__content {
  display: flex;
  flex-direction: column;
  row-gap: var(--content-row-gap);
  padding-inline: var(--inline-padding);
  padding-block: var(--block-padding);
  min-height: var(--content-min-height);
  text-align: var(--text-align);
}

  .card__content > * {
    margin: 0;
    color: var(--default-text-color);
  }

.card__supertitle {
  font: var(--typography-step-negative-1) var(--font-family);
  font-weight: var(--title-font-weight);
  text-transform: var(--title-text-transform);
  color: var(--gray-500);
  letter-spacing: 1px;
}

.card__more-link,
.card__title {
  color: var(--title-color);
}

.card:where(a):hover .card__more-link,
.card:where(a):hover .card__title {
  color: var(--title-hover-color);
}

.card:where(a):visited .card__more-link,
.card:where(a):visited .card__title {
  color: var(--title-visited-color);
}

.card__title {
  font-size: clamp( var(--font-size-step-3), 0.794cqw + 1.272rem, var(--font-size-step-4) );
  line-height: clamp( var(--line-height-step-3), 0.794cqw + 1.709rem, var(--line-height-step-4) );
  font-weight: var(--title-font-weight);
  text-wrap: pretty;
  text-transform: var(--title-text-transform);
}

.card--default .card__title,
.card--magazine-toc-featured .card__title,
.card--photo-nav .card__title {
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.card--photo-nav .card__title {
  column-gap: 0.2em;
}

.card--magazine-search .card__title,
.card--magazine-toc .card__title {
  font: var(--title-font-weight) var(--typography-step-0) var(--font-family);
  word-break: break-word;
}

.card--magazine-toc-featured .card__title {
  font-size: clamp( var(--font-size-step-2), 0.752cqw + 1.092rem, var(--font-size-step-4) );
  line-height: clamp( var(--line-height-step-2), 0.752cqw + 1.53rem, var(--line-height-step-4) );
}

.card--magazine-edition .card__title {
  display: flex;
  align-items: start;
  font: var(--title-font-weight) var(--typography-step-2) var(--font-family);
}

.card__summary {
  margin-inline-start: 24px;
}

.card__title-number {
  display: inline-flex;
  align-items: start;
  height: 100%;
}

  .card__title-number:after {
    position: relative;
    inset-block-start: -1px;
    display: inline-block;
    content: "";
    width: 5px;
    height: 100%;
    margin-inline: 8px;
    background-color: var(--gray-200);
  }

@container card (min-width: 417px) {
  .card__list-item-text,
  .card__title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

.card__subtitle {
  font-size: clamp( var(--font-size-step-0), 0.794cqw + 0.897rem, var(--font-size-step-1) );
  line-height: clamp( var(--line-height-step-0), 0.794cqw + 1.334rem, var(--line-height-step-1) );
  font-weight: var(--font-weight-regular);
}

.card--magazine-toc .card__subtitle {
  display: none;
}

.card__text {
  font-size: clamp( var(--font-size-step-0), 0.794cqw + 0.897rem, var(--font-size-step-1) );
  line-height: clamp( var(--line-height-step-0-body-text), 0.794cqw + 1.522rem, var(--line-height-step-1-body-text) );
  text-wrap: pretty;
}

.card__list {
  display: grid;
  row-gap: 4px;
  list-style: none;
  margin-block-start: 8px;
  margin-block-end: 12px;
  margin-inline: 0;
}

.card__list-item {
  display: grid;
  grid-template-columns: 7px 1fr;
  column-gap: 8px;
  font: var(--typography-step-0) var(--font-family);
}

  .card__list-item:before {
    display: block;
    content: "•";
    font-size: 1.6em;
    line-height: 1lh;
  }

.card__meta-data {
  font-size: clamp( var(--font-size-step-negative-1), 0.794cqw + 0.772rem, var(--font-size-step-0) );
  line-height: clamp( var(--line-height-step-negative-1), 0.794cqw + 1.209rem, var(--line-height-step-0) );
  color: var(--gray-500);
}

.card--album-image .card__meta-data {
  font: var(--typography-step-negative-2) var(--font-family);
}

.card__magazine-meta-data {
  margin-block-start: auto;
  display: grid;
  row-gap: 4px;
}

.card--magazine-edition .card__magazine-meta-data {
  margin-block-start: unset;
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
}

.card__magazine-meta-data-item {
  display: grid;
  grid-template-columns: min-content 1fr;
  column-gap: 8px;
  font: var(--typography-step-negative-1) var(--font-family);
  color: var(--gray-500);
  font-weight: var(--font-weight-medium);
  align-items: center;
  white-space: nowrap;
}

.card__magazine-meta-data-icon {
  --size: 14px;
  position: relative;
  width: var(--size);
  height: var(--size);
}

  .card__magazine-meta-data-icon.book-open {
    --size: 18px;
  }

  .card__magazine-meta-data-icon.clock {
    inset-block-start: -1px;
  }

  .card__magazine-meta-data-icon.list {
    inset-block-start: -2px;
  }

.card__more-link {
  margin-block-start: auto;
  font-size: clamp( var(--font-size-step-1), 0.794cqw + 1.022rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.794cqw + 1.459rem, var(--line-height-step-2) );
  color: var(--title-color);
}

.card__button {
  margin-block-start: auto;
  display: block;
  background-color: var(--default-link-color);
  color: #fff;
  padding: 8px;
  border-radius: 4px;
  text-align: center;
  font: var(--typography-step-0-body-text) var(--font-family);
}

.card:hover .card__button {
  background-color: var(--default-link-hover-color);
}

.cards-grid {
  container: cards-grid/inline-size;
}

  .cards-grid.has-0-image-rows .__cq-card .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-0-image-rows .__cq-card .card__figure,
  .cards-grid.has-0-image-rows .__cq-card .card__image-credits {
    display: none;
  }

@container cards-grid (width < 448px) {
  .cards-grid.has-small-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 2)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 2)
  .card__figure,
  .cards-grid.has-small-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 2)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (448px <= width < 688px) {
  .cards-grid.has-small-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 3)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 3)
  .card__figure,
  .cards-grid.has-small-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 3)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (688px <= width < 928px) {
  .cards-grid.has-small-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 4)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 4)
  .card__figure,
  .cards-grid.has-small-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 4)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (928px <= width < 1168px) {
  .cards-grid.has-small-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 5)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 5)
  .card__figure,
  .cards-grid.has-small-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 5)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width >= 1168px) {
  .cards-grid.has-small-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 6)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 6)
  .card__figure,
  .cards-grid.has-small-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 6)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width < 448px) {
  .cards-grid.has-small-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 3)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 3)
  .card__figure,
  .cards-grid.has-small-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 3)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (448px <= width < 688px) {
  .cards-grid.has-small-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 5)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 5)
  .card__figure,
  .cards-grid.has-small-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 5)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (688px <= width < 928px) {
  .cards-grid.has-small-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 7)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 7)
  .card__figure,
  .cards-grid.has-small-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 7)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (928px <= width < 1168px) {
  .cards-grid.has-small-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 9)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 9)
  .card__figure,
  .cards-grid.has-small-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 9)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width >= 1168px) {
  .cards-grid.has-small-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 11)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 11)
  .card__figure,
  .cards-grid.has-small-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 11)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width < 448px) {
  .cards-grid.has-small-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 4)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 4)
  .card__figure,
  .cards-grid.has-small-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 4)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (448px <= width < 688px) {
  .cards-grid.has-small-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 7)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 7)
  .card__figure,
  .cards-grid.has-small-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 7)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (688px <= width < 928px) {
  .cards-grid.has-small-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 10)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 10)
  .card__figure,
  .cards-grid.has-small-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 10)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (928px <= width < 1168px) {
  .cards-grid.has-small-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 13)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 13)
  .card__figure,
  .cards-grid.has-small-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 13)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width >= 1168px) {
  .cards-grid.has-small-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 16)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 16)
  .card__figure,
  .cards-grid.has-small-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 16)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width < 448px) {
  .cards-grid.has-small-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 5)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 5)
  .card__figure,
  .cards-grid.has-small-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 5)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (448px <= width < 688px) {
  .cards-grid.has-small-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 9)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 9)
  .card__figure,
  .cards-grid.has-small-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 9)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (688px <= width < 928px) {
  .cards-grid.has-small-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 13)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 13)
  .card__figure,
  .cards-grid.has-small-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 13)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (928px <= width < 1168px) {
  .cards-grid.has-small-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 17)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 17)
  .card__figure,
  .cards-grid.has-small-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 17)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width >= 1168px) {
  .cards-grid.has-small-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 21)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 21)
  .card__figure,
  .cards-grid.has-small-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 21)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width < 448px) {
  .cards-grid.has-small-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 6)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 6)
  .card__figure,
  .cards-grid.has-small-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 6)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (448px <= width < 688px) {
  .cards-grid.has-small-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 11)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 11)
  .card__figure,
  .cards-grid.has-small-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 11)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (688px <= width < 928px) {
  .cards-grid.has-small-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 16)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 16)
  .card__figure,
  .cards-grid.has-small-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 16)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (928px <= width < 1168px) {
  .cards-grid.has-small-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 21)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 21)
  .card__figure,
  .cards-grid.has-small-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 21)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width >= 1168px) {
  .cards-grid.has-small-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 26)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 26)
  .card__figure,
  .cards-grid.has-small-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 26)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width < 448px) {
  .cards-grid.has-small-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 7)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 7)
  .card__figure,
  .cards-grid.has-small-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 7)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (448px <= width < 688px) {
  .cards-grid.has-small-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 13)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 13)
  .card__figure,
  .cards-grid.has-small-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 13)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (688px <= width < 928px) {
  .cards-grid.has-small-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 19)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 19)
  .card__figure,
  .cards-grid.has-small-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 19)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (928px <= width < 1168px) {
  .cards-grid.has-small-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 25)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 25)
  .card__figure,
  .cards-grid.has-small-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 25)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width >= 1168px) {
  .cards-grid.has-small-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 31)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-small-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 31)
  .card__figure,
  .cards-grid.has-small-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 31)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width < 544px) {
  .cards-grid.has-medium-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 2)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 2)
  .card__figure,
  .cards-grid.has-medium-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 2)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (544px <= width < 832px) {
  .cards-grid.has-medium-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 3)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 3)
  .card__figure,
  .cards-grid.has-medium-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 3)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (832px <= width < 1120px) {
  .cards-grid.has-medium-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 4)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 4)
  .card__figure,
  .cards-grid.has-medium-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 4)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (1120px <= width < 1408px) {
  .cards-grid.has-medium-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 5)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 5)
  .card__figure,
  .cards-grid.has-medium-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 5)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width >= 1408px) {
  .cards-grid.has-medium-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 6)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 6)
  .card__figure,
  .cards-grid.has-medium-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 6)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width < 544px) {
  .cards-grid.has-medium-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 3)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 3)
  .card__figure,
  .cards-grid.has-medium-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 3)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (544px <= width < 832px) {
  .cards-grid.has-medium-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 5)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 5)
  .card__figure,
  .cards-grid.has-medium-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 5)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (832px <= width < 1120px) {
  .cards-grid.has-medium-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 7)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 7)
  .card__figure,
  .cards-grid.has-medium-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 7)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (1120px <= width < 1408px) {
  .cards-grid.has-medium-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 9)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 9)
  .card__figure,
  .cards-grid.has-medium-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 9)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width >= 1408px) {
  .cards-grid.has-medium-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 11)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 11)
  .card__figure,
  .cards-grid.has-medium-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 11)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width < 544px) {
  .cards-grid.has-medium-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 4)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 4)
  .card__figure,
  .cards-grid.has-medium-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 4)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (544px <= width < 832px) {
  .cards-grid.has-medium-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 7)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 7)
  .card__figure,
  .cards-grid.has-medium-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 7)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (832px <= width < 1120px) {
  .cards-grid.has-medium-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 10)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 10)
  .card__figure,
  .cards-grid.has-medium-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 10)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (1120px <= width < 1408px) {
  .cards-grid.has-medium-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 13)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 13)
  .card__figure,
  .cards-grid.has-medium-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 13)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width >= 1408px) {
  .cards-grid.has-medium-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 16)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 16)
  .card__figure,
  .cards-grid.has-medium-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 16)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width < 544px) {
  .cards-grid.has-medium-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 5)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 5)
  .card__figure,
  .cards-grid.has-medium-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 5)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (544px <= width < 832px) {
  .cards-grid.has-medium-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 9)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 9)
  .card__figure,
  .cards-grid.has-medium-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 9)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (832px <= width < 1120px) {
  .cards-grid.has-medium-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 13)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 13)
  .card__figure,
  .cards-grid.has-medium-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 13)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (1120px <= width < 1408px) {
  .cards-grid.has-medium-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 17)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 17)
  .card__figure,
  .cards-grid.has-medium-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 17)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width >= 1408px) {
  .cards-grid.has-medium-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 21)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 21)
  .card__figure,
  .cards-grid.has-medium-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 21)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width < 544px) {
  .cards-grid.has-medium-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 6)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 6)
  .card__figure,
  .cards-grid.has-medium-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 6)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (544px <= width < 832px) {
  .cards-grid.has-medium-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 11)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 11)
  .card__figure,
  .cards-grid.has-medium-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 11)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (832px <= width < 1120px) {
  .cards-grid.has-medium-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 16)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 16)
  .card__figure,
  .cards-grid.has-medium-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 16)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (1120px <= width < 1408px) {
  .cards-grid.has-medium-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 21)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 21)
  .card__figure,
  .cards-grid.has-medium-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 21)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width >= 1408px) {
  .cards-grid.has-medium-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 26)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 26)
  .card__figure,
  .cards-grid.has-medium-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 26)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width < 544px) {
  .cards-grid.has-medium-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 7)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 7)
  .card__figure,
  .cards-grid.has-medium-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 7)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (544px <= width < 832px) {
  .cards-grid.has-medium-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 13)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 13)
  .card__figure,
  .cards-grid.has-medium-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 13)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (832px <= width < 1120px) {
  .cards-grid.has-medium-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 19)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 19)
  .card__figure,
  .cards-grid.has-medium-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 19)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (1120px <= width < 1408px) {
  .cards-grid.has-medium-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 25)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 25)
  .card__figure,
  .cards-grid.has-medium-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 25)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width >= 1408px) {
  .cards-grid.has-medium-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 31)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-medium-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 31)
  .card__figure,
  .cards-grid.has-medium-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 31)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width < 624px) {
  .cards-grid.has-large-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 2)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 2)
  .card__figure,
  .cards-grid.has-large-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 2)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (624px <= width < 952px) {
  .cards-grid.has-large-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 3)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 3)
  .card__figure,
  .cards-grid.has-large-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 3)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (952px <= width < 1280px) {
  .cards-grid.has-large-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 4)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 4)
  .card__figure,
  .cards-grid.has-large-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 4)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (1280px <= width < 1608px) {
  .cards-grid.has-large-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 5)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 5)
  .card__figure,
  .cards-grid.has-large-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 5)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width >= 1608px) {
  .cards-grid.has-large-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 6)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 6)
  .card__figure,
  .cards-grid.has-large-column-width.has-1-image-rows
  .__cq-card:nth-child(n + 6)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width < 624px) {
  .cards-grid.has-large-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 3)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 3)
  .card__figure,
  .cards-grid.has-large-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 3)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (624px <= width < 952px) {
  .cards-grid.has-large-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 5)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 5)
  .card__figure,
  .cards-grid.has-large-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 5)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (952px <= width < 1280px) {
  .cards-grid.has-large-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 7)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 7)
  .card__figure,
  .cards-grid.has-large-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 7)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (1280px <= width < 1608px) {
  .cards-grid.has-large-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 9)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 9)
  .card__figure,
  .cards-grid.has-large-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 9)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width >= 1608px) {
  .cards-grid.has-large-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 11)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 11)
  .card__figure,
  .cards-grid.has-large-column-width.has-2-image-rows
  .__cq-card:nth-child(n + 11)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width < 624px) {
  .cards-grid.has-large-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 4)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 4)
  .card__figure,
  .cards-grid.has-large-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 4)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (624px <= width < 952px) {
  .cards-grid.has-large-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 7)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 7)
  .card__figure,
  .cards-grid.has-large-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 7)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (952px <= width < 1280px) {
  .cards-grid.has-large-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 10)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 10)
  .card__figure,
  .cards-grid.has-large-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 10)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (1280px <= width < 1608px) {
  .cards-grid.has-large-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 13)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 13)
  .card__figure,
  .cards-grid.has-large-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 13)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width >= 1608px) {
  .cards-grid.has-large-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 16)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 16)
  .card__figure,
  .cards-grid.has-large-column-width.has-3-image-rows
  .__cq-card:nth-child(n + 16)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width < 624px) {
  .cards-grid.has-large-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 5)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 5)
  .card__figure,
  .cards-grid.has-large-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 5)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (624px <= width < 952px) {
  .cards-grid.has-large-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 9)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 9)
  .card__figure,
  .cards-grid.has-large-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 9)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (952px <= width < 1280px) {
  .cards-grid.has-large-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 13)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 13)
  .card__figure,
  .cards-grid.has-large-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 13)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (1280px <= width < 1608px) {
  .cards-grid.has-large-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 17)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 17)
  .card__figure,
  .cards-grid.has-large-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 17)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width >= 1608px) {
  .cards-grid.has-large-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 21)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 21)
  .card__figure,
  .cards-grid.has-large-column-width.has-4-image-rows
  .__cq-card:nth-child(n + 21)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width < 624px) {
  .cards-grid.has-large-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 6)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 6)
  .card__figure,
  .cards-grid.has-large-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 6)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (624px <= width < 952px) {
  .cards-grid.has-large-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 11)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 11)
  .card__figure,
  .cards-grid.has-large-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 11)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (952px <= width < 1280px) {
  .cards-grid.has-large-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 16)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 16)
  .card__figure,
  .cards-grid.has-large-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 16)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (1280px <= width < 1608px) {
  .cards-grid.has-large-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 21)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 21)
  .card__figure,
  .cards-grid.has-large-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 21)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width >= 1608px) {
  .cards-grid.has-large-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 26)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 26)
  .card__figure,
  .cards-grid.has-large-column-width.has-5-image-rows
  .__cq-card:nth-child(n + 26)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width < 624px) {
  .cards-grid.has-large-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 7)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 7)
  .card__figure,
  .cards-grid.has-large-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 7)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (624px <= width < 952px) {
  .cards-grid.has-large-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 13)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 13)
  .card__figure,
  .cards-grid.has-large-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 13)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (952px <= width < 1280px) {
  .cards-grid.has-large-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 19)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 19)
  .card__figure,
  .cards-grid.has-large-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 19)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (1280px <= width < 1608px) {
  .cards-grid.has-large-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 25)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 25)
  .card__figure,
  .cards-grid.has-large-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 25)
  .card__image-credits {
    display: none;
  }
}

@container cards-grid (width >= 1608px) {
  .cards-grid.has-large-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 31)
  .card {
    grid-template-rows: unset;
  }

  .cards-grid.has-large-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 31)
  .card__figure,
  .cards-grid.has-large-column-width.has-6-image-rows
  .__cq-card:nth-child(n + 31)
  .card__image-credits {
    display: none;
  }
}

.__cq-photo-album {
  container: photo-album/inline-size;
}

.photo-album {
  display: grid;
  gap: clamp(16px, 3.922cqw + 0.118rem, 32px);
}

  .photo-album.has-2-columns {
    grid-template-columns: repeat(2, 1fr);
  }

  .photo-album.has-3-columns {
    grid-template-columns: repeat(3, 1fr);
  }

.cards-grid > .grid__inner,
.photo-album {
  margin: 0;
  padding: 0;
  list-style: none;
}

.highcharts-light,
:root {
  --highcharts-color-0: #2caffe;
  --highcharts-color-1: #544fc5;
  --highcharts-color-2: #00e272;
  --highcharts-color-3: #fe6a35;
  --highcharts-color-4: #6b8abc;
  --highcharts-color-5: #d568fb;
  --highcharts-color-6: #2ee0ca;
  --highcharts-color-7: #fa4b42;
  --highcharts-color-8: #feb56a;
  --highcharts-color-9: #91e8e1;
  --highcharts-background-color: #ffffff;
  --highcharts-neutral-color-100: #000000;
  --highcharts-neutral-color-80: #333333;
  --highcharts-neutral-color-60: #666666;
  --highcharts-neutral-color-40: #999999;
  --highcharts-neutral-color-20: #cccccc;
  --highcharts-neutral-color-10: #e6e6e6;
  --highcharts-neutral-color-5: #f2f2f2;
  --highcharts-neutral-color-3: #f7f7f7;
  --highcharts-highlight-color-100: #0022ff;
  --highcharts-highlight-color-80: #334eff;
  --highcharts-highlight-color-60: #667aff;
  --highcharts-highlight-color-20: #ccd3ff;
  --highcharts-highlight-color-10: #e6e9ff;
  --highcharts-positive-color: #06b535;
  --highcharts-negative-color: #f21313;
}

@media (prefers-color-scheme: dark) {
  :root {
    --highcharts-background-color: rgb(48, 48, 48);
    --highcharts-neutral-color-100: rgb(255, 255, 255);
    --highcharts-neutral-color-80: rgb(214, 214, 214);
    --highcharts-neutral-color-60: rgb(173, 173, 173);
    --highcharts-neutral-color-40: rgb(133, 133, 133);
    --highcharts-neutral-color-20: rgb(92, 92, 92);
    --highcharts-neutral-color-10: rgb(71, 71, 71);
    --highcharts-neutral-color-5: rgb(61, 61, 61);
    --highcharts-neutral-color-3: rgb(57, 57, 57);
    --highcharts-highlight-color-100: rgb(122, 167, 255);
    --highcharts-highlight-color-80: rgb(108, 144, 214);
    --highcharts-highlight-color-60: rgb(94, 121, 173);
    --highcharts-highlight-color-20: rgb(65, 74, 92);
    --highcharts-highlight-color-10: rgb(58, 63, 71);
  }
}

.highcharts-dark {
  --highcharts-background-color: rgb(48, 48, 48);
  --highcharts-neutral-color-100: rgb(255, 255, 255);
  --highcharts-neutral-color-80: rgb(214, 214, 214);
  --highcharts-neutral-color-60: rgb(173, 173, 173);
  --highcharts-neutral-color-40: rgb(133, 133, 133);
  --highcharts-neutral-color-20: rgb(92, 92, 92);
  --highcharts-neutral-color-10: rgb(71, 71, 71);
  --highcharts-neutral-color-5: rgb(61, 61, 61);
  --highcharts-neutral-color-3: rgb(57, 57, 57);
  --highcharts-highlight-color-100: rgb(122, 167, 255);
  --highcharts-highlight-color-80: rgb(108, 144, 214);
  --highcharts-highlight-color-60: rgb(94, 121, 173);
  --highcharts-highlight-color-20: rgb(65, 74, 92);
  --highcharts-highlight-color-10: rgb(58, 63, 71);
}

.highcharts-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: left;
  line-height: normal;
  z-index: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1rem;
  user-select: none;
  touch-action: manipulation;
  outline: none;
}

.highcharts-root {
  display: block;
}

  .highcharts-root text {
    stroke-width: 0;
  }

.highcharts-strong {
  font-weight: 700;
}

.highcharts-emphasized {
  font-style: italic;
}

.highcharts-anchor {
  cursor: pointer;
}

.highcharts-background {
  fill: var(--highcharts-background-color);
}

.highcharts-label-box,
.highcharts-plot-background,
.highcharts-plot-border {
  fill: none;
}

.highcharts-label text {
  fill: var(--highcharts-neutral-color-80);
  font-size: 0.8em;
}

.highcharts-button-box {
  fill: inherit;
}

.highcharts-tracker-line {
  stroke-linejoin: round;
  stroke: rgba(192, 192, 192, 0.0001);
  stroke-width: 22;
  fill: none;
}

.highcharts-tracker-area {
  fill: rgba(192, 192, 192, 0.0001);
  stroke-width: 0;
}

.highcharts-title {
  fill: var(--highcharts-neutral-color-80);
  font-size: 1.2em;
  font-weight: 700;
}

.highcharts-subtitle {
  fill: var(--highcharts-neutral-color-60);
  font-size: 0.8em;
}

.highcharts-axis-line {
  fill: none;
  stroke: var(--highcharts-neutral-color-80);
}

.highcharts-yaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-axis-title {
  fill: var(--highcharts-neutral-color-60);
  font-size: 0.8em;
}

.highcharts-axis-labels {
  fill: var(--highcharts-neutral-color-80);
  cursor: default;
  font-size: 0.8em;
}

.highcharts-grid-line {
  fill: none;
  stroke: var(--highcharts-neutral-color-10);
}

.highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 0;
}

.highcharts-tick {
  stroke: var(--highcharts-neutral-color-80);
}

.highcharts-yaxis .highcharts-tick {
  stroke-width: 0;
}

.highcharts-minor-grid-line {
  stroke: var(--highcharts-neutral-color-5);
}

.highcharts-crosshair-thin {
  stroke-width: 1px;
  stroke: var(--highcharts-neutral-color-20);
}

.highcharts-crosshair-category {
  stroke: var(--highcharts-highlight-color-20);
  stroke-opacity: 0.25;
}

.highcharts-credits {
  cursor: pointer;
  fill: var(--highcharts-neutral-color-40);
  font-size: 0.6em;
  transition: fill 0.25s, font-size 0.25s;
}

  .highcharts-credits:hover {
    fill: var(--highcharts-neutral-color-100);
    font-size: 0.7em;
  }

.highcharts-tooltip {
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
  transition: stroke 0.15s;
}

  .highcharts-tooltip text {
    fill: var(--highcharts-neutral-color-80);
    font-size: 0.8em;
  }

  .highcharts-tooltip .highcharts-header {
    font-size: 0.8em;
  }

.highcharts-tooltip-box {
  stroke-width: 0;
}

  .highcharts-tooltip-box,
  .highcharts-tooltip-box .highcharts-label-box {
    fill: var(--highcharts-background-color);
  }

div.highcharts-tooltip {
  filter: none;
  font-size: 0.8em;
}

.highcharts-selection-marker {
  fill: var(--highcharts-highlight-color-80);
  fill-opacity: 0.25;
}

.highcharts-graph {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.highcharts-empty-series {
  stroke-width: 1px;
  fill: none;
  stroke: var(--highcharts-neutral-color-20);
}

.highcharts-state-hover .highcharts-graph {
  stroke-width: 3;
}

.highcharts-point-inactive,
.highcharts-series-inactive {
  opacity: 0.2;
  transition: opacity 50ms;
}

.highcharts-state-hover path {
  transition: stroke-width 50ms;
}

.highcharts-state-normal path {
  transition: stroke-width 0.25s;
}

.highcharts-data-labels,
.highcharts-markers,
.highcharts-point,
g.highcharts-series {
  transition: opacity 0.25s;
}

.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
.highcharts-legend-series-active
.highcharts-data-labels:not(.highcharts-series-hover),
.highcharts-legend-series-active
.highcharts-markers:not(.highcharts-series-hover),
.highcharts-legend-series-active
g.highcharts-series:not(.highcharts-series-hover) {
  opacity: 0.2;
}

.highcharts-color-0 {
  fill: var(--highcharts-color-0);
  stroke: var(--highcharts-color-0);
}

.highcharts-color-1 {
  fill: var(--highcharts-color-1);
  stroke: var(--highcharts-color-1);
}

.highcharts-color-2 {
  fill: var(--highcharts-color-2);
  stroke: var(--highcharts-color-2);
}

.highcharts-color-3 {
  fill: var(--highcharts-color-3);
  stroke: var(--highcharts-color-3);
}

.highcharts-color-4 {
  fill: var(--highcharts-color-4);
  stroke: var(--highcharts-color-4);
}

.highcharts-color-5 {
  fill: var(--highcharts-color-5);
  stroke: var(--highcharts-color-5);
}

.highcharts-color-6 {
  fill: var(--highcharts-color-6);
  stroke: var(--highcharts-color-6);
}

.highcharts-color-7 {
  fill: var(--highcharts-color-7);
  stroke: var(--highcharts-color-7);
}

.highcharts-color-8 {
  fill: var(--highcharts-color-8);
  stroke: var(--highcharts-color-8);
}

.highcharts-color-9 {
  fill: var(--highcharts-color-9);
  stroke: var(--highcharts-color-9);
}

.highcharts-area {
  fill-opacity: 0.75;
  stroke-width: 0;
}

.highcharts-markers {
  stroke-width: 1px;
  stroke: var(--highcharts-background-color);
}

.highcharts-a11y-marker-hidden,
.highcharts-a11y-markers-hidden
.highcharts-point:not( .highcharts-point-hover, .highcharts-a11y-marker-visible ) {
  opacity: 0;
}

.highcharts-point {
  stroke-width: 1px;
}

.highcharts-dense-data .highcharts-point {
  stroke-width: 0;
}

.highcharts-data-label text,
text.highcharts-data-label {
  font-size: 0.7em;
  font-weight: 700;
}

.highcharts-data-label-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-data-label text,
text.highcharts-data-label {
  fill: var(--highcharts-neutral-color-80);
}

.highcharts-data-label-connector {
  fill: none;
}

.highcharts-data-label-hidden {
  pointer-events: none;
}

.highcharts-halo {
  fill-opacity: 0.25;
  stroke-width: 0;
}

.highcharts-series-label text {
  fill: inherit;
  font-weight: 700;
}

.highcharts-markers .highcharts-point-select,
.highcharts-series:not(.highcharts-pie-series) .highcharts-point-select {
  fill: var(--highcharts-neutral-color-20);
  stroke: var(--highcharts-neutral-color-100);
}

.highcharts-bar-series path.highcharts-point,
.highcharts-column-series path.highcharts-point {
  stroke: var(--highcharts-background-color);
}

.highcharts-column-series .highcharts-point {
  transition: fill-opacity 0.25s;
}

.highcharts-column-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-pie-series .highcharts-point {
  stroke-linejoin: round;
  stroke: var(--highcharts-background-color);
}

.highcharts-pie-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point {
  stroke-linejoin: round;
  stroke: var(--highcharts-background-color);
}

.highcharts-funnel-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-pyramid-series .highcharts-point {
  stroke-linejoin: round;
  stroke: var(--highcharts-background-color);
}

.highcharts-pyramid-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-pyramid-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-solidgauge-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-treemap-series .highcharts-point {
  stroke-width: 1px;
  stroke: var(--highcharts-neutral-color-10);
  transition: stroke 0.25s, fill 0.25s, fill-opacity 0.25s;
}

.highcharts-treemap-series .highcharts-point-hover {
  stroke: var(--highcharts-neutral-color-40);
  transition: stroke 25ms, fill 25ms, fill-opacity 25ms;
}

.highcharts-treemap-series .highcharts-above-level {
  display: none;
}

.highcharts-treemap-series .highcharts-internal-node {
  fill: none;
}

.highcharts-treemap-series .highcharts-internal-node-interactive {
  fill-opacity: 0.15;
  cursor: pointer;
}

  .highcharts-treemap-series .highcharts-internal-node-interactive:hover {
    fill-opacity: 0.75;
  }

.highcharts-vector-series .highcharts-point,
.highcharts-windbarb-series .highcharts-point {
  fill: none;
  stroke-width: 2px;
}

.highcharts-lollipop-stem {
  stroke: var(--highcharts-neutral-color-100);
}

.highcharts-focus-border {
  fill: none;
  stroke-width: 0;
}

.highcharts-legend-item-hidden .highcharts-focus-border {
  fill: none !important;
}

.highcharts-legend-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-legend-item > text {
  fill: var(--highcharts-neutral-color-80);
  font-weight: 700;
  font-size: 0.8em;
  cursor: pointer;
  stroke-width: 0;
}

.highcharts-legend-item:hover text {
  fill: var(--highcharts-neutral-color-100);
}

.highcharts-legend-item:hover .highcharts-axis-labels text {
  fill: var(--black);
}

.highcharts-legend-item-hidden * {
  fill: var(--highcharts-neutral-color-60) !important;
  stroke: var(--highcharts-neutral-color-60) !important;
  transition: fill 0.25s;
  text-decoration: line-through;
}

.highcharts-legend-nav-active {
  fill: var(--highcharts-highlight-color-100);
  cursor: pointer;
}

.highcharts-legend-nav-inactive {
  fill: var(--highcharts-neutral-color-20);
}

circle.highcharts-legend-nav-active,
circle.highcharts-legend-nav-inactive {
  fill: rgba(192, 192, 192, 0.0001);
}

.highcharts-legend-title-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-bubble-legend-symbol {
  stroke-width: 2;
  fill-opacity: 0.5;
}

.highcharts-bubble-legend-connectors {
  stroke-width: 1;
}

.highcharts-bubble-legend-labels {
  fill: var(--highcharts-neutral-color-80);
  font-size: 0.7em;
}

.highcharts-loading {
  position: absolute;
  background-color: var(--highcharts-background-color);
  opacity: 0.5;
  text-align: center;
  z-index: 10;
  transition: opacity 0.25s;
}

.highcharts-loading-hidden {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.25s, height 0.25s step-end;
}

.highcharts-loading-inner {
  font-weight: 700;
  position: relative;
  top: 45%;
}

.highcharts-pane,
.highcharts-plot-band {
  fill: var(--highcharts-neutral-color-100);
  fill-opacity: 0.05;
}

.highcharts-plot-line {
  fill: none;
  stroke: var(--highcharts-neutral-color-40);
  stroke-width: 1px;
}

.highcharts-plot-line-label {
  font-size: 0.8em;
}

.highcharts-boxplot-box {
  fill: var(--highcharts-background-color);
}

.highcharts-boxplot-median {
  stroke-width: 2px;
}

.highcharts-bubble-series .highcharts-point {
  fill-opacity: 0.5;
}

.highcharts-errorbar-series .highcharts-point {
  stroke: var(--highcharts-neutral-color-100);
}

.highcharts-gauge-series .highcharts-data-label-box {
  stroke: var(--highcharts-neutral-color-20);
  stroke-width: 1px;
}

.highcharts-gauge-series .highcharts-dial {
  fill: var(--highcharts-neutral-color-100);
  stroke-width: 0;
}

.highcharts-polygon-series .highcharts-graph {
  fill: inherit;
  stroke-width: 0;
}

.highcharts-waterfall-series .highcharts-graph {
  stroke: var(--highcharts-neutral-color-80);
  stroke-dasharray: 1, 3;
}

.highcharts-sankey-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-sankey-series .highcharts-link {
  transition: fill 0.25s, fill-opacity 0.25s;
  fill-opacity: 0.5;
}

.highcharts-sankey-series .highcharts-point-hover.highcharts-link {
  transition: fill 50ms, fill-opacity 50ms;
  fill-opacity: 1;
}

.highcharts-venn-series .highcharts-point {
  fill-opacity: 0.75;
  stroke: var(--highcharts-neutral-color-20);
  transition: stroke 0.25s, fill-opacity 0.25s;
}

.highcharts-venn-series .highcharts-point-hover {
  fill-opacity: 1;
  stroke: var(--highcharts-neutral-color-20);
}

.highcharts-timeline-series .highcharts-graph {
  stroke: var(--highcharts-neutral-color-20);
}

.highcharts-navigator-mask-outside {
  fill-opacity: 0;
}

.highcharts-navigator-mask-inside {
  fill: var(--highcharts-highlight-color-60);
  fill-opacity: 0.25;
  cursor: ew-resize;
}

.highcharts-navigator-outline {
  stroke: var(--highcharts-neutral-color-40);
  fill: none;
}

.highcharts-navigator-handle {
  stroke: var(--highcharts-neutral-color-40);
  fill: var(--highcharts-neutral-color-5);
  cursor: ew-resize;
}

.highcharts-navigator-series {
  fill: var(--highcharts-highlight-color-80);
  stroke: var(--highcharts-highlight-color-80);
}

  .highcharts-navigator-series .highcharts-graph {
    stroke-width: 1px;
  }

  .highcharts-navigator-series .highcharts-area {
    fill-opacity: 0.05;
  }

.highcharts-navigator-xaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-navigator-xaxis .highcharts-grid-line {
  stroke-width: 1px;
  stroke: var(--highcharts-neutral-color-10);
}

.highcharts-navigator-xaxis.highcharts-axis-labels {
  fill: var(--highcharts-neutral-color-100);
  font-size: 0.7em;
  opacity: 0.6;
}

.highcharts-navigator-yaxis .highcharts-grid-line {
  stroke-width: 0;
}

.highcharts-scrollbar-thumb {
  fill: var(--highcharts-neutral-color-20);
  stroke: var(--highcharts-neutral-color-20);
  stroke-width: 0;
}

.highcharts-scrollbar-button {
  fill: var(--highcharts-neutral-color-10);
  stroke: var(--highcharts-neutral-color-20);
  stroke-width: 1px;
}

.highcharts-scrollbar-arrow {
  fill: var(--highcharts-neutral-color-60);
}

.highcharts-scrollbar-rifles {
  stroke: none;
  stroke-width: 1px;
}

.highcharts-scrollbar-track {
  fill: rgba(255, 255, 255, 0.001);
}

.highcharts-button,
.highcharts-scrollbar-track {
  stroke: var(--highcharts-neutral-color-20);
  stroke-width: 1px;
}

.highcharts-button {
  fill: var(--highcharts-neutral-color-3);
  cursor: default;
  transition: fill 0.25s;
}

  .highcharts-button text {
    fill: var(--highcharts-neutral-color-80);
    font-size: 0.8em;
  }

.highcharts-button-hover {
  transition: fill 0s;
  fill: var(--highcharts-neutral-color-10);
  stroke: var(--highcharts-neutral-color-20);
}

  .highcharts-button-hover text {
    fill: var(--highcharts-neutral-color-80);
  }

.highcharts-button-pressed {
  font-weight: 700;
  fill: var(--highcharts-highlight-color-10);
  stroke: var(--highcharts-neutral-color-20);
}

  .highcharts-button-pressed text {
    font-weight: 700;
  }

  .highcharts-button-disabled text,
  .highcharts-button-pressed text {
    fill: var(--highcharts-neutral-color-80);
  }

.highcharts-range-selector-buttons .highcharts-button {
  stroke-width: 0;
}

.highcharts-range-label rect {
  fill: none;
}

.highcharts-range-label text {
  fill: var(--highcharts-neutral-color-60);
}

.highcharts-range-input rect {
  fill: none;
}

.highcharts-range-input text {
  fill: var(--highcharts-neutral-color-80);
  font-size: 0.8em;
}

.highcharts-range-input {
  stroke-width: 1px;
  stroke: var(--highcharts-neutral-color-20);
}

input.highcharts-range-selector {
  position: absolute;
  border: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  text-align: center;
  left: -9em;
}

.highcharts-crosshair-label text {
  fill: var(--highcharts-background-color);
  font-size: 1.7em;
}

.highcharts-crosshair-label .highcharts-label-box {
  fill: inherit;
}

.highcharts-candlestick-series .highcharts-point {
  stroke: var(--highcharts-neutral-color-100);
  stroke-width: 1px;
}

.highcharts-candlestick-series .highcharts-point-up {
  fill: var(--highcharts-background-color);
}

.highcharts-hollowcandlestick-series .highcharts-point-down {
  fill: var(--highcharts-negative-color);
  stroke: var(--highcharts-negative-color);
}

.highcharts-hollowcandlestick-series .highcharts-point-down-bearish-up {
  fill: var(--highcharts-positive-color);
  stroke: var(--highcharts-positive-color);
}

.highcharts-hollowcandlestick-series .highcharts-point-up {
  fill: transparent;
  stroke: var(--highcharts-positive-color);
}

.highcharts-ohlc-series .highcharts-point-hover {
  stroke-width: 3px;
}

.highcharts-flags-series .highcharts-point .highcharts-label-box {
  stroke: var(--highcharts-neutral-color-40);
  fill: var(--highcharts-background-color);
  transition: fill 0.25s;
}

.highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
  stroke: var(--highcharts-neutral-color-100);
  fill: var(--highcharts-highlight-color-20);
}

.highcharts-flags-series .highcharts-point text {
  fill: var(--highcharts-neutral-color-100);
  font-size: 0.9em;
  font-weight: 700;
}

.highcharts-map-series .highcharts-point {
  transition: fill 0.5s, fill-opacity 0.5s, stroke-width 0.25s;
  stroke: var(--highcharts-neutral-color-20);
  stroke-width: inherit;
}

.highcharts-map-series .highcharts-point-hover {
  transition: fill 0s, fill-opacity 0s;
  fill-opacity: 0.5;
}

.highcharts-mapline-series .highcharts-point {
  fill: none;
}

.highcharts-heatmap-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-map-navigation {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
}

  .highcharts-map-navigation.highcharts-button {
    fill: var(--highcharts-background-color);
    stroke: var(--highcharts-neutral-color-10);
  }

    .highcharts-map-navigation.highcharts-button:hover {
      fill: var(--highcharts-neutral-color-10);
    }

    .highcharts-map-navigation.highcharts-button .highcharts-button-symbol {
      stroke-width: 2px;
    }

.highcharts-mapview-inset-border {
  stroke: var(--highcharts-neutral-color-20);
  stroke-width: 1px;
  fill: none;
}

.highcharts-coloraxis {
  stroke-width: 0;
}

.highcharts-coloraxis-marker {
  fill: var(--highcharts-neutral-color-40);
}

.highcharts-null-point {
  fill: var(--highcharts-neutral-color-3);
}

.highcharts-3d-frame {
  fill: transparent;
}

.highcharts-contextbutton {
  fill: var(--highcharts-background-color);
  stroke: none;
  stroke-linecap: round;
}

  .highcharts-contextbutton:hover {
    fill: var(--highcharts-neutral-color-10);
    stroke: var(--highcharts-neutral-color-10);
  }

.highcharts-button-symbol {
  stroke: var(--highcharts-neutral-color-60);
  stroke-width: 3px;
}

.highcharts-menu {
  border: none;
  background: var(--highcharts-background-color);
  border-radius: 3px;
  padding: 0.5em;
  box-shadow: 3px 3px 10px #888;
}

.highcharts-menu-item {
  background: none;
  border-radius: 3px;
  color: var(--highcharts-neutral-color-80);
  cursor: pointer;
  font-size: 0.8em;
  list-style-type: none;
  padding: 0.5em;
  transition: background 0.25s, color 0.25s;
}

  .highcharts-menu-item:hover {
    background: var(--highcharts-neutral-color-5);
  }

.highcharts-breadcrumbs-button {
  fill: none;
  stroke-width: 0;
  cursor: pointer;
}

.highcharts-breadcrumbs-separator {
  fill: var(--highcharts-neutral-color-60);
}

.highcharts-drilldown-point {
  cursor: pointer;
}

.highcharts-drilldown-axis-label,
.highcharts-drilldown-data-label text,
text.highcharts-drilldown-data-label {
  cursor: pointer;
  fill: var(--highcharts-highlight-color-100);
  font-weight: 700;
  text-decoration: underline;
}

.highcharts-no-data text {
  font-weight: 700;
  font-size: 0.8em;
  fill: var(--highcharts-neutral-color-60);
}

.highcharts-axis-resizer {
  cursor: ns-resize;
  stroke: var(--highcharts-neutral-color-100);
  stroke-width: 2px;
}

.highcharts-bullet-target {
  stroke-width: 0;
}

.highcharts-lineargauge-target,
.highcharts-lineargauge-target-line {
  stroke-width: 1px;
  stroke: var(--highcharts-neutral-color-80);
}

.highcharts-annotation-label-box {
  stroke-width: 1px;
  stroke: var(--highcharts-neutral-color-100);
  fill: var(--highcharts-neutral-color-100);
  fill-opacity: 0.75;
}

.highcharts-annotation-label text {
  fill: var(--highcharts-neutral-color-10);
  font-size: 0.8em;
}

.highcharts-a11y-proxy-element {
  border-width: 0;
  background-color: initial;
  cursor: pointer;
  outline: none;
  opacity: 0.001;
  z-index: 999;
  overflow: hidden;
  padding: 0;
  margin: 0;
  display: block;
  position: absolute;
}

.highcharts-a11y-proxy-group li {
  list-style: none;
}

.highcharts-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  margin-top: -3px;
  opacity: 0.01;
}

.highcharts-a11y-invisible {
  visibility: hidden;
}

.highcharts-a11y-proxy-container,
.highcharts-a11y-proxy-container-after,
.highcharts-a11y-proxy-container-before {
  position: absolute;
  white-space: nowrap;
}

.highcharts-markers,
.highcharts-point,
g.highcharts-series {
  outline: none;
}

.highcharts-treegrid-node-collapsed,
.highcharts-treegrid-node-expanded {
  cursor: pointer;
}

.highcharts-point-connecting-path {
  fill: none;
}

.highcharts-grid-axis .highcharts-axis-line,
.highcharts-grid-axis .highcharts-tick {
  stroke-width: 1px;
}

.highcharts-container {
  --highcharts-background-color: var(--white);
  --highcharts-color-0: var(--dark-blue);
  --highcharts-color-1: var(--purple);
  --highcharts-color-2: var(--ruby-red);
  --highcharts-color-3: var(--dark-green);
  --highcharts-color-4: var(--sky-blue);
  --highcharts-color-5: var(--violet);
  --highcharts-color-6: var(--orange);
  --highcharts-color-7: var(--green);
  --highcharts-color-8: var(--light-blue);
  --highcharts-color-9: var(--pink);
  --highcharts-color-10: var(--yellow);
  --highcharts-color-11: var(--mint-green);
  --highcharts-color-12: var(--logo-blue);
  --highcharts-color-13: var(--red);
  --highcharts-color-14: var(--dark-yellow);
  --highcharts-color-15: var(--moss-green);
  font-family: var(--font-family);
}

.highcharts-color-10 {
  fill: var(--highcharts-color-10);
  stroke: red;
}

.highcharts-color-11 {
  fill: var(--highcharts-color-11);
  stroke: red;
}

.highcharts-color-12 {
  fill: var(--highcharts-color-12);
  stroke: red;
}

.highcharts-color-13 {
  fill: var(--highcharts-color-13);
  stroke: red;
}

.highcharts-color-14 {
  fill: var(--highcharts-color-14);
  stroke: red;
}

.highcharts-color-15 {
  fill: var(--highcharts-color-15);
  stroke: red;
}

.chart-block__header {
  margin-block-end: clamp(8px, 4.478vw - 0.709rem, 20px);
}

@media (min-width: 768px) {
  .chart-block__header {
    padding-inline: 16px;
  }
}

.chart-block__title {
  font-size: clamp( var(--font-size-step-3), 0.746vw + 1.174rem, var(--font-size-step-4) );
  line-height: clamp( var(--line-height-step-3), 0.746vw + 1.611rem, var(--line-height-step-4) );
  font-weight: var(--headings-font-weight);
  color: var(--headings-color);
  text-align: center;
  margin-block-end: 0;
}

.chart-block__subtitle {
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  color: var(--gray-600);
  text-align: center;
}

.highcharts-axis-labels {
  font: var(--typography-step-0) var(--font-family);
  fill: var(--black);
}

.highcharts-legend-item > text {
  font: var(--typography-step-0) var(--font-family);
  fill: var(--default-link-color);
}

.highcharts-legend-item:hover > text {
  fill: var(--default-link-hover-color);
}

.highcharts-tooltip-box {
  stroke-width: 1px;
}

.chart .highcharts-tooltip {
  --border-color: var(--gray-600);
  stroke: var(--border-color);
  fill: var(--border-color);
}

.highcharts-tooltip text,
.highcharts-tooltip text .highcharts-header {
  font: var(--typography-step-0) var(--font-family);
  fill: var(--black);
}

.highcharts-graph {
  stroke-width: 2px;
}

.highcharts-point {
  stroke: var(--white);
}

.highcharts-label text {
  font: var(--typography-step-negative-1) var(--font-weight-regular) var(--font-family);
}

.highcharts-area {
  fill-opacity: 1;
}

.highcharts-axis-line,
.highcharts-tick {
  stroke: var(--gray-200);
}

.data-table-chart {
  display: none;
}

.chart-block__credits {
  display: flex;
  justify-content: flex-end;
  font: var(--typography-step-negative-1) var(--font-family);
  text-decoration: none;
  padding-inline-end: 10px;
}

  .chart-block__credits,
  .chart-block__credits:hover,
  .chart-block__credits:visited {
    color: var(--gray-600);
    cursor: default;
  }

    .chart-block__credits:focus-visible {
      outline: unset;
    }

    .chart-block__credits:focus {
      position: relative;
      z-index: 1010;
      outline: 2px dashed var(--default-text-color);
      outline-offset: 3px;
    }

.chart-block__accordion,
.chart-block__explanation {
  margin-block-start: clamp(16px, 2.985vw + 0.194rem, 24px);
}

  .chart-block__accordion .accordion-item__content-wrapper,
  .chart-block__accordion .accordion-item__panel {
    overflow: auto;
  }

.rich-text .highcharts-table-caption {
  font-size: clamp( var(--font-size-step-2), 0.746vw + 1.049rem, var(--font-size-step-3) );
  line-height: clamp( var(--line-height-step-2), 0.746vw + 1.486rem, var(--line-height-step-3) );
  font-weight: var(--headings-font-weight);
  color: var(--default-text-color);
  margin-block-end: clamp(8px, 2.985vw - 0.306rem, 16px);
}

.highcharts-focus-border {
  position: relative;
  z-index: 1010;
  outline: 2px dashed var(--default-text-color);
  outline-offset: 3px;
  outline-offset: 0;
}

.csv-table {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.csv-table__title {
  font-size: clamp( var(--font-size-step-3), 0.746vw + 1.174rem, var(--font-size-step-4) );
  line-height: clamp( var(--line-height-step-3), 0.746vw + 1.611rem, var(--line-height-step-4) );
  font-weight: var(--headings-font-weight);
  color: var(--headings-color);
  margin-block: 0;
}

.csv-table__subtitle {
  font-size: clamp( var(--font-size-step-negative-1), 0.746vw + 0.674rem, var(--font-size-step-0) );
  line-height: clamp( var(--line-height-step-negative-1), 0.746vw + 1.111rem, var(--line-height-step-0) );
  color: var(--gray-600);
  margin-block: 0;
}

.csv-table__description,
.csv-table__description * {
  font-size: clamp( var(--font-size-step-0), 1.493vw + 0.597rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-0-body-text), 1.493vw + 1.222rem, var(--line-height-step-2-body-text) );
}

.csv-table__download-link {
  color: var(--default-link-color);
  font: var(--typography-step-0) var(--font-family);
}

  .csv-table__download-link:hover {
    color: var(--default-link-hover-color);
  }

.data-table {
  overflow-x: auto;
}

.copy-button__icon,
.copy-button__icon svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.copy-button--is-copied {
  --button-color: var(--green);
}

.download-list {
  margin-inline-start: 0;
  list-style: none;
}

.download-list__link {
  --default-link-color: var(--alt-link-color);
  --default-link-hover-color: var(--alt-link-hover-color);
  color: var(--default-link-color);
  text-decoration: none;
  display: block;
  background-color: var(--gray-100);
  margin-block-end: 16px;
  padding: 12px;
}

  .download-list__link:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

  .download-list__link:hover {
    color: var(--default-link-hover-color);
  }

    .download-list__link:hover .title {
      text-decoration: underline;
      text-decoration-thickness: 2px;
      text-underline-offset: 2px;
    }

.download-list__heading {
  font-size: clamp( var(--font-size-step-2), 1.493vw + 0.847rem, var(--font-size-step-4) );
  line-height: clamp( var(--line-height-step-2), 1.493vw + 1.285rem, var(--line-height-step-4) );
  font-weight: var(--headings-font-weight);
  margin-block-end: 8px;
}

.download-list__heading--is-external {
  --icon-column-width: 0.75em;
  display: inline-grid;
  grid-template-columns: var(--icon-column-width) auto;
  column-gap: 0.4em;
}

.navigation-block.is-full-width {
  --grid-padding: var(--viewport-padding);
  --nav-column-width: 1fr;
  display: grid;
  grid-template-columns: [full-start] var(--grid-padding) [nav-start] var( --nav-column-width ) [nav-end] var(--grid-padding) [full-end];
}

@media (min-width: 1200px) {
  .navigation-block.is-full-width {
    --grid-padding: var(--viewport-padding);
    --nav-column-width: minmax(0, var(--wide-content-column-width));
  }
}

.navigation-block.editorial-nav,
.navigation-block.has-large-padding,
.navigation-block.has-medium-padding {
  --link-color: var(--navigation-block-title-color);
  background-color: var(--navigation-block-background-color);
}

.navigation-block.has-medium-padding {
  padding: clamp(16px, 1.493vw + 0.597rem, 20px);
}

.navigation-block.has-large-padding {
  padding-block: clamp(28px, 4.478vw + 0.541rem, 40px);
}

@media print {
  .navigation-block {
    background: rgba(0, 0, 0, 0);
    border-block: 1px solid var(--gray-400);
  }
}

.navigation-block__inner {
  grid-column: nav;
}

.editorial-nav {
  padding-block: clamp(28px, 4.478vw + 0.541rem, 40px);
}

  .editorial-nav.is-prominent {
    --navigation-block-background-color: var(--prominent-editorial-nav-color);
    --navigation-block-title-color: var(--prominent-editorial-nav-title-color);
    --navigation-block-title-hover-color: var( --prominent-editorial-nav-title-hover-color );
    --navigation-block-description-color: var( --prominent-editorial-nav-description-color );
    padding-block: 32px;
  }

@media (min-width: 576px) {
  .editorial-nav.is-prominent {
    padding-block: 40px;
  }
}

@media (min-width: 768px) {
  .editorial-nav.is-prominent {
    padding-block: 48px;
  }
}

@media (min-width: 992px) {
  .editorial-nav.is-prominent {
    padding-block: 64px;
  }
}

[data-editorial-nav-color="logo-blue"] .editorial-nav.is-prominent {
  --prominent-editorial-nav-color: var(--logo-blue);
  --prominent-editorial-nav-title-color: var(--white);
  --prominent-editorial-nav-title-hover-color: var( --prominent-editorial-nav-title-color );
  --prominent-editorial-nav-description-color: var(--white);
}

[data-editorial-nav-color="theme-color"] .editorial-nav.is-prominent {
  --prominent-editorial-nav-color: var(--nav-bar-color);
  --prominent-editorial-nav-title-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-title-hover-color: var( --prominent-editorial-nav-title-color );
  --prominent-editorial-nav-description-color: var(--nav-bar-text-color);
}

.editorial-nav__item {
  --nav-icon-width: clamp(24.989px, 0.668vw + 1.382rem, 26.778px);
  text-decoration: none;
  display: grid;
  grid-template-columns: var(--nav-icon-width) 1fr;
  column-gap: clamp(8px, 2.985vw - 0.306rem, 16px);
  row-gap: 0;
  grid-template-areas: "icon title" ".... description";
  align-content: start;
}

.is-prominent .editorial-nav__item {
  --nav-icon-width: clamp(26.778px, 1.335vw + 1.313rem, 30.356px);
  column-gap: 16px;
}

.editorial-nav__item:hover .editorial-nav__title {
  text-decoration: underline;
  text-decoration-thickness: var(--text-decoration-thickness-regular);
  text-underline-offset: var(--default-text-underline-offset);
  color: var(--navigation-block-title-hover-color);
}

.is-prominent .editorial-nav__item:hover .editorial-nav__title {
  color: var(--prominent-editorial-nav-title-hover-color);
}

.editorial-nav__item:focus {
  position: relative;
  z-index: 1010;
  outline: 2px dashed var(--default-text-color);
  outline-offset: 3px;
}

  .editorial-nav__item:focus:after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -5px;
    border: 2px solid var(--white);
  }

.editorial-nav__icon {
  position: relative;
  inset-block-start: -0.1em;
  grid-area: icon;
  width: var(--nav-icon-width);
  height: var(--nav-icon-width);
  max-width: 100%;
  display: flex;
  align-items: center;
}

  .editorial-nav__icon.is-external-link-icon,
  .editorial-nav__icon.is-fallback-icon {
    fill: var(--navigation-block-title-color);
  }

@media print {
  .editorial-nav__icon {
    background-color: var(--black);
  }
}

.meta-sans .editorial-nav__icon,
.meta-serif .editorial-nav__icon {
  position: relative;
  inset-block-start: -1px;
}

.editorial-nav__title {
  grid-area: title;
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  font-weight: 400;
  color: var(--navigation-block-title-color);
  margin-block-end: clamp(4px, 1.493vw - 0.153rem, 8px);
  hyphens: auto;
}

.is-prominent .editorial-nav__title {
  font-size: clamp( var(--font-size-step-2), 1.493vw + 0.847rem, var(--font-size-step-4) );
  line-height: clamp( var(--line-height-step-2), 1.493vw + 1.285rem, var(--line-height-step-4) );
}

@media print {
  .editorial-nav__title {
    color: var(--black);
  }
}

.editorial-nav__description {
  grid-area: description;
  font-size: clamp( var(--font-size-step-0), 0.746vw + 0.799rem, var(--font-size-step-1) );
  line-height: clamp( var(--line-height-step-0-body-text), 0.746vw + 1.424rem, var(--line-height-step-1-body-text) );
  color: var(--navigation-block-description-color);
  margin: 0;
}

@media print {
  .editorial-nav__description {
    color: var(--black);
  }
}

.__cq-feedback-bar {
  container: feedback-bar/inline-size;
}

.feedback-bar {
  background-color: var(--confirmation);
  padding: clamp(16px, 2.985vw + 0.194rem, 24px);
}

.feedback-bar__question .field-container__input-container {
  display: grid;
  column-gap: 24px;
  row-gap: 16px;
}

@container feedback-bar (width >= 600px) {
  .feedback-bar__question .field-container__input-container {
    grid-template-columns: auto 1fr;
    row-gap: 8px;
  }
}

.feedback-bar__question .field-container__input-container .radio-button {
  margin: 0;
}

.feedback-bar__question
.field-container__input-container
.radio-button__content {
  grid-gap: 10px;
}

.feedback-bar__question .field-container__input-container .radio-button__input {
  transform: none;
}

.feedback-bar__question:not(:last-child) {
  margin-block-end: clamp(24px, 2.985vw + 0.694rem, 32px);
}

.feedback-bar__question .label,
.feedback-bar__submit-confirmation-heading {
  font: var(--typography-step-1) var(--font-family);
  font-weight: var(--font-weight-bold);
}

.feedback-bar__question .radio-button__label-text,
.feedback-bar__submit-confirmation-text {
  font: var(--typography-step-1) var(--font-family);
  margin: 0;
}

.filter-form-sorting {
  display: flex;
  flex-wrap: wrap;
  font-size: clamp( var(--font-size-step-0), 1.493vw + 0.597rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-0), 1.493vw + 1.035rem, var(--line-height-step-2) );
}

.filter-form-sorting__label {
  min-width: fit-content;
  padding-inline-end: 8px;
}

.filter-form-sorting__radio-list {
  display: flex;
  flex-wrap: wrap;
}

.filter-form-sorting__radio-container:not(:last-child):after {
  margin-inline-start: 4px;
  margin-inline-end: 4px;
  content: "/";
}

.filter-form-sorting__radio-container:has( .filter-form-sorting__radio-control:checked )
.filter-form-sorting__radio-label {
  font-weight: 700;
}

.filter-form-sorting__radio-container:not( :has(.filter-form-sorting__radio-control:checked) )
.filter-form-sorting__radio-label {
  color: var(--default-link-color);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

  .filter-form-sorting__radio-container:not( :has(.filter-form-sorting__radio-control:checked) )
  .filter-form-sorting__radio-label:hover {
    color: var(--default-link-hover-color);
    text-decoration: none;
  }

.filter-form-sorting__radio-container:has( .filter-form-sorting__radio-control:focus )
.filter-form-sorting__radio-label {
  position: relative;
  z-index: 1010;
  outline: 2px dashed var(--default-text-color);
  outline-offset: 3px;
}

.filter-form-tags {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.filter-form-tags__item:has(.filter-form-tags__button:focus) {
  position: relative;
  z-index: 1010;
  outline: 2px dashed var(--default-text-color);
  outline-offset: 3px;
}

.filter-form-tags__button {
  border: 0;
  color: var(--black);
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  font-size: 16px;
  padding: 8px;
  border-radius: 4px;
  line-height: 16px;
  background-color: var(--gray-100);
}

  .filter-form-tags__button:after {
    position: relative;
    font-family: var(--icons-font-family);
    content: "";
  }

  .filter-form-tags__button:hover {
    background-color: var(--gray-200);
    cursor: pointer;
  }

  .filter-form-tags__button:focus {
    outline: none;
  }

  .filter-form-tags__button:hover .filter-form-tags__button-text {
    text-decoration: line-through;
  }

.filtertool__intro {
  margin-bottom: 32px;
}

.filtertool__title {
  margin-bottom: 16px;
}

.filtertool__description,
.filtertool__result {
  margin-bottom: 32px;
}

.filtertool__container {
  padding: 40px;
  background-color: var(--gray-100);
}

.filtertool__question-container {
  padding-bottom: 16px;
  border-bottom: 3px solid var(--primary-color);
}

.filtertool__question-form {
  padding: 32px 0;
}

.filtertool__question-buttonArea {
  display: flex;
  justify-content: space-between;
}

.filtertool__question-pullRight {
  margin-left: auto;
}

.filtertool__results {
  margin-bottom: 48px;
}

.filtertool__result-buttonWrapper {
  align-items: flex-end;
  border-top: 1px solid var(--primary-color);
  border-bottom: 3px solid var(--primary-color);
  display: flex;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 32px 0;
  flex-direction: row;
  justify-content: flex-end;
}

.filtertool__result-pdfButton {
  margin-left: 16px;
  margin-top: 16px;
}

.filtertool__result-grouping {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: 40px;
}

.filtertool__result-button {
  width: auto;
  margin-left: 16px;
}

  .filtertool__result-button button:disabled,
  .filtertool__result-button button[disabled] {
    color: #000;
    border-bottom: 0;
    cursor: default;
  }

.filtertool__result-slash {
  margin-left: 8px;
}

.filtertool__result-header {
  margin-bottom: 16px;
  color: #154273;
}

.checkbox,
.radio-button {
  display: flex;
  width: fit-content;
}

  .checkbox:not(:last-child),
  .radio-button:not(:last-child) {
    margin-block-end: 12px;
  }

  .checkbox .checkbox__content,
  .checkbox .checkbox__label-text,
  .checkbox .radio-button__content,
  .checkbox .radio-button__label-text,
  .radio-button .checkbox__content,
  .radio-button .checkbox__label-text,
  .radio-button .radio-button__content,
  .radio-button .radio-button__label-text {
    grid-template-columns: min-content auto;
    grid-gap: 12px;
    align-items: flex-start;
    font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
    line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
    font-weight: 400;
    color: var(--default-text-color);
  }

  .checkbox .checkbox__content,
  .checkbox .radio-button__content,
  .radio-button .checkbox__content,
  .radio-button .radio-button__content {
    display: grid;
  }

.checkbox__control,
.radio-button__control {
  width: 24px;
  height: 24px;
  border: 1px solid;
  background-color: var(--white);
}

.checkbox__control {
  display: inline-grid;
  border-radius: 0;
}

  .checkbox__control svg {
    display: none;
    transform: scale(0);
  }

.checkbox__input,
.radio-button__input {
  transform: translateY(1px);
}

  .checkbox__input input,
  .radio-button__input input {
    opacity: 0;
  }

.checkbox__input {
  display: grid;
  grid-template-areas: "checkbox";
}

  .checkbox__input > * {
    grid-area: checkbox;
  }

  .checkbox__input input {
    width: 24px;
    height: 24px;
  }

    .checkbox__input input:focus + .checkbox__control {
      outline: 2px dashed var(--default-text-color);
      outline-offset: 3px;
    }

    .checkbox__input input:checked + .checkbox__control {
      background-color: var(--default-button-color);
      border-color: rgba(0, 0, 0, 0);
    }

      .checkbox__input input:checked + .checkbox__control .checkbox__svg-checked {
        display: unset;
        transform: scale(0.8);
      }

        .checkbox__input
        input:checked + .checkbox__control
        .checkbox__svg-checked
        path {
          stroke: var(--white);
        }

.parent-checkbox__container .parent-checkbox .checkbox__label-text {
  font-weight: var(--font-weight-bold);
}

.parent-checkbox__container .checkbox:not(.parent-checkbox) {
  margin-inline-start: 36px;
}

.parent-checkbox__container input[aria-checked="mixed"] + .checkbox__control {
  background-color: var(--default-button-color);
  border-color: rgba(0, 0, 0, 0);
}

  .parent-checkbox__container
  input[aria-checked="mixed"] + .checkbox__control
  .checkbox__svg-mixed {
    display: unset;
    transform: scale(0.8);
  }

    .parent-checkbox__container
    input[aria-checked="mixed"] + .checkbox__control
    .checkbox__svg-mixed
    path {
      stroke: var(--white);
    }

.form-confirmation-message {
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  margin-block-end: clamp(16px, 2.985vw + 0.194rem, 24px);
  padding-block-end: clamp(16px, 2.985vw + 0.194rem, 24px);
  border-bottom: 1px solid var(--gray-300);
}

:root {
  --text-decoration-thickness-regular: 1px;
  --text-decoration-thickness-bold: 2px;
  --default-text-underline-offset: 0.15em;
}

.form-error-summary__list {
  list-style-type: square;
  list-style-position: outside;
  padding-inline-start: 1em;
  margin: 0;
}

.form-error-summary__list-item a {
  --link-color: var(--default-link-color);
  --link-hover-color: var(--default-link-hover-color);
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-thickness: var(--text-decoration-thickness-regular);
  text-underline-offset: var(--default-text-underline-offset);
  cursor: pointer;
}

  .form-error-summary__list-item a:hover {
    color: var(--link-hover-color);
    text-decoration: none;
  }

  .form-error-summary__list-item a:visited {
    color: var(--visited-link-color);
  }

  .form-error-summary__list-item a:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

  .form-error-summary__list-item a.link-with-icon {
    --icon-height: 0.7em;
    position: relative;
    gap: 4px;
  }

    .form-error-summary__list-item a.link-with-icon > .svg-icon {
      height: var(--icon-height);
      position: relative;
      inset-block-start: 0.1em;
      margin-inline-end: 4px;
    }

      .form-error-summary__list-item a.link-with-icon > .svg-icon.external-link {
        inset-block-start: 0.15em;
      }

      .form-error-summary__list-item a.link-with-icon > .svg-icon svg {
        fill: currentColor;
        width: auto;
        height: var(--icon-height);
      }

.form-error-summary__list-item table a {
  --link-color: var(--alt-link-color);
  --link-hover-color: var(--alt-link-hover-color);
}

.form-error-summary__list-item:not(:last-child) {
  margin-block-end: 8px;
}

.field-container {
  display: grid;
  color: var(--black);
}

.form__content .field-container:not(:last-child) {
  margin-block-end: clamp(24px, 5.97vw - 0.112rem, 40px);
}

.field-container__label {
  order: 1;
}

.field-container__input-container {
  order: 2;
  margin-block-start: 8px;
}

.checkbox-group:not(.has-help-text-below-inputs)
.field-container__input-container,
.radio-group:not(.has-help-text-below-inputs)
.field-container__input-container {
  order: 3;
  margin-block-start: 12px;
}

.field-container__label.screen-reader-only + .field-container__input-container {
  margin-block-start: 0;
}

.field-container__error-message,
.field-container__help-text {
  order: 3;
}

.checkbox-group:not(.has-help-text-below-inputs)
.field-container__error-message,
.checkbox-group:not(.has-help-text-below-inputs) .field-container__help-text,
.radio-group:not(.has-help-text-below-inputs) .field-container__error-message,
.radio-group:not(.has-help-text-below-inputs) .field-container__help-text {
  order: 2;
}

.checkbox-group:not(.has-help-text-below-inputs)
.field-container__error-message,
.radio-group:not(.has-help-text-below-inputs) .field-container__error-message {
  margin-block-start: 4px;
}

.field-container__help-text {
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  font-weight: var(--font-weight-regular);
  font-style: italic;
  margin-block-start: 8px;
}

.dual-fields-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

@media (min-width: 432px) {
  .dual-fields-container {
    grid-template-columns: 1fr 1fr;
  }
}

.dual-fields-container .field-container {
  margin-block-end: 0 !important;
}

.error-message {
  display: block;
  width: 100%;
  background-color: var(--error);
  padding-block: 6px;
  padding-inline: 10px;
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
}

.error-message,
.help-text {
  font-weight: var(--font-weight-regular);
}

.help-text {
  font-size: clamp( var(--font-size-step-negative-1), 0.746vw + 0.674rem, var(--font-size-step-0) );
  line-height: clamp( var(--line-height-step-negative-1), 0.746vw + 1.111rem, var(--line-height-step-0) );
  font-style: italic;
}

.label {
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  font-weight: var(--font-weight-regular);
  color: var(--default-text-color);
  margin-bottom: 0;
}

  .label.field-has-error {
    display: grid;
    grid-template-columns: min-content 1fr;
    column-gap: 6px;
    align-items: center;
    color: var(--red);
  }

  .label:not(:has(+ .field-container__input-container)) {
    margin-block-end: 8px;
  }

.field-has-error .label__text {
  transition: margin-inline-start 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.label__error-icon {
  display: none;
  position: relative;
  transform: translateY(-1px);
}

.field-has-error .label__error-icon {
  display: inline-grid;
  transition: margin-inline-start 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.label__error-icon,
.label__error-icon svg {
  width: 16px;
  height: 16px;
}

.label__required-text {
  position: relative;
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  font-weight: var(--font-weight-regular);
}

.fieldset {
  margin-block-end: clamp(32px, 5.97vw + 0.388rem, 48px);
}

  .fieldset:last-child {
    margin-block-end: 0;
  }

  .fieldset.remove-margin-block-start {
    margin-block-start: 0;
  }

  .fieldset .accordion {
    margin-block-end: clamp(16px, 2.985vw + 0.194rem, 24px);
  }

.form.in-check-mode .fieldset,
.form.in-confirmation-mode .fieldset {
  margin-block-start: clamp(8px, 2.985vw - 0.306rem, 16px);
  margin-block-end: clamp(16px, 2.985vw + 0.194rem, 24px);
}

.fieldset:has(.fieldset__contents:empty) {
  display: none;
}

.legend {
  font-size: clamp( var(--font-size-step-3), 0.746vw + 1.174rem, var(--font-size-step-4) );
  line-height: clamp( var(--line-height-step-3), 0.746vw + 1.611rem, var(--line-height-step-4) );
  font-weight: var(--headings-font-weight);
  color: var(--default-text-color);
  margin-block-end: clamp(8px, 5.97vw - 1.112rem, 24px);
}

  .legend.smaller-legend {
    font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
    line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  }

.in-check-mode .legend {
  margin-block-end: clamp(8px, 2.985vw - 0.306rem, 16px);
}

.form__content {
  --default-link-color: var(--alt-link-color);
  --default-link-hover-color: var(--alt-link-hover-color);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: var(--gray-100);
  padding: clamp(16px, 2.985vw + 0.194rem, 24px);
  margin-block-end: clamp(24px, 5.97vw - 0.112rem, 40px);
  container: formContent/inline-size;
}

@media (max-width: 767px) {
  .form__content {
    margin-inline: -16px;
  }
}

.form__content:empty {
  display: none;
}

.form__content .notification {
  margin-block-end: clamp(24px, 2.985vw + 0.694rem, 32px);
}

.form__header {
  margin-block-end: clamp(24px, 5.97vw - 0.112rem, 40px);
}

.form__title {
  font-size: clamp( var(--font-size-step-4), 2.985vw + 0.694rem, var(--font-size-step-6) );
  line-height: clamp( var(--line-height-step-4), 2.239vw + 1.333rem, var(--line-height-step-6) );
  font-weight: var(--headings-font-weight);
  margin: 0;
  color: var(--headings-color, var(--default-text-color));
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

  .form__title.smaller-title {
    font-size: clamp( var(--font-size-step-3), 0.746vw + 1.174rem, var(--font-size-step-4) );
    line-height: clamp( var(--line-height-step-3), 0.746vw + 1.611rem, var(--line-height-step-4) );
  }

.form__subtitle {
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  font-weight: var(--font-weight-regular);
  margin-block-start: clamp(0px, 1.493vw - 0.403rem, 4px);
  margin-block-end: 0;
}

.form-text:not(:last-child) {
  margin-block-end: clamp(16px, 2.985vw + 0.194rem, 24px);
}

.accordion .form-text:not(:last-child) {
  margin-block-end: clamp(8px, 2.985vw - 0.306rem, 16px);
}

.form-text__title {
  font-size: clamp( var(--font-size-step-3), 0.746vw + 1.174rem, var(--font-size-step-4) );
  line-height: clamp( var(--line-height-step-3), 0.746vw + 1.611rem, var(--line-height-step-4) );
  font-weight: var(--headings-font-weight);
  color: var(--default-text-color);
  margin-block-end: clamp(8px, 1.493vw + 0.097rem, 12px);
}

.form-text__body {
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  margin-bottom: 0;
}

.input-summary {
  margin: 0;
}

  .input-summary + .button,
  .input-summary + .button-group {
    margin-block-start: clamp(32px, 5.97vw + 0.388rem, 48px);
  }

.input-summary__item {
  display: grid;
  row-gap: 4px;
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  overflow-wrap: anywhere;
}

  .input-summary__item:not(:last-child) {
    margin-block-end: clamp(16px, 2.985vw + 0.194rem, 24px);
  }

.input-summary__label {
  font-weight: var(--font-weight-semi-bold);
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.input-summary__group {
  list-style: none;
  margin-block-start: clamp(24px, 2.985vw + 0.694rem, 32px);
}

  .input-summary__group:not(:last-child) {
    margin-block-end: clamp(20px, 2.985vw + 0.444rem, 28px);
  }

  .input-summary__group ul {
    margin: 0;
  }

.input-summary__group-title {
  font-size: clamp( var(--font-size-step-2), 0.746vw + 1.049rem, var(--font-size-step-3) );
  line-height: clamp( var(--line-height-step-2), 0.746vw + 1.486rem, var(--line-height-step-3) );
  font-weight: var(--headings-font-weight);
  color: var(--headings-color);
  margin-block-end: clamp(12px, 1.493vw + 0.347rem, 16px);
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.radio-group {
  width: 100%;
}

.radio-button__input {
  display: flex;
}

  .radio-button__input input {
    width: 0;
    height: 0;
  }

    .radio-button__input input:focus + .radio-button__control {
      position: relative;
      z-index: 1010;
      outline: 2px dashed var(--default-text-color);
      outline-offset: 3px;
    }

    .radio-button__input input + .radio-button__control:before {
      content: "";
      width: 12px;
      height: 12px;
      box-shadow: inset 12px 12px var(--default-button-color);
      border-radius: 50%;
      transform: scale(0);
    }

    .radio-button__input input:checked + .radio-button__control:before {
      transform: scale(1);
    }

.radio-button__control {
  display: grid;
  place-items: center;
  border-radius: 50%;
  transform: translateY(-0.05em);
}

.select {
  --input-padding: 16px;
  width: 100%;
}

.select__menu {
  font-size: clamp( var(--font-size-step-0), 0.746vw + 0.799rem, var(--font-size-step-1) );
  line-height: clamp( var(--line-height-step-0), 0.746vw + 1.236rem, var(--line-height-step-1) );
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 11px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.select__control,
.select__menu-list {
  background-color: var(--white);
}

.select__control {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  height: 48px;
  width: 100%;
  font-family: var(--font-family);
  font-size: clamp( var(--font-size-step-0), 0.746vw + 0.799rem, var(--font-size-step-1) );
  line-height: clamp( var(--line-height-step-0), 0.746vw + 1.236rem, var(--line-height-step-1) );
  font-weight: 400;
  padding-inline: var(--input-padding);
  padding-block: 0;
  border-radius: 0;
  border: 1px solid var(--gray-500);
}

.select__control--is-focused {
  outline: 2px dashed var(--default-text-color);
  outline-offset: 3px;
}

.select__indicator {
  --animation-speed: 200ms;
  position: relative;
  inset-inline-start: 6px;
  width: 31px;
  height: 31px;
}

  .select__indicator svg {
    width: 100%;
    height: 100%;
    fill: var(--default-button-color);
    transition: transform var(--animation-speed) ease;
    transform: scaleY(1);
  }

.select__control--menu-is-open .select__dropdown-indicator svg {
  transform: scaleY(-1);
}

.select__option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--input-padding);
  cursor: pointer;
}

  .select__option--is-focused,
  .select__option:hover {
    background-color: var(--gray-100);
  }

.select__option--is-selected {
  background-color: var(--gray-200);
}

.select__option-count {
  color: var(--gray-400);
}

.text-input,
.text-input-with-icon {
  --input-padding: 16px;
  display: block;
  width: 100%;
  font-family: var(--font-family);
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  font-weight: 400;
  color: var(--default-text-color);
  background-color: var(--white);
  background-clip: padding-box;
  border: 1px solid var(--gray-500);
  border-radius: 0;
  padding: 0 var(--input-padding);
  height: 48px;
}

  .text-input-with-icon.is-focused,
  .text-input-with-icon:focus,
  .text-input.is-focused,
  .text-input:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

.text-input-with-icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline-start: 0;
}

  .text-input-with-icon:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

  .text-input-with-icon > input {
    background: none;
    border: none;
    width: calc(100% - 40px);
  }

.date-picker .react-datepicker-wrapper {
  display: block;
  position: relative;
  width: 100%;
}

.date-picker .react-datepicker__input-container {
  position: relative;
  display: grid;
  grid-template-columns: 1fr min-content;
}

  .date-picker .react-datepicker__input-container .date-picker__input {
    grid-row: 1;
    grid-column: span 2/-1;
    --input-padding: 16px;
    display: block;
    width: 100%;
    font-family: var(--font-family);
    font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
    line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
    font-weight: 400;
    color: var(--default-text-color);
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid var(--gray-500);
    border-radius: 0;
    padding: 0 var(--input-padding);
    padding-inline-end: 48px;
    height: 48px;
    border-inline-end: unset;
  }

    .date-picker .react-datepicker__input-container .date-picker__input.is-focused,
    .date-picker .react-datepicker__input-container .date-picker__input:focus {
      position: relative;
      z-index: 1010;
      outline: 2px dashed var(--default-text-color);
      outline-offset: 3px;
    }

      .date-picker
      .react-datepicker__input-container
      .date-picker__input:focus:after {
        content: "";
        position: absolute;
        z-index: -1;
        inset: -5px;
        border: 2px solid var(--white);
      }

.date-picker .date-picker__label {
  display: block;
}

.date-picker .date-picker__input-container {
  display: flex;
  flex-direction: row;
  position: relative;
}

.date-picker .date-picker__calendar-button {
  background-color: var(--white);
  color: var(--default-button-color);
  border: 1px solid var(--gray-500);
  border-inline-start: unset;
}

.react-datepicker-popper .react-datepicker {
  font-family: var(--font-family);
  border-radius: 0;
  font-size: 20px;
}

.react-datepicker-popper .react-datepicker__triangle {
  display: none;
}

.react-datepicker-popper div.react-datepicker__header {
  border-radius: 0;
  background-color: var(--gray-100);
}

.react-datepicker-popper .react-datepicker__header__dropdown {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.566rem;
  padding-inline: 0.566rem;
  margin-block-start: 0.566rem;
}

.react-datepicker-popper .react-datepicker__month-dropdown-container--select,
.react-datepicker-popper .react-datepicker__year-dropdown-container--select {
  display: grid;
  margin: 0;
  width: 100%;
}

  .react-datepicker-popper
  .react-datepicker__month-dropdown-container--select
  select,
  .react-datepicker-popper
  .react-datepicker__year-dropdown-container--select
  select {
    padding: 7px;
  }

.react-datepicker-popper .react-datepicker__current-month {
  font-size: 20px;
}

.react-datepicker-popper .react-datepicker__day,
.react-datepicker-popper .react-datepicker__day-name,
.react-datepicker-popper .react-datepicker__time-name {
  --width: 44px;
  width: var(--width);
  line-height: var(--width);
}

@container formContent (max-width: 359px) {
  .react-datepicker-popper .react-datepicker__day,
  .react-datepicker-popper .react-datepicker__day-name,
  .react-datepicker-popper .react-datepicker__time-name {
    --width: 39px;
  }
}

.react-datepicker-popper .react-datepicker__month {
  margin-block: 4px;
  margin-inline: 6px;
}

.react-datepicker-popper .react-datepicker__navigation:focus-visible {
  outline: unset;
}

.react-datepicker-popper .react-datepicker__navigation:focus {
  position: relative;
  z-index: 1010;
  outline: 2px dashed var(--default-text-color);
  outline-offset: 3px;
  position: absolute;
}

.react-datepicker-popper .react-datepicker__navigation-icon:before {
  border-color: var(--gray-500);
}

.react-datepicker-popper .react-datepicker__navigation:hover :before {
  border-color: var(--gray-800);
}

.react-datepicker-popper .react-datepicker__navigation-icon--previous {
  right: 1px;
}

  .react-datepicker-popper .react-datepicker__navigation-icon--previous:before {
    top: 8px;
  }

.react-datepicker-popper .react-datepicker__navigation-icon--next {
  left: 1px;
}

  .react-datepicker-popper .react-datepicker__navigation-icon--next:before {
    top: 8px;
  }

.react-datepicker-popper .react-datepicker__children-container {
  width: 100%;
  margin: unset;
  padding: unset;
}

.react-datepicker-popper .react-datepicker__day--keyboard-selected:focus,
.react-datepicker-popper .react-datepicker__day--selected:focus {
  position: relative;
  z-index: 1010;
  outline: 2px dashed var(--default-text-color);
  outline-offset: 3px;
}

.react-datepicker-popper select {
  outline: unset;
}

  .react-datepicker-popper select:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

.react-datepicker-popper .date-picker__close-button {
  width: 100%;
  display: flex;
  justify-content: center;
  border-top: 1px solid #aeaeae;
}

.react-datepicker-popper .react-datepicker__day {
  position: relative;
}

.react-datepicker-popper .react-datepicker__day--today:before {
  content: ".";
  position: absolute;
  inset-block-end: -0.5em;
  inset-inline-start: 0;
  width: 100%;
}

.react-datepicker-popper
.react-datepicker__day--in-range:not( .react-datepicker__day--in-selecting-range ),
.react-datepicker-popper
.react-datepicker__day--in-selecting-range:not( .react-datepicker__day--in-range ),
.react-datepicker-popper .react-datepicker__day--keyboard-selected,
.react-datepicker-popper .react-datepicker__day--today:hover,
.react-datepicker-popper .react-datepicker__day:hover {
  color: #fff !important;
  background-color: color-mix( in lch, var(--default-link-color) 40%, black ) !important;
}

.react-datepicker-popper .react-datepicker__day--in-range,
.react-datepicker-popper .react-datepicker__day--selected {
  background-color: var(--default-link-color);
}

.date-range-picker {
  display: grid;
  column-gap: 32px;
  row-gap: 16px;
}

@container (min-width: 718px) {
  .date-range-picker {
    grid-template-columns: 1fr 1fr;
  }
}

.date-range-picker .date-picker-container {
  margin-block-end: 0 !important;
}

.date-range-picker .date-range-picker__to .react-datepicker-wrapper:before {
  display: none;
}

@container (min-width: 718px) {
  .date-range-picker .date-range-picker__to .react-datepicker-wrapper:before {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 100%;
    content: "-";
    font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
    line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: -32px;
    z-index: 100;
  }
}

@container (max-width: 323px) {
  .date-range-picker .react-datepicker__day,
  .date-range-picker .react-datepicker__day-name,
  .date-range-picker .react-datepicker__time-name {
    --width: 39px;
  }
}

.file-upload__hidden-input {
  display: none;
}

.file-upload__button-and-info-container {
  display: grid;
  grid-template-columns: min-content 1fr;
  column-gap: 16px;
  align-items: center;
}

.file-upload__info,
.text-area {
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
}

.text-area {
  --input-padding: 16px;
  display: block;
  width: 100%;
  font-family: var(--font-family);
  font-weight: 400;
  color: var(--default-text-color);
  background-color: var(--white);
  background-clip: padding-box;
  border: 1px solid var(--gray-500);
  border-radius: 0;
  padding: var(--input-padding);
  box-sizing: border-box;
  max-width: 100%;
  min-width: 50%;
  height: 180px;
}

  .text-area.is-focused,
  .text-area:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

.leaflet-bottom,
.leaflet-control,
.leaflet-control-attribution,
.leaflet-pane,
.leaflet-top {
  z-index: 0 !important;
}

  .leaflet-control-attribution a:focus-visible {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
    outline-style: dashed !important;
  }

    .leaflet-control-attribution a:focus-visible:after {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -5px;
      border: 2px solid var(--white);
    }

.leaflet-popup-content-wrapper {
  border-radius: 0;
}

.geo-map-marker--popup__parent,
.leaflet-below-marker-popup-content,
.popup-below-marker--parent {
  display: flow-root;
}

.geo-map-marker--popup__close-button {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  column-gap: 8px;
}

.geo-map-marker--popup__content {
  display: inline;
}

  .geo-map-marker--popup__content > :first-child,
  .geo-map-marker--popup__content > a > :first-child {
    margin-block-start: 0;
  }

.leaflet-below-marker-popup-content,
.leaflet-popup-content {
  border-radius: 0;
  margin: 8px;
}

.geo-map-container:focus-visible {
  position: relative;
  z-index: 1010;
  outline: 2px dashed var(--default-text-color);
  outline-offset: 3px;
  outline-style: dashed !important;
}

  .geo-map-container:focus-visible:after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -5px;
    border: 2px solid var(--white);
  }

.geo-map-container.leaflet-container {
  font-family: var(--font-family);
}

.geo-map-container .leaflet-touch .leaflet-bar,
.geo-map-container .leaflet-touch .leaflet-control-layers {
  border: 0 solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

  .geo-map-container .leaflet-touch .leaflet-bar a {
    width: 40px;
    height: auto;
    display: flex;
  }

.geo-map-container .leaflet-control-zoom {
  display: grid;
}

  .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-in:before,
  .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-in:focus:before,
  .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-in:hover:before {
    content: "";
  }

  .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-out:before,
  .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-out:focus:before,
  .geo-map-container
  .leaflet-control-zoom
  .leaflet-control-zoom-out:hover:before {
    content: "";
  }

  .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-in,
  .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-out {
    position: relative;
    margin: 0;
    text-align: left;
    text-decoration: none;
    vertical-align: top;
    border: 0;
    border-radius: 0;
    outline: none;
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    min-height: 40px;
    font-size: 20.25px;
    height: 40px;
    padding: 0 12px;
    justify-content: center;
    font-family: var(--icons-font-family) !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

    .geo-map-container
    .leaflet-control-zoom
    .leaflet-control-zoom-in
    span[aria-hidden="true"],
    .geo-map-container
    .leaflet-control-zoom
    .leaflet-control-zoom-out
    span[aria-hidden="true"] {
      display: none;
    }

    .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-in,
    .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-in:before,
    .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-out,
    .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-out:before {
      background-color: var(--gray-100);
      color: var(--default-button-color);
    }

      .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-in:active,
      .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-in:active:before,
      .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-in:hover,
      .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-in:hover:before,
      .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-out:active,
      .geo-map-container
      .leaflet-control-zoom
      .leaflet-control-zoom-out:active:before,
      .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-out:hover,
      .geo-map-container
      .leaflet-control-zoom
      .leaflet-control-zoom-out:hover:before {
        background-color: var(--default-button-hover-color);
        color: var(--white);
      }

      .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-in:active,
      .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-in:focus,
      .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-out:active,
      .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-out:focus {
        position: relative;
        z-index: 1010;
        outline: 2px dashed var(--default-text-color);
        outline-offset: 3px;
        outline-style: dashed !important;
      }

        .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-in:active:after,
        .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-in:focus:after,
        .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-out:active:after,
        .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-out:focus:after {
          content: "";
          position: absolute;
          z-index: -1;
          inset: -5px;
          border: 2px solid var(--white);
        }

        .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-in:active:before,
        .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-in:focus:before,
        .geo-map-container
        .leaflet-control-zoom
        .leaflet-control-zoom-out:active:before,
        .geo-map-container
        .leaflet-control-zoom
        .leaflet-control-zoom-out:focus:before {
          display: inline-flex;
          align-items: center;
          justify-content: center;
        }

        .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-in:disabled,
        .geo-map-container
        .leaflet-control-zoom
        .leaflet-control-zoom-in:focus:disabled,
        .geo-map-container
        .leaflet-control-zoom
        .leaflet-control-zoom-in:hover:disabled,
        .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-out:disabled,
        .geo-map-container
        .leaflet-control-zoom
        .leaflet-control-zoom-out:focus:disabled,
        .geo-map-container
        .leaflet-control-zoom
        .leaflet-control-zoom-out:hover:disabled {
          background: var(--gray-200);
          color: var(--gray-300);
          box-shadow: none;
          outline: none;
          cursor: not-allowed;
        }

      .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-in:first-child,
      .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-in:last-child,
      .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-out:first-child,
      .geo-map-container .leaflet-control-zoom .leaflet-control-zoom-out:last-child {
        border-radius: 0;
      }

.geo-map-marker--custom-icon .marker-svg-icon--svg .marker-svg-icon--path {
  fill: var(--default-button-color);
}

.geo-map-marker--custom-icon:focus {
  position: relative;
  z-index: 1010;
  outline: 2px dashed var(--default-text-color);
  outline-offset: 3px;
  outline-style: dashed !important;
}

  .geo-map-marker--custom-icon:focus:after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -5px;
    border: 2px solid var(--white);
  }

  .geo-map-marker--custom-icon:focus
  .marker-svg-icon--svg
  .marker-svg-icon--path {
    fill: var(--default-button-hover-color);
  }

.geo-map-marker--custom-icon.is-visited
.marker-svg-icon--svg
.marker-svg-icon--path,
.geo-map-marker--custom-icon:visited
.marker-svg-icon--svg
.marker-svg-icon--path {
  fill: var(--visited-link-color);
}

.geo-map-marker--custom-icon:active
.marker-svg-icon--svg
.marker-svg-icon--path {
  fill: var(--active-link-color);
}

.geo-map-marker--custom-icon .link-plus__title.link__title {
  display: inline-flex;
}

.leaflet-below-marker-popup {
  position: absolute;
  text-align: center;
}

.leaflet-below-marker-popup-content-wrapper {
  padding: 1px;
  text-align: left;
}

.leaflet-below-marker-popup-tip-container {
  display: none;
}

.leaflet-below-marker-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.leaflet-below-marker-popup-content-wrapper,
.leaflet-below-marker-popup-tip {
  background: #fff;
  box-shadow: 0 3px 10px #888;
}

.geomap__error-box {
  margin-block-end: clamp(16px, 5.97vw - 0.612rem, 32px);
}

.geomap-accordion-content {
  padding-block: 16px 16px;
}

  .geomap-accordion-content:not(:last-of-type) {
    border-block-end: 1px solid var(--gray-200);
  }

.geo-map-marker--popup__close-button,
.geomap-accordion-content__heading {
  font-size: clamp( var(--font-size-step-2), 0.746vw + 1.049rem, var(--font-size-step-3) );
  line-height: clamp( var(--line-height-step-2), 0.746vw + 1.486rem, var(--line-height-step-3) );
  margin-block-end: 4px;
}

.geo-map-marker--popup__content,
.geomap-accordion-content__marker-text {
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1-body-text), 0.746vw + 1.549rem, var(--line-height-step-2-body-text) );
  margin-block-end: 0;
}

.grid {
  container-type: inline-size;
}

.grid__inner {
  --repeat: auto-fill;
  --column-min-width: 296px;
  margin: unset;
  display: grid;
  row-gap: 32px;
  column-gap: 32px;
  grid-template-columns: repeat( var(--repeat), minmax(var(--column-min-width), 1fr) );
}

@container (min-width: 952px) {
  .grid__inner:not(:has(> :nth-child(3))) {
    --repeat: 3;
  }
}

.has-medium-column-width .grid__inner {
  --column-min-width: 256px;
}

.has-small-column-width .grid__inner {
  --column-min-width: 208px;
}

.has-single-column .grid__inner {
  grid-template-columns: 1fr;
}

.is-photo-album .grid__inner {
  row-gap: clamp(28px, 2.985vw + 0.944rem, 36px);
}

.grouped-links-lists {
  margin: 0;
  list-style: none;
}

.grouped-links-lists__accordion .links-list__body {
  padding: 16px;
}

.grouped-links-lists__item {
  margin-block-end: clamp(28px, 1.493vw + 1.347rem, 32px);
}

.grouped-links-lists__item-heading {
  display: block;
  font-size: clamp( var(--font-size-step-3), 2.239vw + 0.771rem, var(--font-size-step-5) );
  line-height: clamp( var(--line-height-step-3), 1.866vw + 1.309rem, var(--line-height-step-5) );
  font-weight: var(--headings-font-weight);
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-block-end: clamp(20px, 1.493vw + 0.847rem, 24px);
  color: var(--headings-color);
}

  .grouped-links-lists__item-heading a {
    color: var(--default-link-color);
    text-decoration: underline;
    text-decoration-thickness: var(--text-decoration-thickness-bold);
    text-underline-offset: var(--default-text-underline-offset);
  }

    .grouped-links-lists__item-heading a:hover {
      text-decoration: none;
    }

    .grouped-links-lists__item-heading a:visited {
      color: var(--visited-link-color);
    }

.grouped-links-lists__divider {
  margin-block-start: clamp(28px, 1.493vw + 1.347rem, 32px);
}

.grouped-links-lists--has-columns {
  column-gap: 32px;
  columns: 260px 4;
}

  .grouped-links-lists--has-columns .grouped-links-lists__item {
    display: grid;
    margin-block-end: clamp(40px, 2.985vw + 1.694rem, 48px);
    break-inside: avoid-column;
  }

@media (max-width: 575px) {
  .grouped-links-lists--has-columns .grouped-links-lists__item {
    grid-template-columns: 16px auto;
    column-gap: clamp(16px, 1.493vw + 0.597rem, 20px);
  }

  .grouped-links-lists--has-columns .grouped-links-lists__item-heading {
    margin-block-end: 0;
  }
}

.accordion-item__panel--on-gray-background .link-plus {
  color: var(--default-button-color);
}

  .accordion-item__panel--on-gray-background .link-plus:active,
  .accordion-item__panel--on-gray-background .link-plus:hover {
    color: var(--default-button-hover-color);
  }

:root .grouped-links-lists--has-columns .grouped-links-lists__item,
_::-webkit-full-page-media,
_:future {
  margin-block-end: 0;
}

  :root
  .grouped-links-lists--has-columns
  .grouped-links-lists__item:not(:last-child)
  .links-list,
  _::-webkit-full-page-media,
  _:future {
    margin-block-end: clamp(40px, 2.985vw + 1.694rem, 48px);
  }

.hero {
  --hero-padding: 48px;
}

.hero--high {
  min-height: 280px;
}

@media (min-width: 576px) {
  .hero--high {
    min-height: 300px;
  }
}

@media (min-width: 768px) {
  .hero--high {
    min-height: 370px;
  }
}

@media (min-width: 1200px) {
  .hero--high {
    min-height: 480px;
  }
}

.hero--low {
  min-height: 190px;
}

@media (min-width: 576px) {
  .hero--low {
    min-height: 210px;
  }
}

@media (min-width: 768px) {
  .hero--low {
    min-height: 250px;
  }
}

@media (min-width: 1200px) {
  .hero--low {
    min-height: 340px;
  }
}

.hero__image {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

  .hero__image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

.hero__credits {
  position: absolute;
  background-color: color-mix(in lch, var(--black) 70%, transparent);
  padding: 8px;
  z-index: 10;
  inset-block-end: 0;
  inset-inline-start: 0;
  font-size: clamp( var(--font-size-step-negative-3), 1.119vw + 0.385rem, var(--font-size-step-negative-1) );
  line-height: clamp( var(--line-height-step-negative-3), 0.746vw + 0.986rem, var(--line-height-step-negative-1) );
  color: var(--white);
}

.hero__inner {
  position: relative;
  container-type: inline-size;
  padding-block: var(--hero-padding);
  z-index: 2;
}

.hero__inner-grid {
  align-items: start;
}

@media (width >= 984px) {
  .hero__inner-grid:has(.hero-block--attention):has(.hero-block--top-tasks)
  .hero-block--top-tasks {
    grid-column: 3;
  }
}

.hero-block {
  --default-block-padding: clamp(28px, 1.266vw + 1.465rem, 36px);
  --link-color: var(--default-link-color);
  align-self: start;
  background-color: var(--block-background-color);
  padding: var(--block-padding);
}

.hero-block--text {
  --block-background-color: color-mix(in lch, var(--nav-bar-color) 15%, white);
  --block-padding: 24px 0;
  --block-title-color: var(--black);
  --block-text-color: var(--black);
}

  .hero-block--text > .content-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
  }

  .hero-block--text.for-desktop {
    display: none;
  }

@media (min-width: 768px) {
  .hero-block--text {
    --block-padding: 32px 0;
  }
}

@media (width >= 984px) {
  .hero-block--text {
    --block-padding: 36px;
    position: relative;
    inset-block-start: calc(var(--hero-padding) * -1);
  }

    .hero-block--text.for-mobile {
      display: none;
    }

    .hero-block--text.for-desktop {
      display: block;
    }

    .hero-block--text > .content-wrapper {
      display: contents;
    }
}

@media (min-width: 1236px) {
  .hero-block--text {
    width: calc(100% + 36px);
    inset-inline-start: -36px;
  }
}

.hero-block--text .button--alt-cta,
.hero-block--text .button--cta {
  width: 100%;
  justify-content: center;
  margin-block-start: clamp(20px, 1.493vw + 0.847rem, 24px);
}

  .hero-block--text .button--alt-cta:only-child,
  .hero-block--text .button--cta:only-child {
    margin-block-start: 0;
  }

.hero-block--top-tasks {
  --block-background-color: var(--white);
  --block-padding: var(--default-block-padding);
  --block-title-color: var(--headings-color);
}

.hero-block--attention {
  --block-background-color: var(--nav-bar-color);
  --block-padding: var(--default-block-padding);
  --block-title-color: var(--nav-bar-text-color);
  --block-text-color: var(--nav-bar-text-color);
}

.hero-block__title {
  font-size: clamp( var(--font-size-step-4), 2.985vw + 0.694rem, var(--font-size-step-6) );
  line-height: clamp( var(--line-height-step-4), 2.239vw + 1.333rem, var(--line-height-step-6) );
  font-weight: var(--headings-font-weight);
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: var(--block-title-color);
  margin-block-end: clamp(12px, 1.493vw + 0.347rem, 16px);
  hyphens: auto;
}

  .hero-block__title:has(.hero-block__title-external-link-icon) {
    display: grid;
    grid-template-columns: min-content 1fr;
    column-gap: 0.3em;
  }

.hero-block__title-link {
  display: grid;
  color: var(--block-title-color);
  text-decoration: none;
}

  .hero-block__title-link:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

    .hero-block__title-link:focus:after {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -5px;
      border: 2px solid var(--white);
    }

.hero-block__title-external-link-icon {
  display: inline-block;
  width: 0.7em;
  height: 1lh;
}

.hero-block__title-link-text {
  text-decoration: underline;
  text-decoration-thickness: var(--text-decoration-thickness-bold);
  text-underline-offset: var(--default-text-underline-offset);
}

.hero-block__title-link:hover .hero-block__title-link-text {
  text-decoration: none;
}

.hero-block__text {
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  color: var(--block-text-color);
  margin-block-end: 0;
  hyphens: manual;
}

.hero__slider,
.hero__slider .swiper {
  height: 100%;
}

.hero__slider-button-container {
  position: absolute;
  cursor: pointer;
  z-index: 6;
  inset-block-end: 16px;
  inset-inline-end: 16px;
}

.hero__slider-button {
  --border-color: var(--white);
  --background-base-color: var(--black);
  border: 1px solid var(--border-color);
  background-color: color-mix( in lch, var(--background-base-color) 70%, transparent );
  color: var(--border-color);
}

  .hero__slider-button:hover {
    --border-color: var(--black);
    --background-base-color: var(--white);
  }

.hotspot__card {
  display: grid;
  background-color: var(--white);
  text-decoration: none;
  border: 1px solid var(--default-link-color);
  border-radius: 8px;
  overflow: hidden;
  padding: clamp(16px, 2.985vw + 0.194rem, 24px);
  --block-padding: calc(var(--inline-padding) - 6px);
  grid-template-rows: min-content 1fr;
}

  .hotspot__card .hotspot__card-content {
    display: flex;
    flex-direction: column;
    row-gap: clamp(8px, 3.175cqw + 0.087rem, 16px);
  }

  .hotspot__card .hotspot__card-title {
    font-size: clamp( var(--font-size-step-3), 0.794cqw + 1.272rem, var(--font-size-step-4) );
    line-height: clamp( var(--line-height-step-3), 0.794cqw + 1.709rem, var(--line-height-step-4) );
    color: var(--default-link-color);
    font-weight: var(--headings-font-weight);
    text-wrap: pretty;
  }

  .hotspot__card .hotspot__card-text {
    font-size: clamp( var(--font-size-step-0), 0.794cqw + 0.897rem, var(--font-size-step-1) );
    line-height: clamp( var(--line-height-step-0-body-text), 0.794cqw + 1.522rem, var(--line-height-step-1-body-text) );
    color: var(--default-text-color);
  }

  .hotspot__card .hotspot__card-link {
    margin-block-start: auto;
    color: var(--default-link-color);
    font-size: clamp( var(--font-size-step-1), 0.794cqw + 1.022rem, var(--font-size-step-2) );
    line-height: clamp( var(--line-height-step-1), 0.794cqw + 1.459rem, var(--line-height-step-2) );
  }

    .hotspot__card .hotspot__card-link:hover {
      color: var(--default-link-hover-color);
    }

.hotspot__tooltip-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 8px;
}

  .hotspot__tooltip-header .hotspot__tooltip-title {
    color: var(--headings-color);
    margin-block-end: 0;
  }

.hotspot__wrapper {
  position: relative;
  display: grid;
  width: fit-content;
  overflow: hidden;
}

.hotspot__tooltip-close-btn {
  top: 10px;
  right: 10px;
  z-index: 100;
  height: 16px;
  width: 16px;
  background-color: var(--default-button-color);
  color: var(--white);
}

.hotspot__container,
.hotspot__tooltip-close-btn {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}

.hotspot__container {
  background: none;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.hotspot__container--active {
  z-index: 20;
}

.hotspot__button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--default-button-color);
  color: var(--white);
  border: none;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5607843137);
  transition: transform 0.2s ease, background-color 0.2s ease;
  height: 32px;
  width: 32px;
}

.hotspot__button-icon {
  height: 48px;
  width: 48px;
}

.hotspot__button-active {
  transform: scale(1.2);
}

.hotspot__button-clicked,
.hotspot__button-clicked:hover {
  background-color: var(--purple);
}

.hotspot__button:after {
  border-radius: 50%;
}

.hotspot__button.is-focused,
.hotspot__button:focus {
  position: relative;
  z-index: 1010;
  outline: 2px dashed var(--default-text-color);
  outline-offset: 3px;
}

  .hotspot__button.is-focused:after,
  .hotspot__button:focus:after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -5px;
    border: 2px solid var(--white);
  }

.hotspot__tooltip {
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 80%;
  position: absolute;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  z-index: 20;
  max-height: 300px;
  overflow-y: auto;
}

@media (max-width: 767px) {
  .hotspot__tooltip {
    max-height: 200px;
  }
}

.hotspot__list {
  margin: 0;
  list-style: none;
  display: none;
}

@media (max-width: 767px) {
  .hotspot__list {
    display: block;
  }
}

.hotspot__list .hotspot__list-item {
  padding-block: 12px;
  border-top: 1px solid dimgray;
}

  .hotspot__list .hotspot__list-item:last-child {
    border-bottom: 1px solid dimgray;
  }

.hotspot__list .hotspot__list-item-heading {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-weight: var(--headings-font-weight);
  margin-block-end: 0;
  color: var(--headings-color);
}

.hotspot__list .hotspot__list-item-description {
  margin: 0;
}

.icon--flickr {
  color: #ff0084;
}

.icon--twitter {
  color: #0e9af1;
}

.icon--square-facebook {
  color: #3c5193;
}

.icon--square-instagram {
  color: #d93274;
}

.icon--square-youtube {
  color: #e62528;
}

.icon--linkedin {
  color: #007bb6;
}

.icon--square-pinterest {
  color: #c8232c;
}

.icon--square-x-twitter {
  color: #000;
}

.icon--mastodon {
  color: #6364ff;
}

.icon--square-threads {
  color: #000;
}

.icon--square-bluesky {
  color: #327ff9;
}

.image-block {
  display: grid;
  row-gap: clamp(4px, 1.493vw - 0.153rem, 8px);
  position: relative;
  margin-block: 0;
}

.infographic-block .image-block {
  margin-block-end: clamp(4px, 1.493vw - 0.153rem, 8px);
}

.image-block img {
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (min-width: 768px) {
  .image-block.text-wrap {
    max-width: 50%;
  }
}

.image-block.text-wrap + .rich-text h2 {
  hyphens: auto;
  hyphenate-limit-chars: 25 15 5;
  -webkit-hyphenate-limit-before: 9;
  -webkit-hyphenate-limit-after: 5;
  word-wrap: break-word;
}

@container (max-width: 599px) {
  .image-block.text-wrap {
    margin-block-end: clamp(24px, 2.532vw + 0.93rem, 40px);
  }
}

@container (min-width: 600px) {
  .image-block.text-wrap {
    --floating-image-margin: 32px;
    position: relative;
    inset-block-start: 5px;
    max-width: 50%;
    margin-block-end: 24px;
  }

  .image-block.text-wrap--left {
    margin-inline-end: var(--floating-image-margin);
    float: left;
  }

  [dir="rtl"] .image-block.text-wrap--left {
    float: right;
  }

  .image-block.text-wrap--right {
    margin-inline-start: var(--floating-image-margin);
    float: right;
  }

  [dir="rtl"] .image-block.text-wrap--right {
    float: left;
  }
}

.image-block.full-width {
  clear: both;
}

.image-block__interactive-container {
  display: inline-grid;
  align-content: start;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  line-height: 0;
  background-color: rgba(0, 0, 0, 0);
}

  .image-block__interactive-container:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
    z-index: 1;
  }

.image-block__open-modal-button {
  z-index: 2;
  inset-inline-end: 0;
}

  .image-block__open-modal-button,
  .image-block__open-modal-button:focus {
    position: absolute;
  }

.image-block__credits-and-caption {
  display: grid;
  row-gap: clamp(4px, 1.493vw - 0.153rem, 8px);
}

.image-block__credits {
  font-size: clamp( var(--font-size-step-negative-3), 1.119vw + 0.385rem, var(--font-size-step-negative-1) );
  line-height: clamp( var(--line-height-step-negative-3), 0.746vw + 0.986rem, var(--line-height-step-negative-1) );
  color: var(--gray-500);
  margin-block-end: 0;
}

.image-block__caption {
  font-size: clamp( var(--font-size-step-negative-1), 1.493vw + 0.472rem, var(--font-size-step-1) );
  line-height: clamp( var(--line-height-step-negative-1), 1.493vw + 0.91rem, var(--line-height-step-1) );
  color: var(--gray-500);
  margin-block-end: 0;
}

.__cq-image-and-call-to-action-block,
.__cq-image-and-streamer-block,
.__cq-image-and-text-block {
  container: image-and-another-block/inline-size;
}

@container image-and-another-block (min-width: 600px) {
  .image-and-call-to-action-block,
  .image-and-streamer-block,
  .image-and-text-block:has(.rich-text--background-information),
  .image-and-text-block:has(.rich-text--important) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
    align-items: start;
  }

    .image-and-call-to-action-block .image-block.text-wrap,
    .image-and-streamer-block .image-block.text-wrap,
    .image-and-text-block:has(.rich-text--background-information)
    .image-block.text-wrap,
    .image-and-text-block:has(.rich-text--important) .image-block.text-wrap {
      width: 100%;
      max-width: unset;
      float: none;
      margin: 0;
      inset-block-start: 0;
    }

    .image-and-call-to-action-block .rich-text--background-information,
    .image-and-streamer-block .rich-text--background-information,
    .image-and-text-block:has(.rich-text--background-information)
    .rich-text--background-information,
    .image-and-text-block:has(.rich-text--important)
    .rich-text--background-information {
      padding-block: 24px;
    }

    .image-and-call-to-action-block .streamer,
    .image-and-streamer-block .streamer,
    .image-and-text-block:has(.rich-text--background-information) .streamer,
    .image-and-text-block:has(.rich-text--important) .streamer {
      font: var(--typography-step-4) var(--font-family);
      padding-block: 24px;
      padding-inline: 0;
    }
}

.__cq-image-gallery {
  container: image-gallery/inline-size;
}

.image-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 2px;
  margin-inline-start: 0;
  margin-block-end: 0;
}

  .image-gallery:last-child {
    grid-column: auto;
    grid-row-end: auto;
  }

@media (max-width: 575px) {
  .image-gallery {
    margin-inline: -16px;
  }
}

.image-gallery__image-item {
  aspect-ratio: 1/1;
  margin: 0;
  padding: 0;
  list-style: none;
}

.image-gallery__image-container {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  line-height: 0;
}

  .image-gallery__image-container:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
    z-index: 1;
  }

    .image-gallery__image-container:focus:after {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -5px;
      border: 2px solid var(--white);
    }

  .image-gallery__image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.image-gallery--landscape .image-gallery__image-item {
  aspect-ratio: 4/3;
}

  .image-gallery--landscape .image-gallery__image-item:nth-child(12n + 1) {
    grid-column: 1 / span 2;
    grid-row-end: span 2;
  }

  .image-gallery--landscape .image-gallery__image-item:nth-child(12n + 8) {
    grid-column: 2 / span 2;
    grid-row-end: span 2;
  }

@container (min-width: 669px) {
  .image-gallery--square {
    grid-template-columns: repeat(4, 1fr);
  }

    .image-gallery--square .image-gallery__image-item:nth-child(10n + 1) {
      grid-column: 1 / span 2;
      grid-row-end: span 2;
    }

    .image-gallery--square .image-gallery__image-item:nth-child(10n + 8) {
      grid-column: 3 / span 2;
      grid-row-end: span 2;
    }
}

@container (max-width: 668px) {
  .image-gallery--square .image-gallery__image-item:nth-child(6n + 1) {
    grid-column: 1 / span 2;
    grid-row-end: span 2;
  }

  .image-gallery--square .image-gallery__image-item:nth-child(6n + 5) {
    grid-column: 2 / span 2;
    grid-row-end: span 2;
  }
}

.image-gallery__copyright {
  display: flex;
  position: absolute;
  inset-block-end: 4px;
  inset-inline-end: 4px;
  justify-content: center;
  align-items: center;
  color: var(--white);
  background-color: rgba(0, 0, 0, 0.75);
  width: 1em;
  height: 1em;
  border-radius: 1em;
  font-size: clamp( var(--font-size-step-negative-3), 1.119vw + 0.385rem, var(--font-size-step-negative-1) );
  line-height: clamp( var(--line-height-step-negative-3), 0.746vw + 0.986rem, var(--line-height-step-negative-1) );
}

.image-gallery__copyright-symbol {
  position: relative;
  inset-block-end: -0.2px;
  inset-inline-end: -0.1px;
}

.intro p {
  max-width: 55ch;
  text-wrap: pretty;
}

.language-nav {
  --nav-column-width: 1fr;
  display: grid;
  grid-template-columns: [full-start] var(--viewport-padding) [nav-start] var( --nav-column-width ) [nav-end] var(--viewport-padding) [full-end];
}

@media (min-width: 1200px) {
  .language-nav {
    --nav-column-width: minmax(0, var(--wide-content-column-width));
  }
}

@media print {
  .language-nav {
    display: none;
  }
}

.language-nav__inner {
  grid-column: nav;
  display: flex;
  flex-flow: column wrap;
  flex-basis: 100%;
  justify-content: center;
  width: 100%;
}

.language-nav__label {
  font-size: clamp( var(--font-size-step-0), 1.493vw + 0.597rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-0), 1.493vw + 1.035rem, var(--line-height-step-2) );
}

.language-nav__list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  list-style-type: none;
  margin: 0;
}

.language-nav__list-item {
  flex-wrap: wrap;
  justify-content: start;
}

.language-nav__button {
  font-size: clamp( var(--font-size-step-0), 1.493vw + 0.597rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-0), 1.493vw + 1.035rem, var(--line-height-step-2) );
}

@media (max-width: 767px) {
  .language-nav__button {
    height: 40px;
  }
}

.language-nav__button.is-active,
.language-nav__button.is-active.is-hovered,
.language-nav__button.is-active:hover,
.language-nav__button:active,
.language-nav__button:active.is-hovered,
.language-nav__button:active:hover {
  cursor: default;
  font-weight: var(--font-weight-bold);
  background-color: color-mix(in lch, var(--default-button-color) 15%, white);
  color: var(--default-button-color);
  border: 1px solid var(--default-button-color);
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.lightbox {
  z-index: 800;
  top: 0;
  left: 0;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.95);
  height: 100dvh;
  width: 100%;
}

.lightbox__figure {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lightbox__close-button {
  z-index: 11;
  position: absolute;
  inset-inline-end: 0;
}

.lightbox-image__container {
  display: flex;
  justify-content: center;
  height: 100dvh;
  width: 100vw;
}

  .lightbox-image__container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

.lightbox__figure:has(.lightbox-controls) .lightbox-image__container {
  height: calc(100dvh - 80px);
}

.lightbox-image__footer {
  position: absolute;
  width: 100%;
  padding: 16px;
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  color: #fff;
}

.lightbox-image__caption-container {
  max-width: 668px;
  margin: 0 auto;
}

.lightbox-image__caption {
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  margin-block-end: 0;
}

.lightbox-image__credits {
  font-size: clamp( var(--font-size-step-negative-3), 1.119vw + 0.385rem, var(--font-size-step-negative-1) );
  line-height: clamp( var(--line-height-step-negative-3), 0.746vw + 0.986rem, var(--line-height-step-negative-1) );
  margin-block-end: 0;
}

.lightbox-controls {
  width: 100%;
  background-color: var(--black);
  padding: 12px 16px;
  display: grid;
  grid-template-columns: 1fr 120px 1fr;
  justify-content: center;
  align-items: center;
}

@media (max-width: 575px) {
  .lightbox-controls {
    grid-template-columns: auto 1fr auto;
  }
}

.lightbox-controls__indicator {
  color: var(--white);
  display: flex;
  justify-content: center;
  font-size: 18px;
  padding: 0 8px;
}

.lightbox-controls__button {
  background-color: var(--white);
  border: 0;
}

  .lightbox-controls__button:disabled,
  .lightbox-controls__button:hover:disabled {
    cursor: default;
    background: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    border: initial;
  }

.lightbox-controls__button--prev {
  justify-self: end;
}

.lightbox-controls__button--next {
  justify-self: start;
}

.lightbox-slider {
  width: 100%;
}

  .lightbox-slider .swiper-wrapper {
    display: flex;
    flex-direction: row;
    transform: translateZ(0);
  }

.lightbox-slider__slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.lightbox-image__download-link {
  margin-block-start: 12px;
  color: var(--white);
}

  .lightbox-image__download-link:hover {
    color: var(--white);
  }

  .lightbox-image__download-link:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

    .lightbox-image__download-link:focus:after {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -5px;
      border: 2px solid var(--white);
    }

:where(.link-plus) {
  --meta-data-font-size: 0.8em;
  --icon-column-width: 0.75em;
  display: inline-grid;
  grid-template-columns: var(--icon-column-width) auto;
  column-gap: 0.4em;
  text-decoration: none;
  cursor: pointer;
  color: var(--link-color);
}

  :where(.link-plus):hover {
    color: color-mix(in lch, var(--link-color) var(--hover-factor), black);
  }

    :where(.link-plus):hover .link-plus__title {
      text-decoration: underline;
      text-decoration-thickness: var(--text-decoration-thickness-regular);
      text-underline-offset: var(--default-text-underline-offset);
    }

  :where(.link-plus):focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

  :where(.link-plus):visited {
    color: var(--visited-link-color);
  }

  :where(.link-plus).has-social-or-rss-icon {
    --icon-column-width: 1.2em;
  }

.link-plus__icon {
  --vertical-offset: -0.03em;
  --icon-size: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1lh;
}

  .link-plus__icon > svg {
    position: relative;
    width: var(--icon-size);
    height: var(--icon-size);
    fill: currentColor;
    inset-block-start: calc( var(--vertical-offset) + var(--link-plus-icon-vertical-offset) );
  }

  .link-plus__icon.chevron-right {
    --icon-size: 68%;
  }

  .link-plus__icon.download {
    --icon-size: 87%;
  }

  .link-plus__icon.phone {
    --icon-size: 91%;
  }

  .link-plus__icon.external-link,
  .link-plus__icon.plus {
    --icon-size: 96%;
  }

  .link-plus__icon.social {
    --vertical-offset: -0.09em;
  }

  .link-plus__icon.envelope {
    --vertical-offset: 0.05em;
  }

.link-plus__title {
  font-weight: var(--font-weight-regular);
}

.link-plus__content {
  --row-gap: 0.1em;
  display: grid;
  grid-row-gap: var(--row-gap);
}

  .link-plus__content:has(.link-plus__text) {
    --row-gap: 0.2em;
  }

  .link-plus__content > * {
    margin: 0;
  }

.link-plus__text {
  line-height: 1.6;
  color: var(--default-text-color);
}

.link-plus__meta-data,
.link-plus__text {
  font-size: var(--meta-data-font-size);
}

.links-list {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: clamp( var(--font-size-step-0), 1.493vw + 0.597rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-0), 1.493vw + 1.035rem, var(--line-height-step-2) );
}

  .links-list.has-2-columns,
  .links-list.has-3-columns,
  .links-list.has-4-columns {
    column-width: 260px;
    column-gap: 32px;
  }

  .links-list.has-2-columns {
    column-count: 2;
  }

  .links-list.has-3-columns {
    column-count: 3;
  }

  .links-list.has-4-columns {
    column-count: 4;
  }

.links-list__item {
  display: grid;
  break-inside: avoid;
  hyphens: auto;
}

  .links-list__item:not(:last-child) {
    margin-block-end: 12px;
  }

:root .links-list.has-2-columns .links-list__item,
:root .links-list.has-3-columns .links-list__item,
:root .links-list.has-4-columns .links-list__item,
_::-webkit-full-page-media,
_:future {
  margin-block-end: 0;
}

:root .links-list.has-2-columns .link-plus,
:root .links-list.has-3-columns .link-plus,
:root .links-list.has-4-columns .link-plus,
_::-webkit-full-page-media,
_:future {
  margin-block-end: 12px;
}

.logo-block__heading-container {
  margin-block-end: clamp(16px, 2.985vw + 0.194rem, 24px);
  border-bottom: 1px solid var(--gray-400);
}

.logo-block__heading {
  font-size: clamp( var(--font-size-step-4), 2.985vw + 0.694rem, var(--font-size-step-6) );
  line-height: clamp( var(--line-height-step-4), 2.239vw + 1.333rem, var(--line-height-step-6) );
  font-weight: var(--headings-font-weight);
  color: var(--gray-700);
}

.logo-block__list {
  margin: 0;
  display: flex;
  flex-flow: row wrap;
  list-style-type: none;
  justify-content: flex-start;
  row-gap: 24px;
}

.logo-block__list-item {
  margin: 4px;
  width: calc(50% - 8px);
}

@media (min-width: 768px) {
  .logo-block__list-item {
    max-width: 250px;
  }
}

@media (min-width: 992px) {
  .logo-block__list-item {
    max-width: 200px;
  }
}

@media (min-width: 1200px) {
  .logo-block__list-item {
    max-width: 175px;
  }
}

.logo-block__link {
  display: flex;
  place-content: center;
}

  .logo-block__link:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

  .logo-block__link:hover {
    text-decoration: none;
  }

.logo-block__image {
  max-width: 100%;
  max-height: 48px;
  object-fit: contain;
}

.magazine-article-title {
  display: grid;
  grid-template-columns: subgrid;
  text-align: center;
}

@media (min-width: 576px) {
  .magazine-article-title.equal-focus {
    --max-column-width: 208px;
    grid-template-columns: [full-start] var(--viewport-padding) [content-start first-start] minmax( 0, var(--max-column-width) ) [first-end first-gap-start] var(--column-gap) [first-gap-end second-start] minmax( 0, var(--max-column-width) ) [second-end second-gap-start] var(--column-gap) [second-gap-end third-start] minmax( 0, var(--max-column-width) ) [third-end third-gap-start] var(--column-gap) [third-gap-end fourth-start] minmax( 0, var(--max-column-width) ) [fourth-end fourth-gap-start] var(--column-gap) [fourth-gap-end fifth-start] minmax( 0, var(--max-column-width) ) [fifth-end content-end] var(--viewport-padding) [full-end];
  }
}

.magazine-article-title__title-container {
  grid-column: wide;
  order: 0;
}

.focus-on-image .magazine-article-title__title-container {
  order: 1;
}

.focus-on-title .magazine-article-title__title-container {
  margin-block-start: clamp(40px, 1.905vw + 2.071rem, 56px);
  margin-block-end: clamp(32px, 0.952vw + 1.786rem, 40px);
}

.equal-focus .magazine-article-title__title-container {
  padding-block: clamp(32px, 1.905vw + 1.571rem, 48px);
}

@media (min-width: 576px) {
  .equal-focus .magazine-article-title__title-container {
    grid-column: first/third;
    max-width: 468px;
    margin-inline: auto;
  }
}

.magazine-article-title__title {
  font-size: clamp( var(--font-size-step-6), 3.095vw + 1.304rem, var(--font-size-step-11) );
  line-height: clamp( var(--line-height-step-6), 2.857vw + 1.67rem, var(--line-height-step-11) );
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  color: var(--magazine-headings-color);
  margin-block-end: 16px;
}

.magazine-article-title__subtitle {
  font-size: clamp( var(--font-size-step-4), 0.952vw + 1.286rem, var(--font-size-step-6) );
  line-height: clamp( var(--line-height-step-4), 0.714vw + 1.777rem, var(--line-height-step-6) );
  font-weight: var(--font-weight-light);
  color: var(--magazine-headings-color);
  margin-block-end: unset;
}

@media (min-width: 576px) {
  .equal-focus .magazine-article-title__subtitle {
    font-size: clamp( var(--font-size-step-2), 0.641vw + 1.019rem, var(--font-size-step-4) );
    line-height: clamp( var(--line-height-step-2), 0.641vw + 1.457rem, var(--line-height-step-4) );
  }
}

.magazine-article-title__article-type {
  text-transform: uppercase;
  font-weight: var(--font-weight-medium);
  color: var(--magazine-headings-color);
  margin-block-end: 16px;
  font-size: clamp( var(--font-size-step-0), 0.641vw + 0.769rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-0), 0.641vw + 1.207rem, var(--line-height-step-2) );
}

.magazine-article-title__image-container {
  position: relative;
  grid-column: full;
  order: 1;
}

.focus-on-image .magazine-article-title__image-container {
  order: 0;
  margin-block-end: clamp(32px, 1.961vw + 1.559rem, 40px);
}

@media (min-width: 768px) {
  .focus-on-image .magazine-article-title__image-container {
    margin-block-end: clamp(56px, 3.704vw + 1.722rem, 72px);
  }
}

.focus-on-title .magazine-article-title__image-container {
  grid-column: xwide;
}

@media (min-width: 576px) {
  .equal-focus .magazine-article-title__image-container {
    grid-column: fourth/fifth;
  }
}

.magazine-hero-image {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  margin: 0;
  line-height: 0;
}

  .magazine-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.focus-on-image .magazine-hero-image {
  aspect-ratio: 1/1;
}

@media (min-width: 576px) {
  .focus-on-image .magazine-hero-image {
    aspect-ratio: 16/5;
  }
}

.focus-on-title .magazine-hero-image {
  aspect-ratio: 4/3;
}

@media (min-width: 576px) {
  .focus-on-title .magazine-hero-image {
    aspect-ratio: 16/9;
  }
}

.equal-focus .magazine-hero-image {
  aspect-ratio: 2/3;
}

.magazine-hero-image__credits {
  inset-inline-start: unset;
  inset-inline-end: 0;
  text-align: left;
  width: 100%;
}

@media (min-width: 576px) {
  .magazine-hero-image__credits {
    width: unset;
  }
}

.magazine-article-title__scroll-button {
  display: none;
  --size: 72px;
  position: absolute;
  width: var(--size);
  height: var(--size);
  background-color: var(--nav-bar-color);
  color: var(--nav-bar-text-color);
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  line-height: 0;
  font-size: 24px;
  border-radius: 100%;
  transform: translate(-50%, -50%);
}

@media (min-width: 768px) {
  .focus-on-image .magazine-article-title__scroll-button {
    display: inline;
  }
}

.magazine-article-title__scroll-button .icon {
  transform: translateY(1px);
}

.magazine-article-title__scroll-button:focus {
  position: relative;
  z-index: 1010;
  outline: 2px dashed var(--default-text-color);
  outline-offset: 3px;
  position: absolute;
}

.is-magazine-article-document .intro .rich-text {
  text-align: center;
}

.is-magazine-article-document .rich-text h2 {
  --headings-color: var(--magazine-headings-color);
}

.magazine-article-metadata {
  container: magazineMetaData/inline-size;
}

.magazine-article-metadata__inner {
  text-align: end;
  margin: 0;
}

@container (width > 200px) {
  .magazine-article-metadata__inner {
    text-align: center;
  }
}

.magazine-article-metadata__label {
  font: var(--typography-step-negative-1) var(--font-family);
  font-weight: var(--font-weight-semi-bold);
  text-transform: uppercase;
}

@container (width > 200px) {
  .magazine-article-metadata__label {
    display: inline;
    margin-inline-end: 6px;
  }
}

.magazine-article-metadata__text {
  font: var(--typography-step-negative-1) var(--font-family);
  font-weight: var(--font-weight-thin);
  margin-inline-start: unset;
  margin-block-end: 20px;
}

@container (width > 200px) {
  .magazine-article-metadata__text {
    display: inline;
  }

    .magazine-article-metadata__text:not(:last-child):after {
      display: inline-block;
      width: 1px;
      content: " | ";
      padding-inline: 4px 8px;
    }
}

.magazine-colophon__magazine-title {
  font-size: clamp( var(--font-size-step-3), 0.746vw + 1.174rem, var(--font-size-step-4) );
  line-height: clamp( var(--line-height-step-3), 0.746vw + 1.611rem, var(--line-height-step-4) );
  margin-block-start: 0;
  margin-block-end: 32px;
}

.magazine-colophon__data {
  margin-block: 0;
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
}

.magazine-colophon__entry:not(:last-child) {
  margin-block-end: 24px;
}

.magazine-colophon__entry-heading {
  display: block;
  font-weight: var(--font-weight-medium);
  margin-block-end: 8px;
}

.magazine-colophon__entry-name {
  margin-inline-start: 0;
}

.magazine-colophon-link {
  display: grid;
  grid-template-columns: 132px 1fr;
  text-decoration: none;
  background-color: var(--white);
}

  .magazine-colophon-link:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

.magazine-colophon-link__icon {
  background-color: var(--gray-600);
  color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.magazine-colophon-link__title {
  color: var(--default-link-color);
  font: var(--typography-step-0) var(--font-family);
  text-transform: uppercase;
  margin-block-end: 0;
  font-weight: var(--font-weight-medium);
  word-break: break-word;
  margin: 16px;
}

.magazine-colophon-link:hover .magazine-colophon-link__title {
  color: var(--default-link-hover-color);
}

.magazine-colophon-link:visited .magazine-colophon-link__title {
  color: var(--default-link-color);
}

.magazine-nav-bar {
  border-block-start-style: solid;
  border-block-start-color: var(--nav-bar-color);
  border-block-start-width: clamp(4px, 0.476vw + 0.143rem, 8px);
  background-color: var(--white);
}

.magazine-nav-bar__inner {
  --max-column-width: 243px;
  display: grid;
  grid-template-columns: [editions-list-start] min-content [editions-list-end toc-start] min-content [toc-end gap-start] minmax( 0, 1fr ) [gap-end search-start] min-content [search-end divider-start] 2px [divider-end close-start] min-content [close-end];
}

@media (min-width: 768px) {
  .magazine-nav-bar__inner {
    max-width: var(--wide-content-column-width);
    margin-inline: auto;
  }
}

.magazine-nav-bar__item {
  display: flex;
  flex-flow: column;
  row-gap: 4px;
  justify-content: center;
  align-items: center;
  min-width: fit-content;
  padding-block: clamp(12px, 1.429vw + 0.429rem, 24px);
  padding-inline-start: clamp(15px, 2.738vw + 0.321rem, 38px);
  padding-inline-end: clamp(15px, 3.214vw + 0.214rem, 42px);
  font-size: clamp( var(--font-size-step-negative-4), 1.429vw + 0.304rem, var(--font-size-step-3) );
  line-height: clamp( var(--line-height-step-negative-4), 1.31vw + 0.83rem, var(--line-height-step-3) );
  line-height: 1.4;
  color: var(--default-link-color);
  text-decoration: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 768px) {
  .magazine-nav-bar__item {
    flex-flow: row;
    column-gap: 12px;
    row-gap: 0;
  }
}

.magazine-nav-bar__item.selected {
  font-weight: var(--font-weight-bold);
  background-color: color-mix(in lch, var(--alt-link-color) 15%, white);
  color: var(--dark-blue);
}

.magazine-nav-bar__item:hover {
  background-color: color-mix(in lch, var(--alt-link-color) 7%, white);
}

.magazine-nav-bar__item.editions-list {
  grid-column: editions-list;
}

.magazine-nav-bar__item.table-of-contents {
  grid-column: toc;
}

.magazine-nav-bar__item.search {
  grid-column: search;
}

.magazine-nav-bar__item.close {
  grid-column: close;
}

.magazine-nav-bar__item:focus {
  position: relative;
  z-index: 1010;
  outline: 2px dashed var(--default-text-color);
  outline-offset: 3px;
  outline-style: dashed !important;
}

  .magazine-nav-bar__item:focus:after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -5px;
    border: 2px solid var(--white);
  }

.magazine-nav-bar__divider {
  grid-column: divider;
  display: block;
  width: 100%;
  height: clamp(32px, 1.548vw + 1.652rem, 45px);
  background-color: var(--gray-500);
  align-self: center;
}

.magazine-nav-bar__item-icon {
  --size: 20px;
  font-size: var(--size);
  height: var(--size);
}

@media (min-width: 768px) {
  .magazine-nav-bar__item-icon {
    --size: 24px;
  }
}

.magazine-nav-bar__item-text {
  white-space: nowrap;
}

.magazine-page {
  --background-offset: 0;
  grid-template-rows: [title-start] min-content [title-end offset-start] var( --background-offset ) [bg-start] auto [offset-end content-start] 1fr [bg-end content-end];
}

  .magazine-page > * {
    grid-column: xwide;
  }

  .magazine-page:has(.grid-row-offset) {
    --background-offset: 80px;
  }

  .magazine-page > .grid-row-content,
  .magazine-page > .grid-row-offset {
    padding-block-end: 96px;
  }

  .magazine-page > .grid-row-content {
    grid-row: content;
    padding-block-start: 32px;
  }

  .magazine-page > .grid-row-offset {
    grid-row: offset;
    display: grid;
    grid-row-gap: clamp(32px, 1.905vw + 1.571rem, 48px);
  }

  .magazine-page > .magazine-page__header {
    grid-row: title;
  }

  .magazine-page > .magazine-page__background {
    grid-column: full;
    grid-row: bg;
  }

.is-magazine-search-document .magazine-page {
  --background-offset: 80px;
  grid-template-rows: [title-start] min-content [title-end search-box-start] min-content [search-box-end results-heading-start] min-content [results-heading-end filter-tags-start] min-content [filter-tags-end toggle-button-start] min-content [toggle-button-end toggle-start] min-content [toggle-end offset-start] var( --background-offset ) [bg-start] auto [offset-end pagination-start] min-content [pagination-end rss-link-start] min-content [bg-end rss-link-end];
}

.magazine-page .search-block {
  display: contents;
}

  .magazine-page .search-block > * {
    grid-column: xwide;
  }

.magazine-page .search-block__tags {
  grid-row: filter-tags;
  margin-block-end: 0;
}

.magazine-page .search-block__search-box {
  grid-row: search-box;
  margin-block-end: unset;
}

.magazine-page .search-block__toggle {
  grid-row: toggle-button;
  display: flex;
  justify-content: space-between;
  margin-block: 40px 24px;
}

  .magazine-page .search-block__toggle .results-heading__title {
    color: var(--magazine-headings-color);
    margin-block-end: 0;
  }

.magazine-page .search-block__filters {
  grid-row: toggle;
}

.magazine-page .filter-form-tags__button {
  border-radius: 40px;
  padding-block: 12px;
  padding-inline: 16px;
}

.magazine-page .search-block__results {
  display: contents;
}

  .magazine-page .search-block__results > :last-child {
    padding-block-end: 56px;
  }

  .magazine-page .search-block__results > * {
    grid-column: xwide;
  }

  .magazine-page .search-block__results .results-heading {
    grid-row: results-heading;
    color: var(--black);
    font-size: clamp( var(--font-size-step-0), 0.746vw + 0.799rem, var(--font-size-step-1) );
    line-height: clamp( var(--line-height-step-0), 0.746vw + 1.236rem, var(--line-height-step-1) );
    font-weight: var(--font-weight-regular);
    border: none;
  }

  .magazine-page .search-block__results .results-heading__amount,
  .magazine-page .search-block__results .results-heading__search-term {
    font-size: clamp( var(--font-size-step-0), 0.746vw + 0.799rem, var(--font-size-step-1) );
    line-height: clamp( var(--line-height-step-0), 0.746vw + 1.236rem, var(--line-height-step-1) );
    font-weight: var(--font-weight-bold);
  }

  .magazine-page .search-block__results > .grid {
    grid-row: offset;
    display: grid;
    grid-row-gap: clamp(32px, 1.905vw + 1.571rem, 48px);
  }

  .magazine-page .search-block__results > .pagination {
    grid-row: pagination;
  }

  .magazine-page .search-block__results > .search-rss__link {
    grid-row: rss-link;
  }

  .magazine-page .search-block__results > .pagination,
  .magazine-page .search-block__results > .search-rss__link {
    margin-block-start: clamp(24px, 5.97vw - 0.112rem, 40px);
  }

.magazine-page .pagination {
  --default-link-color: var(--alt-link-color);
}

.magazine-page__header {
  padding-block: 40px 24px;
}

.has-centered-text .magazine-page__intro,
.has-centered-text .magazine-page__title {
  text-align: center;
}

.magazine-page__title-and-metadata {
  display: flex;
  flex-flow: row wrap;
  row-gap: 8px;
  column-gap: clamp(16px, 2.985vw + 0.194rem, 24px);
}

.has-centered-text .magazine-page__title-and-metadata {
  justify-content: center;
}

.magazine-page__title {
  font-size: clamp( var(--font-size-step-5), 0.476vw + 1.643rem, var(--font-size-step-6) );
  line-height: clamp( var(--line-height-step-5), 0.357vw + 2.045rem, var(--line-height-step-6) );
  margin: 0;
}

.magazine-page__intro,
.magazine-page__title {
  font-weight: var(--font-weight-semi-bold);
  color: var(--magazine-headings-color);
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.magazine-page__intro {
  font-size: clamp( var(--font-size-step-1), 0.238vw + 1.071rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1-body-text), 0.238vw + 1.696rem, var(--line-height-step-2-body-text) );
  margin-block: 24px 0;
}

.magazine-page__background {
  background-color: var(--gray-200);
}

.magazine-page__meta-data {
  color: var(--gray-500);
  font-size: clamp( var(--font-size-step-1), 1.493vw + 0.722rem, var(--font-size-step-3) );
  line-height: clamp( var(--line-height-step-1), 1.493vw + 1.16rem, var(--line-height-step-3) );
  font-weight: var(--font-weight-medium);
  display: grid;
  grid-template-columns: min-content min-content;
  column-gap: clamp(16px, 2.985vw + 0.194rem, 24px);
}

.magazine-page__meta-data-item {
  display: grid;
  grid-template-columns: min-content 1fr;
  column-gap: clamp(4px, 1.493vw - 0.153rem, 8px);
  align-items: center;
  white-space: nowrap;
}

.magazine-page__meta-data-icon {
  --size: 20px;
  font-size: var(--size);
  height: var(--size);
}

.magazine-page__editions-list-content {
  display: flex;
  flex-direction: column;
  grid-row-gap: 28px;
}

.magazine-page__archive .link__title {
  font-size: clamp( var(--font-size-step-0), 0.746vw + 0.799rem, var(--font-size-step-1) );
  line-height: clamp( var(--line-height-step-0), 0.746vw + 1.236rem, var(--line-height-step-1) );
}

.magazine-page__archive-intro {
  margin-block-end: 8px;
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
}

.magazine-page__archive-title {
  font-weight: var(--font-weight-bold);
  font-size: clamp( var(--font-size-step-3), 0.746vw + 1.174rem, var(--font-size-step-4) );
  line-height: clamp( var(--line-height-step-3), 0.746vw + 1.611rem, var(--line-height-step-4) );
  margin-block-end: clamp(4px, 1.493vw - 0.153rem, 8px);
}

.magazine-year-divider {
  font-size: 22px;
  line-height: 40px;
  font-weight: unset;
  color: var(--magazine-headings-color);
  margin-block-end: unset;
  border-bottom: 2px solid var(--magazine-headings-color);
}

.main-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  font: var(--typography-step-2) var(--font-family);
}

@media (min-width: 768px) {
  .main-nav {
    flex-direction: row;
    align-items: center;
  }
}

@media (max-width: 767px) {
  .main-nav__menu-button {
    background-color: rgba(0, 0, 0, 0);
    color: var(--nav-bar-text-color);
  }

    .main-nav__menu-button.is-active,
    .main-nav__menu-button.is-hovered,
    .main-nav__menu-button:active,
    .main-nav__menu-button:hover {
      background-color: var(--default-button-color);
      color: var(--white);
    }

    .main-nav__menu-button,
    .main-nav__menu-button:focus {
      position: absolute;
      inset-inline-end: 0;
    }
}

.main-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  height: auto;
}

@media (min-width: 768px) {
  .main-nav__list {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.main-nav__item {
  display: flex;
  align-items: center;
  color: var(--nav-bar-text-color);
}

@media (max-width: 767px) {
  .main-nav__item {
    height: 48px;
    border-bottom: 1px solid var(--nav-bar-text-color);
  }

    .main-nav__item:first-child {
      border-top: 1px solid var(--nav-bar-text-color);
    }
}

@media (min-width: 768px) {
  .main-nav__item:not(:last-child) {
    margin-inline-end: 24px;
  }
}

@media print {
  .main-nav__item {
    color: var(--black);
  }
}

.main-nav__link {
  color: var(--nav-bar-text-color);
  text-decoration: none;
}

  .main-nav__link:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

    .main-nav__link:focus:after {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -5px;
      border: 2px solid var(--white);
    }

  .main-nav__link:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
  }

@media print {
  .main-nav__link {
    color: var(--black);
  }
}

:where(.meta-data) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  color: var(--gray-600);
  font-size: clamp( var(--font-size-step-negative-1), 1.493vw + 0.472rem, var(--font-size-step-1) );
  line-height: clamp( var(--line-height-step-negative-1), 1.493vw + 0.91rem, var(--line-height-step-1) );
}

  :where(.meta-data) span + span:before {
    margin-inline-start: 4px;
    margin-inline-end: 4px;
    content: "|"/",";
  }

.modal {
  --horizontal-margin: 16px;
  max-width: unset;
  padding: 0;
  overflow: visible;
  width: min(100% - var(--horizontal-margin), 830px);
  border: 1px solid var(--default-link-color);
}

  .modal::backdrop {
    background-color: rgba(0, 0, 0, 0.16);
  }

.modal__title {
  padding-inline-start: 16px;
  padding-inline-end: 48px;
  padding-block: 16px;
  margin: 0;
}

@media (min-width: 768px) {
  .modal__title {
    padding-inline-start: 24px;
    padding-block: 24px;
  }
}

.modal__content {
  max-height: 450px;
  overflow: auto;
  padding-inline: 16px;
  padding-block-end: 16px;
}

@media (min-width: 768px) {
  .modal__content {
    padding-inline: 24px;
    padding-block-end: 24px;
  }
}

.modal__close-button {
  position: absolute;
  top: 0;
  right: 0;
}

.nav-bar {
  --grid-padding: var(--viewport-padding);
  --nav-column-width: 1fr;
  --default-link-color: var(--alt-link-color);
  --default-link-hover-color: var(--alt-link-hover-color);
  display: grid;
  grid-template-columns: [full-start] var(--grid-padding) [nav-start] var( --nav-column-width ) [nav-end] var(--grid-padding) [full-end];
  font-family: var(--font-family);
  background: var(--nav-bar-color);
  padding-block: clamp(20px, 1.493vw + 0.847rem, 24px);
  min-height: 72px;
  color: var(--nav-bar-text-color);
}

@media (min-width: 1200px) {
  .nav-bar {
    --grid-padding: var(--viewport-padding);
    --nav-column-width: minmax(0, var(--wide-content-column-width));
  }
}

@media print {
  .nav-bar {
    background: rgba(0, 0, 0, 0);
    border-block: 1px solid var(--gray-400);
  }
}

.nav-bar__page-title {
  font-size: clamp( var(--font-size-step-6), 2.985vw + 1.194rem, var(--font-size-step-8) );
  line-height: clamp( var(--line-height-step-6), 2.985vw + 1.507rem, var(--line-height-step-8) );
  margin: 0;
  hyphens: auto;
  hyphenate-limit-chars: 14 5 5;
  -webkit-hyphenate-limit-before: 9;
  -webkit-hyphenate-limit-after: 4;
  word-wrap: break-word;
}

@media print {
  .nav-bar__page-title {
    color: var(--black);
  }
}

.nav-bar__page-subtitle {
  font-size: clamp( var(--font-size-step-4), 2.985vw + 0.694rem, var(--font-size-step-6) );
  line-height: clamp( var(--line-height-step-4), 2.239vw + 1.333rem, var(--line-height-step-6) );
  font-style: italic;
  font-weight: var(--font-weight-semi-bold);
}

.nav-bar__inner {
  --inner-grid-gap: 16px;
  --search-bar-min-width: 50px;
  --search-bar-max-width: 400px;
  --overlap-col-max-width: calc( var(--search-bar-max-width) - var(--search-bar-min-width) - var(--inner-grid-gap) );
  grid-column: nav;
}

  .nav-bar__inner:has(.breadcrumbs),
  .nav-bar__inner:has(.search-bar) {
    display: grid;
    gap: var(--inner-grid-gap);
  }

    .nav-bar__inner:has(.breadcrumbs):has(.search-bar) {
      grid-template-areas: "breadcrumbs overlap search-bar" "page-title page-title page-title";
      grid-template-columns: minmax(auto, 1fr) minmax( auto, var(--overlap-col-max-width) ) var(--search-bar-min-width);
    }

@media (min-width: 992px) {
  .nav-bar__inner:has(.breadcrumbs):has(.search-bar) {
    grid-template-areas: "breadcrumbs breadcrumbs breadcrumbs" "page-title overlap search-bar";
  }
}

@media (max-width: 991px) {
  .nav-bar__inner:has(.breadcrumbs):has(.search-bar) .breadcrumbs {
    grid-column: breadcrumbs-start/overlap-end;
  }
}

.nav-bar__inner:has(.breadcrumbs):has(.search-bar) .search-bar.is-open {
  grid-column: breadcrumbs-start/search-bar-end;
}

@media (min-width: 768px) {
  .nav-bar__inner:has(.breadcrumbs):has(.search-bar) .search-bar.is-open {
    grid-column: overlap-start/search-bar-end;
  }
}

@media (min-width: 992px) {
  .nav-bar__inner:has(.breadcrumbs):has(.search-bar) .nav-bar__page-title {
    grid-column: page-title-start/overlap-end;
  }
}

.nav-bar__inner:has(.breadcrumbs):not(:has(.search-bar)) {
  grid-template-areas: "breadcrumbs" "page-title";
}

.nav-bar__inner:has(.search-bar):not(:has(.breadcrumbs)) {
  grid-template-areas: "search-bar" "page-title";
}

@media (min-width: 992px) {
  .nav-bar__inner:has(.search-bar):not(:has(.breadcrumbs)) {
    grid-template-areas: "page-title search-bar";
    grid-template-columns: minmax(auto, 1fr) var(--search-bar-max-width);
  }
}

.nav-bar__inner .breadcrumbs {
  grid-area: breadcrumbs;
}

.nav-bar__inner .search-bar {
  grid-area: search-bar;
}

@media (min-width: 992px) {
  .nav-bar__inner .search-bar {
    position: relative;
    inset-block-start: 1px;
  }
}

.nav-bar__inner .nav-bar__page-title {
  grid-area: page-title;
}

.main-content > .baz-search-form {
  z-index: 4444;
}

.main-content > .baz-results-container {
  z-index: 2222;
}

.baz-search-form {
  display: grid;
  grid-row-gap: clamp(16px, 2.985vw + 0.194rem, 24px);
}

  .baz-search-form .form__content {
    margin-block-end: 0;
  }

.baz-list ol,
.baz-results ol {
  list-style: none;
  margin-inline-start: clamp(12px, 2.985vw - 0.056rem, 20px);
  margin-block-end: 0;
}

  .baz-list ol.baz-results__list,
  .baz-results ol.baz-results__list {
    margin-inline-start: 0;
  }

.baz-chart--multiple-weeks,
.baz-list {
  border-block-start: 3px solid var(--orange);
  padding-block-start: clamp(8px, 1.493vw + 0.097rem, 12px);
}

  .baz-chart--multiple-weeks:not(:last-of-type),
  .baz-list:not(:last-of-type) {
    margin-block-end: clamp(16px, 5.97vw - 0.612rem, 32px);
  }

.baz-list__title {
  font-size: clamp( var(--font-size-step-4), 2.985vw + 0.694rem, var(--font-size-step-6) );
  line-height: clamp( var(--line-height-step-4), 2.239vw + 1.333rem, var(--line-height-step-6) );
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: var(--headings-color);
  font-weight: var(--font-weight-bold);
  margin-block-end: clamp(8px, 1.493vw + 0.097rem, 12px);
}

.for-announcements .baz-list__title {
  margin-block-end: clamp(16px, 1.493vw + 0.597rem, 20px);
}

.baz-results__title {
  align-items: baseline;
  color: var(--gray-500);
  font-size: clamp( var(--font-size-step-2), 1.493vw + 0.847rem, var(--font-size-step-4) );
  line-height: clamp( var(--line-height-step-2), 1.493vw + 1.285rem, var(--line-height-step-4) );
  font-weight: 400;
  margin: 0;
  margin-block-end: 32px;
}

.baz-no-results-message {
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
}

.baz-1800-atlas:not(:last-of-type) {
  margin-block-end: clamp(16px, 5.97vw - 0.612rem, 32px);
}

.baz-1800-atlas,
.baz-chart--single-sea-chart,
.baz-chart__week-title {
  border-block-start: 2px solid var(--gray-100);
  padding-block-start: 8px;
}

.baz-chart {
  list-style: none;
  margin-block-start: 32px;
}

  .baz-chart:first-of-type {
    margin-block-start: 0;
  }

.baz-1800-atlas__title,
.baz-chart__title {
  font-size: clamp( var(--font-size-step-3), 0.746vw + 1.174rem, var(--font-size-step-4) );
  line-height: clamp( var(--line-height-step-3), 0.746vw + 1.611rem, var(--line-height-step-4) );
  margin-block-end: clamp(16px, 2.985vw + 0.194rem, 24px);
}

.baz-chart__title {
  display: flex;
  column-gap: 16px;
  flex-wrap: wrap;
}

.baz-chart--single-1800-chart .baz-chart__title {
  font-size: clamp( var(--font-size-step-2), 0.746vw + 1.049rem, var(--font-size-step-3) );
  line-height: clamp( var(--line-height-step-2), 0.746vw + 1.486rem, var(--line-height-step-3) );
  font-weight: 400;
  font-style: italic;
}

.baz-chart__title-edition {
  position: relative;
  inset-block-start: 0.05em;
  font-weight: 400;
  font-size: 0.8em;
}

.baz-chart__week {
  list-style: none;
}

.baz-chart__week-title {
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  margin-block-start: clamp(20px, 1.493vw + 0.847rem, 24px);
  margin-block-end: clamp(12px, 1.493vw + 0.347rem, 16px);
}

.baz-update-group {
  list-style: none;
  margin-block-start: 24px;
}

  .baz-update-group:first-of-type {
    margin-block-start: 0;
  }

.baz-update-group__title {
  display: flex;
  justify-content: space-between;
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  background-color: var(--gray-200);
  font-weight: var(--font-weight-regular);
  padding: 8px 16px;
  margin-block-end: clamp(12px, 1.493vw + 0.347rem, 16px);
}

.baz-update {
  display: grid;
  row-gap: clamp(8px, 2.985vw - 0.306rem, 16px);
}

  .baz-update:not(:first-of-type) {
    border-block-start: 1px solid var(--line-color);
    padding-block-start: clamp(8px, 1.493vw + 0.097rem, 12px);
  }

  .baz-update:not(:last-of-type) {
    padding-block-end: clamp(16px, 1.493vw + 0.597rem, 20px);
  }

.baz-marker {
  display: flex;
  align-items: center;
  flex-direction: column;
}

@media (min-width: 432px) {
  .baz-marker {
    flex-direction: row;
    gap: 24px;
  }
}

.baz-marker__content {
  font-size: clamp( var(--font-size-step-negative-1), 0.746vw + 0.674rem, var(--font-size-step-0) );
  line-height: clamp( var(--line-height-step-negative-1), 0.746vw + 1.111rem, var(--line-height-step-0) );
  display: flex;
  align-items: center;
  flex-direction: column;
}

@media (min-width: 432px) {
  .baz-marker__content {
    flex-direction: row;
    gap: 8px;
  }
}

.baz-marker__symbol {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 84px;
}

  .baz-marker__symbol img {
    width: 100%;
    height: auto;
  }

.baz-marker__caris {
  max-width: 200px;
  text-align: center;
}

@media (min-width: 432px) {
  .baz-marker__caris {
    text-align: left;
  }

  .baz-marker__position-group {
    margin-left: auto;
  }
}

.baz-memo {
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  white-space: pre-line;
}

.baz-position-group {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 432px) {
  .baz-position-group {
    align-items: flex-end;
  }
}

.baz-position-group__position-list {
  margin-block-end: 0;
  margin-inline-start: 0;
}

.baz-position-group__position-list-item {
  list-style: none;
}

.baz-source {
  font-size: clamp( var(--font-size-step-negative-1), 0.746vw + 0.674rem, var(--font-size-step-0) );
  line-height: clamp( var(--line-height-step-negative-1), 0.746vw + 1.111rem, var(--line-height-step-0) );
  margin: 0;
}

.baz-weekly-edition__download-link {
  margin-block-end: 48px;
}

.baz-weekly-edition-download-list {
  display: grid;
  gap: 24px;
}

.notification {
  display: grid;
  row-gap: clamp(4px, 1.493vw - 0.153rem, 8px);
  border-inline-start-width: 4px;
  border-inline-start-style: solid;
  padding: 20px 24px 20px 20px;
}

  .notification :last-child {
    margin-block-end: 0;
  }

.notification__icon {
  display: inline-block;
  margin-inline-end: 12px;
}

@media (min-width: 992px) {
  .notification__icon {
    margin-block-start: 1px;
  }
}

.notification__icon,
.notification__icon svg {
  width: 24px;
  height: 24px;
}

.notification--error {
  background-color: var(--error);
  border-inline-start-color: var(--red);
}

.notification--warning {
  background-color: var(--warning);
  border-inline-start-color: var(--dark-yellow);
}

.notification--confirmation {
  background-color: var(--confirmation);
  border-inline-start-color: var(--green);
}

.notification--information {
  background-color: var(--information);
  border-inline-start-color: var(--sky-blue);
}

.notification__heading {
  display: grid;
  grid-template-columns: min-content 1fr;
  font-size: clamp( var(--font-size-step-2), 0.746vw + 1.049rem, var(--font-size-step-3) );
  line-height: clamp( var(--line-height-step-2), 0.746vw + 1.486rem, var(--line-height-step-3) );
  font-weight: var(--headings-font-weight);
  margin: 0;
}

.notification__intro {
  margin-block-end: clamp(8px, 1.493vw + 0.097rem, 12px);
}

.notification__body,
.notification__intro {
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1-body-text), 0.746vw + 1.549rem, var(--line-height-step-2-body-text) );
  font-weight: 400;
}

  .notification__body :last-child,
  .notification__intro :last-child {
    margin-block-end: 0;
  }

.page-start {
  display: flex;
  flex-direction: column;
}

.page-start__super-heading {
  order: -1;
  color: var(--gray-500);
  font-size: clamp( var(--font-size-step-2), 1.493vw + 0.847rem, var(--font-size-step-4) );
  line-height: clamp( var(--line-height-step-2), 1.493vw + 1.285rem, var(--line-height-step-4) );
  margin-block-end: 0;
}

.pagination {
  margin: 0;
  border-top: 4px solid var(--default-link-color);
  display: grid;
  grid-template-areas: "left numbers right";
  justify-content: left;
}

@media (max-width: 575px) {
  .pagination {
    justify-content: space-between;
    grid-template-areas: "numbers numbers" "left right";
  }
}

.pagination .hide {
  display: none;
}

.pagination__items {
  list-style: none;
  margin: unset;
  display: flex;
  grid-area: numbers;
  justify-self: center;
}

.pagination__item-button,
.pagination__item-ellipsis,
.pagination__next-button,
.pagination__previous-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 48px;
}

  .pagination__item-button:after,
  .pagination__item-button:before,
  .pagination__item-ellipsis:after,
  .pagination__item-ellipsis:before,
  .pagination__next-button:after,
  .pagination__next-button:before,
  .pagination__previous-button:after,
  .pagination__previous-button:before {
    font-family: var(--icons-font-family);
    font-size: clamp( var(--font-size-step-negative-1), 0.746vw + 0.674rem, var(--font-size-step-0) );
    line-height: clamp( var(--line-height-step-negative-1), 0.746vw + 1.111rem, var(--line-height-step-0) );
    display: inline-block;
    text-decoration: none;
  }

[dir="rtl"] .pagination__item-button:after,
[dir="rtl"] .pagination__item-button:before,
[dir="rtl"] .pagination__item-ellipsis:after,
[dir="rtl"] .pagination__item-ellipsis:before,
[dir="rtl"] .pagination__next-button:after,
[dir="rtl"] .pagination__next-button:before,
[dir="rtl"] .pagination__previous-button:after,
[dir="rtl"] .pagination__previous-button:before {
  transform: scale(-1);
}

.pagination__item-button:hover,
.pagination__item-ellipsis:hover,
.pagination__next-button:hover,
.pagination__previous-button:hover {
  text-decoration: none;
  color: var(--default-link-hover-color);
}

  .pagination__item-button:hover .text,
  .pagination__item-ellipsis:hover .text,
  .pagination__next-button:hover .text,
  .pagination__previous-button:hover .text {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
  }

.pagination__item-button,
.pagination__next-button,
.pagination__previous-button {
  border: none;
  background-color: unset;
  padding-block: unset;
  padding-inline: unset;
  font-size: clamp( var(--font-size-step-0), 1.493vw + 0.597rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-0), 1.493vw + 1.035rem, var(--line-height-step-2) );
  text-decoration: none;
  cursor: pointer;
  color: var(--default-link-color);
}

  .pagination__item-button:hover,
  .pagination__next-button:hover,
  .pagination__previous-button:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    color: var(--default-link-hover-color);
  }

  .pagination__item-button:focus,
  .pagination__next-button:focus,
  .pagination__previous-button:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 4px;
  }

  .pagination__item-button.is-current-page,
  .pagination__next-button.is-current-page,
  .pagination__previous-button.is-current-page {
    background-color: var(--default-link-color);
    color: var(--white);
    cursor: auto;
  }

    .pagination__item-button.is-current-page:hover,
    .pagination__next-button.is-current-page:hover,
    .pagination__previous-button.is-current-page:hover {
      text-decoration: none;
      color: var(--white);
    }

.pagination__next-button,
.pagination__previous-button {
  display: flex;
  gap: clamp(4px, 1.493vw - 0.153rem, 8px);
}

  .pagination__next-button:after,
  .pagination__next-button:before,
  .pagination__previous-button:after,
  .pagination__previous-button:before {
    font-family: var(--icons-font-family);
    font-size: clamp( var(--font-size-step-negative-1), 0.746vw + 0.674rem, var(--font-size-step-0) );
    line-height: clamp( var(--line-height-step-negative-1), 0.746vw + 1.111rem, var(--line-height-step-0) );
    display: inline-block;
    text-decoration: none;
  }

[dir="rtl"] .pagination__next-button:after,
[dir="rtl"] .pagination__next-button:before,
[dir="rtl"] .pagination__previous-button:after,
[dir="rtl"] .pagination__previous-button:before {
  transform: scale(-1);
}

.pagination__next-button:hover,
.pagination__previous-button:hover {
  text-decoration: none;
  color: var(--default-link-hover-color);
}

  .pagination__next-button:hover .text,
  .pagination__previous-button:hover .text {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
  }

.pagination__previous-button {
  margin-inline-end: 12px;
  grid-area: left;
  justify-content: left;
}

  .pagination__previous-button:before {
    content: "";
  }

.pagination__next-button {
  justify-self: right;
  grid-area: right;
  margin-inline-start: 12px;
}

  .pagination__next-button:after {
    content: "";
  }

.pagination__item--ellipsis {
  color: var(--black);
  cursor: default;
}

.mobile-previous-next-nav {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0;
}

  .mobile-previous-next-nav.only-previous {
    justify-content: flex-start;
  }

  .mobile-previous-next-nav.only-next {
    justify-content: flex-end;
  }

.person-detail {
  --link-color: var(--alt-link-color);
  background-color: var(--gray-100);
  overflow: hidden;
}

.__cq-person-detail {
  container: person-detail/inline-size;
  grid-column: content !important;
}

.person-detail__inner {
  --margin-block-end: 16px;
  --image-margin-inline: calc(var(--grid-padding) * -1);
  display: grid;
  grid-template-areas: "image" "content";
  grid-template-columns: 1fr;
  grid-template-rows: min-content 1fr;
}

@container (width >= 600px) {
  .person-detail__inner {
    --margin-block-end: 32px;
    --image-margin-inline: 0;
    grid-template-areas: "content image";
    grid-template-columns: 1fr 50%;
    column-gap: 32px;
    align-items: start;
  }
}

.person-detail__inner:not(:has(.person-detail__content)) {
  grid-template-areas: "image";
  grid-template-columns: 1fr;
}

.person-detail__image-block {
  grid-area: image;
  aspect-ratio: 1;
  margin-inline: var(--image-margin-inline);
}

  .person-detail__image-block .image-block__credits-and-caption {
    position: absolute;
    background-color: color-mix(in lch, var(--black) 70%, transparent);
    padding: 8px;
    z-index: 10;
    inset-block-end: 0;
    inset-inline-end: 0;
  }

  .person-detail__image-block .image-block__credits {
    font-size: clamp( var(--font-size-step-negative-3), 1.119vw + 0.385rem, var(--font-size-step-negative-1) );
    line-height: clamp( var(--line-height-step-negative-3), 0.746vw + 0.986rem, var(--line-height-step-negative-1) );
    color: var(--white);
  }

  .person-detail__image-block img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

.person-detail__content {
  grid-area: content;
  padding-block: 20px;
}

.person-detail__heading {
  font-size: clamp( var(--font-size-step-4), 2.985vw + 0.694rem, var(--font-size-step-6) );
  line-height: clamp( var(--line-height-step-4), 2.239vw + 1.333rem, var(--line-height-step-6) );
  font-weight: var(--font-weight-regular);
  color: var(--headings-color);
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-block-end: var(--margin-block-end);
}

.person-detail__list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1-body-text), 0.746vw + 1.549rem, var(--line-height-step-2-body-text) );
}

.person-detail__list-term {
  display: flex;
  flex-direction: column;
  font-weight: var(--font-weight-bold);
}

.person-detail__list-description {
  margin-inline-start: 0;
}

  .person-detail__list-description:not(:last-child) {
    margin-block-end: var(--margin-block-end);
  }

  .person-detail__list-description .link-plus {
    display: grid;
  }

.previous-next-nav__list {
  container-type: inline-size;
  display: grid;
  grid-template-columns: 1fr 1fr;
  font-size: clamp( var(--font-size-step-negative-1), 2.239vw + 0.271rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-negative-1), 2.239vw + 0.708rem, var(--line-height-step-2) );
  margin: 0;
}

.previous-next-nav__list-item {
  display: grid;
  list-style: none;
  position: relative;
  max-width: 50%;
  align-content: center;
  grid-template-columns: subgrid;
}

.previous-next-nav__link {
  display: grid;
  row-gap: 4px;
  text-decoration: none;
  color: var(--default-link-color);
}

  .previous-next-nav__link:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

  .previous-next-nav__link:hover {
    color: var(--default-link-hover-color);
  }

.previous-next-nav__link-description {
  color: var(--black);
}

  .previous-next-nav__link-description:before {
    content: "";
  }

.previous-next-nav__link-text-container {
  display: flex;
  gap: clamp(12px, 2.985vw - 0.056rem, 20px);
}

.previous-next-nav__link-icon {
  width: 9px;
  height: 0.9em;
}

[dir="rtl"] .previous-next-nav__link-icon {
  transform: scale(-1);
}

.previous-next-nav__link-text {
  text-box-trim: trim-both;
}

.previous-next-nav__link:hover .previous-next-nav__link-text {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.previous-next-nav__link--previous {
  padding-inline-start: 16px;
}

.previous-next-nav__link--next {
  padding-inline-end: 16px;
}

  .previous-next-nav__link--next span {
    flex-direction: row-reverse;
    text-align: end;
  }

.previous-next-nav__counter {
  padding-inline: clamp(16px, 2.985vw + 0.194rem, 24px);
  text-align: center;
  align-self: center;
  white-space: nowrap;
  color: var(--black);
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

  .previous-next-nav__counter strong {
    font-weight: var(--font-weight-bold);
  }

.magazine-nav-bar__sub-nav {
  --default-link-color: var(--alt-link-color);
  --default-link-hover-color: var(--alt-link-hover-color);
}

  .magazine-nav-bar__sub-nav .previous-next-nav__list-item {
    min-height: 44px;
  }

  .magazine-nav-bar__sub-nav .previous-next-nav__list-item--counter {
    border-inline: 3px solid var(--white);
  }

  .magazine-nav-bar__sub-nav .previous-next-nav__list {
    grid-template-columns: 1fr min-content 1fr;
    background-color: var(--magazine-previous-next-nav-background-color);
  }

  .magazine-nav-bar__sub-nav .previous-next-nav__link-text-container {
    font-size: clamp( var(--font-size-step-negative-3), 3.358vw - 0.219rem, var(--font-size-step-2) );
    line-height: clamp( var(--line-height-step-negative-3), 2.985vw + 0.382rem, var(--line-height-step-2) );
    font-weight: var(--font-weight-medium);
    padding-block: clamp(8px, 1.905vw + 0.071rem, 24px);
  }

  .magazine-nav-bar__sub-nav .previous-next-nav__link {
    --border: 3px solid var(--white);
    padding-inline: clamp(16px, 2.985vw + 0.194rem, 24px);
  }

  .magazine-nav-bar__sub-nav .previous-next-nav__link--previous {
    place-self: end;
  }

  .magazine-nav-bar__sub-nav .previous-next-nav__link--next {
    place-self: start;
  }

.progress__prepend {
  background-color: var(--primary-color);
  border-radius: 4px;
  display: block;
  height: 8px;
  position: absolute;
}

.progress__bar {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  height: 8px;
  width: 100%;
  border: none;
  border-radius: 4px;
  overflow: hidden;
  transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

  .progress__bar[value]::-webkit-progress-bar {
    background-color: var(--gray-300);
  }

  .progress__bar[value]::-moz-progress-bar {
    background: var(--sky-blue);
    transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
  }

  .progress__bar[value]::-webkit-progress-value {
    background: var(--sky-blue);
    transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
  }

.progress__text {
  margin: 8px 0;
}

:where(.rich-text) {
  width: 100%;
}

  :where(.rich-text) dl,
  :where(.rich-text) dt,
  :where(.rich-text) li,
  :where(.rich-text) p {
    font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
    line-height: clamp( var(--line-height-step-1-body-text), 0.746vw + 1.549rem, var(--line-height-step-2-body-text) );
    font-weight: 400;
    color: var(--default-text-color);
  }

  :where(.rich-text) p {
    margin-block-end: clamp(12px, 1.493vw + 0.347rem, 16px);
  }

    :where(.rich-text) p:last-child {
      margin-block-end: 0;
    }

    :where(.rich-text) p code {
      font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
      line-height: clamp( var(--line-height-step-1-body-text), 0.746vw + 1.549rem, var(--line-height-step-2-body-text) );
    }

  :where(.rich-text) dl,
  :where(.rich-text) ol,
  :where(.rich-text) ul {
    margin-block-end: clamp(16px, 1.493vw + 0.597rem, 20px);
  }

    :where(.rich-text) dl:last-child,
    :where(.rich-text) ol:last-child,
    :where(.rich-text) ul:last-child {
      margin-block-end: 0;
    }

  :where(.rich-text) li {
    position: relative;
    hyphens: auto;
  }

    :where(.rich-text) li:not(:last-child) {
      margin-block-end: 8px;
    }

    :where(.rich-text) li ol,
    :where(.rich-text) li ul {
      margin-block-start: 8px;
      margin-block-end: 8px;
    }

  :where(.rich-text) ul {
    margin-inline-start: clamp(18px, 0.746vw + 0.924rem, 20px);
  }

  :where(.rich-text) ol {
    margin-inline-start: clamp(27px, 1.119vw + 1.385rem, 30px);
  }

    :where(.rich-text) ol li {
      padding-inline-start: clamp(5px, 1.119vw + 0.01rem, 8px);
    }

    :where(.rich-text) ol.list-style-type--upper-roman {
      list-style-type: upper-roman;
    }

    :where(.rich-text) ol.list-style-type--lower-roman {
      list-style-type: lower-roman;
    }

    :where(.rich-text) ol.list-style-type--upper-alpha {
      list-style-type: upper-alpha;
    }

    :where(.rich-text) ol.list-style-type--lower-alpha {
      list-style-type: lower-alpha;
    }

    :where(.rich-text) ol.list-style-type--decimal {
      list-style-type: decimal;
    }

  :where(.rich-text) a {
    --link-color: var(--default-link-color);
    --link-hover-color: var(--default-link-hover-color);
    color: var(--link-color);
    text-decoration: underline;
    text-decoration-thickness: var(--text-decoration-thickness-regular);
    text-underline-offset: var(--default-text-underline-offset);
    cursor: pointer;
  }

    :where(.rich-text) a:hover {
      color: var(--link-hover-color);
      text-decoration: none;
    }

    :where(.rich-text) a:visited {
      color: var(--visited-link-color);
    }

    :where(.rich-text) a:focus {
      position: relative;
      z-index: 1010;
      outline: 2px dashed var(--default-text-color);
      outline-offset: 3px;
    }

    :where(.rich-text) a.link-with-icon {
      --icon-height: 0.7em;
      position: relative;
      gap: 4px;
    }

      :where(.rich-text) a.link-with-icon > .svg-icon {
        height: var(--icon-height);
        position: relative;
        inset-block-start: 0.1em;
        margin-inline-end: 4px;
      }

        :where(.rich-text) a.link-with-icon > .svg-icon.external-link {
          inset-block-start: 0.15em;
        }

        :where(.rich-text) a.link-with-icon > .svg-icon svg {
          fill: currentColor;
          width: auto;
          height: var(--icon-height);
        }

  :where(.rich-text) table a {
    --link-color: var(--alt-link-color);
    --link-hover-color: var(--alt-link-hover-color);
  }

  :where(.rich-text) h2 {
    font-size: clamp( var(--font-size-step-4), 2.985vw + 0.694rem, var(--font-size-step-6) );
    line-height: clamp( var(--line-height-step-4), 2.239vw + 1.333rem, var(--line-height-step-6) );
    font-weight: var(--headings-font-weight);
    margin-block-end: clamp(8px, 1.493vw + 0.097rem, 12px);
    color: var(--headings-color);
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-wrap: pretty;
  }

  :where(.rich-text) table + h2 {
    margin-block-start: clamp(24px, 5.97vw - 0.112rem, 40px);
  }

  :where(.rich-text) table {
    margin-block-start: clamp(20px, 1.493vw + 0.847rem, 24px);
    margin-block-end: clamp(20px, 1.493vw + 0.847rem, 24px);
    width: 100%;
    border-collapse: collapse;
    background-color: var(--gray-100);
  }

    :where(.rich-text) table .button--link,
    :where(.rich-text) table .button--link p,
    :where(.rich-text) table caption,
    :where(.rich-text) table caption p,
    :where(.rich-text) table li,
    :where(.rich-text) table li p,
    :where(.rich-text) table td,
    :where(.rich-text) table td p,
    :where(.rich-text) table th,
    :where(.rich-text) table th p {
      font-size: clamp( var(--font-size-step-negative-1), 0.746vw + 0.674rem, var(--font-size-step-0) );
      line-height: clamp( var(--line-height-step-negative-1), 0.746vw + 1.111rem, var(--line-height-step-0) );
      font-weight: 400;
      text-align: start;
    }

      :where(.rich-text) table .button--link p:last-child,
      :where(.rich-text) table caption p:last-child,
      :where(.rich-text) table li p:last-child,
      :where(.rich-text) table td p:last-child,
      :where(.rich-text) table th p:last-child {
        margin-block-end: 0;
      }

    :where(.rich-text) table .button--link {
      color: var(--default-button-color);
    }

    :where(.rich-text) table td,
    :where(.rich-text) table th {
      padding: 12px;
      border-inline-end: 2px solid var(--white);
      border-block-end: 2px solid var(--white);
    }

      :where(.rich-text) table td:last-child,
      :where(.rich-text) table th:last-child {
        border-inline-end: none;
      }

    :where(.rich-text) table th {
      background-color: var(--gray-200);
      vertical-align: top;
      hyphens: manual;
    }

      :where(.rich-text) table th,
      :where(.rich-text) table th p {
        font-weight: var(--headings-font-weight);
      }

    :where(.rich-text) table td {
      vertical-align: top;
    }

    :where(.rich-text) table caption {
      margin-block-end: 12px;
    }

      :where(.rich-text) table caption,
      :where(.rich-text) table caption p {
        color: var(--gray-600);
      }

    :where(.rich-text) table:last-child {
      margin-block-end: 0;
    }

  :where(.rich-text) h3,
  :where(.rich-text) h4 {
    font-weight: var(--headings-font-weight);
    color: var(--headings-color);
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  }

    :where(.rich-text) h3:first-child,
    :where(.rich-text) h4:first-child {
      margin-block-start: 0;
    }

  :where(.rich-text) h3 {
    font-size: clamp( var(--font-size-step-3), 0.746vw + 1.174rem, var(--font-size-step-4) );
    line-height: clamp( var(--line-height-step-3), 0.746vw + 1.611rem, var(--line-height-step-4) );
    margin-block-start: clamp(12px, 4.478vw - 0.459rem, 24px);
    margin-block-end: clamp(8px, 1.493vw + 0.097rem, 12px);
  }

  :where(.rich-text) h4 {
    font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
    line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
    margin-block-start: clamp(4px, 4.478vw - 0.959rem, 16px);
    margin-block-end: clamp(4px, 1.493vw - 0.153rem, 8px);
  }

  :where(.rich-text) blockquote {
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    padding-inline: 20px;
    padding-block-start: 36px;
    padding-block-end: 18px;
    background-color: var(--gray-100);
    color: var(--gray-500);
    border-inline-start: 8px solid var(--gray-500);
    margin-block: 32px;
  }

    :where(.rich-text) blockquote:before {
      position: absolute;
      inset-inline-start: 16px;
      inset-block-start: -0.4rem;
      display: inline-block;
      content: "“";
      color: var(--gray-500);
      font-size: 6rem;
      line-height: 0.8;
    }

    :where(.rich-text) blockquote,
    :where(.rich-text) blockquote p {
      font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
      line-height: clamp( var(--line-height-step-1-body-text), 0.746vw + 1.549rem, var(--line-height-step-2-body-text) );
      font-weight: 400;
      font-style: italic;
    }

      :where(.rich-text) blockquote p:last-child,
      :where(.rich-text) blockquote:last-child {
        margin-block-end: 0;
      }

      :where(.rich-text) blockquote a {
        --link-color: var(--alt-link-color);
        --link-hover-color: var(--alt-link-hover-color);
      }

  :where(.rich-text) q {
    font-style: italic;
  }

  :where(.rich-text) pre:last-child {
    margin-block-end: 0;
  }

  :where(.rich-text) code {
    font-size: clamp( var(--font-size-step-negative-1), 0.373vw + 0.774rem, var(--font-size-step-negative-0-5) );
    line-height: clamp( var(--line-height-step-negative-1), 0.373vw + 1.212rem, var(--line-height-step-negative-0-5) );
    white-space: pre-wrap;
  }

  :where(.rich-text) strong {
    font-weight: 700;
  }

  :where(.rich-text).smaller-text dl,
  :where(.rich-text).smaller-text dt,
  :where(.rich-text).smaller-text li,
  :where(.rich-text).smaller-text p {
    font-size: clamp( var(--font-size-step-0), 0.746vw + 0.799rem, var(--font-size-step-1) );
    line-height: clamp( var(--line-height-step-0-body-text), 0.746vw + 1.424rem, var(--line-height-step-1-body-text) );
    font-weight: 400;
    color: var(--default-text-color);
  }

  :where(.rich-text).smaller-text p {
    margin-block-end: clamp(12px, 1.493vw + 0.347rem, 16px);
  }

    :where(.rich-text).smaller-text p:last-child {
      margin-block-end: 0;
    }

    :where(.rich-text).smaller-text p code {
      font-size: clamp( var(--font-size-step-0), 0.746vw + 0.799rem, var(--font-size-step-1) );
      line-height: clamp( var(--line-height-step-0-body-text), 0.746vw + 1.424rem, var(--line-height-step-1-body-text) );
    }

  :where(.rich-text).smaller-text dl,
  :where(.rich-text).smaller-text ol,
  :where(.rich-text).smaller-text ul {
    margin-block-end: clamp(16px, 1.493vw + 0.597rem, 20px);
  }

    :where(.rich-text).smaller-text dl:last-child,
    :where(.rich-text).smaller-text ol:last-child,
    :where(.rich-text).smaller-text ul:last-child {
      margin-block-end: 0;
    }

  :where(.rich-text).smaller-text li {
    position: relative;
    hyphens: auto;
  }

    :where(.rich-text).smaller-text li:not(:last-child) {
      margin-block-end: 8px;
    }

    :where(.rich-text).smaller-text li ol,
    :where(.rich-text).smaller-text li ul {
      margin-block-start: 8px;
      margin-block-end: 8px;
    }

  :where(.rich-text).smaller-text ul {
    margin-inline-start: clamp(18px, 0.746vw + 0.924rem, 20px);
  }

  :where(.rich-text).smaller-text ol {
    margin-inline-start: clamp(27px, 1.119vw + 1.385rem, 30px);
  }

    :where(.rich-text).smaller-text ol li {
      padding-inline-start: clamp(5px, 1.119vw + 0.01rem, 8px);
    }

    :where(.rich-text).smaller-text ol.list-style-type--upper-roman {
      list-style-type: upper-roman;
    }

    :where(.rich-text).smaller-text ol.list-style-type--lower-roman {
      list-style-type: lower-roman;
    }

    :where(.rich-text).smaller-text ol.list-style-type--upper-alpha {
      list-style-type: upper-alpha;
    }

    :where(.rich-text).smaller-text ol.list-style-type--lower-alpha {
      list-style-type: lower-alpha;
    }

    :where(.rich-text).smaller-text ol.list-style-type--decimal {
      list-style-type: decimal;
    }

  :where(.rich-text).smaller-text a {
    --link-color: var(--default-link-color);
    --link-hover-color: var(--default-link-hover-color);
    color: var(--link-color);
    text-decoration: underline;
    text-decoration-thickness: var(--text-decoration-thickness-regular);
    text-underline-offset: var(--default-text-underline-offset);
    cursor: pointer;
  }

    :where(.rich-text).smaller-text a:hover {
      color: var(--link-hover-color);
      text-decoration: none;
    }

    :where(.rich-text).smaller-text a:visited {
      color: var(--visited-link-color);
    }

    :where(.rich-text).smaller-text a:focus {
      position: relative;
      z-index: 1010;
      outline: 2px dashed var(--default-text-color);
      outline-offset: 3px;
    }

    :where(.rich-text).smaller-text a.link-with-icon {
      --icon-height: 0.7em;
      position: relative;
      gap: 4px;
    }

      :where(.rich-text).smaller-text a.link-with-icon > .svg-icon {
        height: var(--icon-height);
        position: relative;
        inset-block-start: 0.1em;
        margin-inline-end: 4px;
      }

        :where(.rich-text).smaller-text a.link-with-icon > .svg-icon.external-link {
          inset-block-start: 0.15em;
        }

        :where(.rich-text).smaller-text a.link-with-icon > .svg-icon svg {
          fill: currentColor;
          width: auto;
          height: var(--icon-height);
        }

  :where(.rich-text).smaller-text table a {
    --link-color: var(--alt-link-color);
    --link-hover-color: var(--alt-link-hover-color);
  }

  :where(.rich-text).smaller-text h2 {
    font-size: clamp( var(--font-size-step-3), 2.239vw + 0.771rem, var(--font-size-step-5) );
    line-height: clamp( var(--line-height-step-3), 1.866vw + 1.309rem, var(--line-height-step-5) );
    font-weight: var(--headings-font-weight);
    margin-block-end: clamp(8px, 1.493vw + 0.097rem, 12px);
    color: var(--headings-color);
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-wrap: pretty;
  }

  :where(.rich-text).smaller-text table + h2 {
    margin-block-start: clamp(24px, 5.97vw - 0.112rem, 40px);
  }

  :where(.rich-text).smaller-text table {
    margin-block-start: clamp(20px, 1.493vw + 0.847rem, 24px);
    margin-block-end: clamp(20px, 1.493vw + 0.847rem, 24px);
    width: 100%;
    border-collapse: collapse;
    background-color: var(--gray-100);
  }

    :where(.rich-text).smaller-text table .button--link,
    :where(.rich-text).smaller-text table .button--link p,
    :where(.rich-text).smaller-text table caption,
    :where(.rich-text).smaller-text table caption p,
    :where(.rich-text).smaller-text table li,
    :where(.rich-text).smaller-text table li p,
    :where(.rich-text).smaller-text table td,
    :where(.rich-text).smaller-text table td p,
    :where(.rich-text).smaller-text table th,
    :where(.rich-text).smaller-text table th p {
      font-size: clamp( var(--font-size-step-negative-2), 0.746vw + 0.549rem, var(--font-size-step-negative-1) );
      line-height: clamp( var(--line-height-step-negative-2), 0.373vw + 1.149rem, var(--line-height-step-negative-1) );
      font-weight: 400;
      text-align: start;
    }

      :where(.rich-text).smaller-text table .button--link p:last-child,
      :where(.rich-text).smaller-text table caption p:last-child,
      :where(.rich-text).smaller-text table li p:last-child,
      :where(.rich-text).smaller-text table td p:last-child,
      :where(.rich-text).smaller-text table th p:last-child {
        margin-block-end: 0;
      }

    :where(.rich-text).smaller-text table .button--link {
      color: var(--default-button-color);
    }

    :where(.rich-text).smaller-text table td,
    :where(.rich-text).smaller-text table th {
      padding: 12px;
      border-inline-end: 2px solid var(--white);
      border-block-end: 2px solid var(--white);
    }

      :where(.rich-text).smaller-text table td:last-child,
      :where(.rich-text).smaller-text table th:last-child {
        border-inline-end: none;
      }

    :where(.rich-text).smaller-text table th {
      background-color: var(--gray-200);
      vertical-align: top;
      hyphens: manual;
    }

      :where(.rich-text).smaller-text table th,
      :where(.rich-text).smaller-text table th p {
        font-weight: var(--headings-font-weight);
      }

    :where(.rich-text).smaller-text table td {
      vertical-align: top;
    }

    :where(.rich-text).smaller-text table caption {
      margin-block-end: 12px;
    }

      :where(.rich-text).smaller-text table caption,
      :where(.rich-text).smaller-text table caption p {
        color: var(--gray-600);
      }

    :where(.rich-text).smaller-text table:last-child {
      margin-block-end: 0;
    }

  :where(.rich-text).smaller-text h3,
  :where(.rich-text).smaller-text h4 {
    font-weight: var(--headings-font-weight);
    color: var(--headings-color);
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  }

    :where(.rich-text).smaller-text h3:first-child,
    :where(.rich-text).smaller-text h4:first-child {
      margin-block-start: 0;
    }

  :where(.rich-text).smaller-text h3 {
    font-size: clamp( var(--font-size-step-2), 0.746vw + 1.049rem, var(--font-size-step-3) );
    line-height: clamp( var(--line-height-step-2), 0.746vw + 1.486rem, var(--line-height-step-3) );
    margin-block-start: clamp(12px, 4.478vw - 0.459rem, 24px);
    margin-block-end: clamp(8px, 1.493vw + 0.097rem, 12px);
  }

  :where(.rich-text).smaller-text h4 {
    font-size: clamp( var(--font-size-step-0), 0.746vw + 0.799rem, var(--font-size-step-1) );
    line-height: clamp( var(--line-height-step-0), 0.746vw + 1.236rem, var(--line-height-step-1) );
    margin-block-start: clamp(4px, 4.478vw - 0.959rem, 16px);
    margin-block-end: clamp(4px, 1.493vw - 0.153rem, 8px);
  }

  :where(.rich-text).smaller-text blockquote {
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    padding-inline: 20px;
    padding-block-start: 36px;
    padding-block-end: 18px;
    background-color: var(--gray-100);
    color: var(--gray-500);
    border-inline-start: 8px solid var(--gray-500);
    margin-block: 32px;
  }

    :where(.rich-text).smaller-text blockquote:before {
      position: absolute;
      inset-inline-start: 16px;
      inset-block-start: -0.4rem;
      display: inline-block;
      content: "“";
      color: var(--gray-500);
      font-size: 6rem;
      line-height: 0.8;
    }

    :where(.rich-text).smaller-text blockquote,
    :where(.rich-text).smaller-text blockquote p {
      font-size: clamp( var(--font-size-step-0), 0.746vw + 0.799rem, var(--font-size-step-1) );
      line-height: clamp( var(--line-height-step-0-body-text), 0.746vw + 1.424rem, var(--line-height-step-1-body-text) );
      font-weight: 400;
      font-style: italic;
    }

      :where(.rich-text).smaller-text blockquote p:last-child,
      :where(.rich-text).smaller-text blockquote:last-child {
        margin-block-end: 0;
      }

      :where(.rich-text).smaller-text blockquote a {
        --link-color: var(--alt-link-color);
        --link-hover-color: var(--alt-link-hover-color);
      }

  :where(.rich-text).smaller-text q {
    font-style: italic;
  }

  :where(.rich-text).smaller-text pre:last-child {
    margin-block-end: 0;
  }

  :where(.rich-text).smaller-text code {
    font-size: clamp( var(--font-size-step-negative-2), 0.373vw + 0.649rem, var(--font-size-step-negative-1-5) );
    line-height: clamp( var(--line-height-step-negative-2), 0vw + 1.25rem, var(--line-height-step-negative-1-5) );
    white-space: pre-wrap;
  }

  :where(.rich-text).smaller-text strong {
    font-weight: 700;
  }

  :where(.rich-text).larger-text dl,
  :where(.rich-text).larger-text dt,
  :where(.rich-text).larger-text li,
  :where(.rich-text).larger-text p {
    font-size: clamp( var(--font-size-step-3), 0.746vw + 1.174rem, var(--font-size-step-4) );
    line-height: clamp( var(--line-height-step-3-body-text), 0.746vw + 1.799rem, var(--line-height-step-4-body-text) );
    font-weight: 400;
    color: var(--default-text-color);
  }

  :where(.rich-text).larger-text p {
    margin-block-end: clamp(12px, 1.493vw + 0.347rem, 16px);
  }

    :where(.rich-text).larger-text p:last-child {
      margin-block-end: 0;
    }

    :where(.rich-text).larger-text p code {
      font-size: clamp( var(--font-size-step-3), 0.746vw + 1.174rem, var(--font-size-step-4) );
      line-height: clamp( var(--line-height-step-3-body-text), 0.746vw + 1.799rem, var(--line-height-step-4-body-text) );
    }

  :where(.rich-text).larger-text dl,
  :where(.rich-text).larger-text ol,
  :where(.rich-text).larger-text ul {
    margin-block-end: clamp(16px, 1.493vw + 0.597rem, 20px);
  }

    :where(.rich-text).larger-text dl:last-child,
    :where(.rich-text).larger-text ol:last-child,
    :where(.rich-text).larger-text ul:last-child {
      margin-block-end: 0;
    }

  :where(.rich-text).larger-text li {
    position: relative;
    hyphens: auto;
  }

    :where(.rich-text).larger-text li:not(:last-child) {
      margin-block-end: 8px;
    }

    :where(.rich-text).larger-text li ol,
    :where(.rich-text).larger-text li ul {
      margin-block-start: 8px;
      margin-block-end: 8px;
    }

  :where(.rich-text).larger-text ul {
    margin-inline-start: clamp(18px, 0.746vw + 0.924rem, 20px);
  }

  :where(.rich-text).larger-text ol {
    margin-inline-start: clamp(27px, 1.119vw + 1.385rem, 30px);
  }

    :where(.rich-text).larger-text ol li {
      padding-inline-start: clamp(5px, 1.119vw + 0.01rem, 8px);
    }

    :where(.rich-text).larger-text ol.list-style-type--upper-roman {
      list-style-type: upper-roman;
    }

    :where(.rich-text).larger-text ol.list-style-type--lower-roman {
      list-style-type: lower-roman;
    }

    :where(.rich-text).larger-text ol.list-style-type--upper-alpha {
      list-style-type: upper-alpha;
    }

    :where(.rich-text).larger-text ol.list-style-type--lower-alpha {
      list-style-type: lower-alpha;
    }

    :where(.rich-text).larger-text ol.list-style-type--decimal {
      list-style-type: decimal;
    }

  :where(.rich-text).larger-text a {
    --link-color: var(--default-link-color);
    --link-hover-color: var(--default-link-hover-color);
    color: var(--link-color);
    text-decoration: underline;
    text-decoration-thickness: var(--text-decoration-thickness-regular);
    text-underline-offset: var(--default-text-underline-offset);
    cursor: pointer;
  }

    :where(.rich-text).larger-text a:hover {
      color: var(--link-hover-color);
      text-decoration: none;
    }

    :where(.rich-text).larger-text a:visited {
      color: var(--visited-link-color);
    }

    :where(.rich-text).larger-text a:focus {
      position: relative;
      z-index: 1010;
      outline: 2px dashed var(--default-text-color);
      outline-offset: 3px;
    }

    :where(.rich-text).larger-text a.link-with-icon {
      --icon-height: 0.7em;
      position: relative;
      gap: 4px;
    }

      :where(.rich-text).larger-text a.link-with-icon > .svg-icon {
        height: var(--icon-height);
        position: relative;
        inset-block-start: 0.1em;
        margin-inline-end: 4px;
      }

        :where(.rich-text).larger-text a.link-with-icon > .svg-icon.external-link {
          inset-block-start: 0.15em;
        }

        :where(.rich-text).larger-text a.link-with-icon > .svg-icon svg {
          fill: currentColor;
          width: auto;
          height: var(--icon-height);
        }

  :where(.rich-text).larger-text table a {
    --link-color: var(--alt-link-color);
    --link-hover-color: var(--alt-link-hover-color);
  }

  :where(.rich-text).larger-text h2 {
    font-size: clamp( var(--font-size-step-6), 2.985vw + 1.194rem, var(--font-size-step-8) );
    line-height: clamp( var(--line-height-step-6), 2.985vw + 1.507rem, var(--line-height-step-8) );
    font-weight: var(--headings-font-weight);
    margin-block-end: clamp(8px, 1.493vw + 0.097rem, 12px);
    color: var(--headings-color);
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-wrap: pretty;
  }

  :where(.rich-text).larger-text table + h2 {
    margin-block-start: clamp(24px, 5.97vw - 0.112rem, 40px);
  }

  :where(.rich-text).larger-text table {
    margin-block-start: clamp(20px, 1.493vw + 0.847rem, 24px);
    margin-block-end: clamp(20px, 1.493vw + 0.847rem, 24px);
    width: 100%;
    border-collapse: collapse;
    background-color: var(--gray-100);
  }

    :where(.rich-text).larger-text table .button--link,
    :where(.rich-text).larger-text table .button--link p,
    :where(.rich-text).larger-text table caption,
    :where(.rich-text).larger-text table caption p,
    :where(.rich-text).larger-text table li,
    :where(.rich-text).larger-text table li p,
    :where(.rich-text).larger-text table td,
    :where(.rich-text).larger-text table td p,
    :where(.rich-text).larger-text table th,
    :where(.rich-text).larger-text table th p {
      font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
      line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
      font-weight: 400;
      text-align: start;
    }

      :where(.rich-text).larger-text table .button--link p:last-child,
      :where(.rich-text).larger-text table caption p:last-child,
      :where(.rich-text).larger-text table li p:last-child,
      :where(.rich-text).larger-text table td p:last-child,
      :where(.rich-text).larger-text table th p:last-child {
        margin-block-end: 0;
      }

    :where(.rich-text).larger-text table .button--link {
      color: var(--default-button-color);
    }

    :where(.rich-text).larger-text table td,
    :where(.rich-text).larger-text table th {
      padding: 12px;
      border-inline-end: 2px solid var(--white);
      border-block-end: 2px solid var(--white);
    }

      :where(.rich-text).larger-text table td:last-child,
      :where(.rich-text).larger-text table th:last-child {
        border-inline-end: none;
      }

    :where(.rich-text).larger-text table th {
      background-color: var(--gray-200);
      vertical-align: top;
      hyphens: manual;
    }

      :where(.rich-text).larger-text table th,
      :where(.rich-text).larger-text table th p {
        font-weight: var(--headings-font-weight);
      }

    :where(.rich-text).larger-text table td {
      vertical-align: top;
    }

    :where(.rich-text).larger-text table caption {
      margin-block-end: 12px;
    }

      :where(.rich-text).larger-text table caption,
      :where(.rich-text).larger-text table caption p {
        color: var(--gray-600);
      }

    :where(.rich-text).larger-text table:last-child {
      margin-block-end: 0;
    }

  :where(.rich-text).larger-text h3,
  :where(.rich-text).larger-text h4 {
    font-weight: var(--headings-font-weight);
    color: var(--headings-color);
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  }

    :where(.rich-text).larger-text h3:first-child,
    :where(.rich-text).larger-text h4:first-child {
      margin-block-start: 0;
    }

  :where(.rich-text).larger-text h3 {
    font-size: clamp( var(--font-size-step-5), 1.493vw + 1.347rem, var(--font-size-step-6) );
    line-height: clamp( var(--line-height-step-5), 1.119vw + 1.823rem, var(--line-height-step-6) );
    margin-block-start: clamp(12px, 4.478vw - 0.459rem, 24px);
    margin-block-end: clamp(8px, 1.493vw + 0.097rem, 12px);
  }

  :where(.rich-text).larger-text h4 {
    font-size: clamp( var(--font-size-step-3), 0.746vw + 1.174rem, var(--font-size-step-4) );
    line-height: clamp( var(--line-height-step-3), 0.746vw + 1.611rem, var(--line-height-step-4) );
    margin-block-start: clamp(4px, 4.478vw - 0.959rem, 16px);
    margin-block-end: clamp(4px, 1.493vw - 0.153rem, 8px);
  }

  :where(.rich-text).larger-text blockquote {
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    padding-inline: 20px;
    padding-block-start: 36px;
    padding-block-end: 18px;
    background-color: var(--gray-100);
    color: var(--gray-500);
    border-inline-start: 8px solid var(--gray-500);
    margin-block: 32px;
  }

    :where(.rich-text).larger-text blockquote:before {
      position: absolute;
      inset-inline-start: 16px;
      inset-block-start: -0.4rem;
      display: inline-block;
      content: "“";
      color: var(--gray-500);
      font-size: 6rem;
      line-height: 0.8;
    }

    :where(.rich-text).larger-text blockquote,
    :where(.rich-text).larger-text blockquote p {
      font-size: clamp( var(--font-size-step-3), 0.746vw + 1.174rem, var(--font-size-step-4) );
      line-height: clamp( var(--line-height-step-3-body-text), 0.746vw + 1.799rem, var(--line-height-step-4-body-text) );
      font-weight: 400;
      font-style: italic;
    }

      :where(.rich-text).larger-text blockquote p:last-child,
      :where(.rich-text).larger-text blockquote:last-child {
        margin-block-end: 0;
      }

      :where(.rich-text).larger-text blockquote a {
        --link-color: var(--alt-link-color);
        --link-hover-color: var(--alt-link-hover-color);
      }

  :where(.rich-text).larger-text q {
    font-style: italic;
  }

  :where(.rich-text).larger-text pre:last-child {
    margin-block-end: 0;
  }

  :where(.rich-text).larger-text code {
    font-size: clamp( var(--font-size-step-1), 0.373vw + 1.024rem, var(--font-size-step-1-5) );
    line-height: clamp( var(--line-height-step-1), 0.373vw + 1.462rem, var(--line-height-step-1-5) );
    white-space: pre-wrap;
  }

  :where(.rich-text).larger-text strong {
    font-weight: 700;
  }

  :where(.rich-text) > :first-child {
    margin-block-start: 0 !important;
  }

  :where(.rich-text) > :last-child {
    margin-block-end: 0 !important;
  }

  :where(.rich-text):has(h2:only-child) {
    margin-block-end: calc(var(--main-content-row-gap) * -0.6);
  }

:where(.rich-text--background-information),
:where(.rich-text--important) {
  --base-inline-padding: 26px;
  display: block;
}

:where(.rich-text--background-information) {
  --border-size: 2px;
  border: var(--border-size) solid var(--gray-400);
  padding-block: clamp(20px, 5.97vw - 0.362rem, 36px);
  padding-inline: calc(var(--base-inline-padding) - var(--border-size));
  border-end-end-radius: 40px;
}

:where(.rich-text--important) {
  --border-size: 8px;
  padding-inline: calc(var(--base-inline-padding) - var(--border-size));
  border-inline-start: 8px solid var(--default-link-hover-color);
  font-weight: 400;
}

.search-block {
  --link-color: var(--default-link-color);
}

.sui-results-container.links-list {
  margin-inline-start: 0;
  font-size: clamp( var(--font-size-step-2), 0.746vw + 1.049rem, var(--font-size-step-3) );
  line-height: clamp( var(--line-height-step-2), 0.746vw + 1.486rem, var(--line-height-step-3) );
}

  .sui-results-container.links-list:has(.activity-list-item) {
    display: grid;
    grid-row-gap: clamp(28px, 1.493vw + 1.347rem, 32px);
  }

  .sui-results-container.links-list > .links-list__item:not(:last-child) {
    margin-block-end: clamp(28px, 1.493vw + 1.347rem, 32px);
  }

.search-block__search-box,
.search-block__toggle {
  margin-block-end: clamp(12px, 1.493vw + 0.347rem, 16px);
}

.search-block__tags {
  margin-block-end: clamp(16px, 2.985vw + 0.194rem, 24px);
  padding-block-start: 8px;
  border-top-style: solid;
  border-top-width: 1px;
}

.search-block__text {
  font: var(--typography-step-1) var(--font-family);
}

.search-block__error-box {
  margin-block-end: clamp(16px, 5.97vw - 0.612rem, 32px);
}

.search-block__date-range-view {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

  .search-block__date-range-view .date-range-picker {
    width: 100%;
    padding-inline-start: 36px;
  }

.search-block__results {
  display: grid;
  grid-row-gap: var(--main-content-row-gap);
}

.search-rss__link {
  font-size: clamp( var(--font-size-step-0), 1.493vw + 0.597rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-0), 1.493vw + 1.035rem, var(--line-height-step-2) );
}

.search-bar,
.search-box {
  --default-button-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  display: flex;
  justify-content: flex-end;
  box-shadow: none;
}

  .search-bar.is-open,
  .search-box.is-open {
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.44);
  }

@media print {
  .search-bar,
  .search-box {
    display: none;
  }
}

.search-bar {
  height: 48px;
}

.search-bar__input-container,
.search-box__input-container {
  position: relative;
  display: flex;
  align-items: center;
  transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: var(--white);
  border: 0;
}

.search-bar__input-container {
  width: 0;
  height: 48px;
}

.search-bar.is-open .search-bar__input-container {
  width: 100%;
}

.search-bar__input-container:focus-within:not(:has(.button:focus)) {
  position: relative;
  z-index: 1010;
  outline: 2px dashed var(--default-text-color);
  outline-offset: 3px;
}

  .search-bar__input-container:focus-within:not(:has(.button:focus)):after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -5px;
    border: 2px solid var(--white);
  }

.search-box__input-container {
  width: 100%;
  height: 56px;
  border-block: 1px solid var(--black);
  border-inline-start: 1px solid var(--black);
}

  .search-box__input-container:focus-within:not(:has(.button:focus)) {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

.search-bar__input,
.search-box__input {
  border: none;
  height: 100%;
  padding: 0;
}

  .search-bar__input.has-clear-button,
  .search-box__input.has-clear-button {
    padding-inline-end: 46px;
  }

  .search-bar__input:focus,
  .search-box__input:focus {
    outline: none;
  }

.search-bar.is-open .search-bar__input,
.search-box__input {
  padding: 16px;
}

.search-bar__clear-button {
  background-color: var(--white);
  color: var(--default-button-color);
  z-index: 1009;
}

  .search-bar__clear-button.is-hovered,
  .search-bar__clear-button:active,
  .search-bar__clear-button:focus,
  .search-bar__clear-button:hover {
    background-color: var(--white);
    color: var(--default-button-hover-color);
  }

.search-box__clear-button {
  background-color: rgba(0, 0, 0, 0);
  color: var(--default-button-color);
  z-index: 1009;
  height: 56px;
}

  .search-box__clear-button.is-hovered,
  .search-box__clear-button:active,
  .search-box__clear-button:focus,
  .search-box__clear-button:hover {
    background-color: rgba(0, 0, 0, 0);
    color: var(--default-button-hover-color);
  }

.search-bar__submit-button {
  background-color: var(--white);
  color: var(--black);
  margin-inline-start: 1px;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.44);
  height: 48px;
}

  .search-bar__submit-button.is-hovered,
  .search-bar__submit-button:active,
  .search-bar__submit-button:hover {
    background-color: var(--black);
    color: var(--white);
    margin-inline-start: 0;
  }

  .search-bar__submit-button.is-focused,
  .search-bar__submit-button:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

    .search-bar__submit-button.is-focused:after,
    .search-bar__submit-button:focus:after {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -5px;
      border: 2px solid var(--white);
    }

[dir="rtl"] .search-bar__submit-button {
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.44);
}

.search-box__submit-button {
  height: 56px;
}

.search-bar.is-open .search-bar__submit-button {
  box-shadow: -1px 0 0 rgba(0, 0, 0, 0.44);
}

  .search-bar.is-open .search-bar__submit-button.is-hovered,
  .search-bar.is-open .search-bar__submit-button:active,
  .search-bar.is-open .search-bar__submit-button:hover {
    margin-inline-start: 1px;
  }

.is-magazine-search-document .search-box__input-container {
  border-radius: 40px;
  border: 1px solid #03689b;
  display: grid;
  grid-template-columns: 1fr min-content;
  background-color: var(--gray-50);
  margin-block-end: clamp(8px, 5.97vw - 1.112rem, 24px);
}

  .is-magazine-search-document .search-box__input-container .search-box__input {
    grid-row: 1;
    background-color: rgba(0, 0, 0, 0);
    padding-inline-start: 32px;
    padding-inline-end: 64px;
  }

.is-magazine-search-document .search-box__clear-button {
  display: none;
}

.is-magazine-search-document .search-box__submit-button {
  height: 56px;
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  color: var(--default-button-color);
  margin-inline-end: 20px;
  z-index: 1020;
}

  .is-magazine-search-document .search-box__submit-button:hover {
    color: var(---default-button-hover-color);
  }

.search-results-loading-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.search-results-loading-item {
  list-style: none;
  margin-block-start: 12px;
  margin-block-end: 44px;
  animation: fadeIn 0.5s;
  position: relative;
  z-index: -1;
}

.search-results-loading-item__title {
  width: 70%;
  height: 20px;
  background-color: var(--gray-100);
  margin-block-end: 16px;
}

.search-results-loading-item__paragraph {
  width: 100%;
  height: 80px;
  background-color: var(--gray-100);
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.site-footer {
  display: grid;
  grid-template-columns: [full-start] var(--viewport-padding) [info-start left-links-start right-links-start] 1fr [info-end left-links-end right-links-end] var( --viewport-padding ) [full-end];
  grid-row-gap: 24px;
  background: var(--footer-color);
  margin-block-start: 96px;
}

  .site-footer,
  .site-footer.for-website {
    padding-block: clamp(20px, 4.478vw + 0.041rem, 32px);
  }

@media (min-width: 600px) {
  .site-footer.for-website {
    --max-column-width: 368px;
    grid-template-columns: [full-start] var(--viewport-padding) [first-start info-start] minmax( 0, var(--max-column-width) ) [first-end info-end first-gap-start] var(--column-gap) [second-gap-end third-start left-links-start] minmax( 0, var(--max-column-width) ) [left-links-end third-end third-gap-start] var(--column-gap) [third-gap-end fourth-start right-links-start] minmax( 0, var(--max-column-width) ) [fourth-end right-links-end] var(--viewport-padding) [full-end];
  }
}

@media (min-width: 800px) {
  .site-footer.for-website {
    --max-column-width: 268px;
    grid-template-columns: [full-start] var(--viewport-padding) [first-start info-start] minmax( 0, var(--max-column-width) ) [first-end first-gap-start] var(--column-gap) [first-gap-end second-start] minmax( 0, var(--max-column-width) ) [info-end second-end second-gap-start] var(--column-gap) [second-gap-end third-start left-links-start] minmax( 0, var(--max-column-width) ) [left-links-end third-end third-gap-start] var(--column-gap) [third-gap-end fourth-start right-links-start] minmax( 0, var(--max-column-width) ) [fourth-end right-links-end] var(--viewport-padding) [full-end];
  }
}

@media (min-width: 1200px) {
  .site-footer.for-website {
    --max-column-width: 168px;
    grid-template-columns: [full-start] var(--viewport-padding) [first-start info-start] minmax( 0, var(--max-column-width) ) [first-end first-gap-start] var(--column-gap) [first-gap-end second-start] minmax( 0, var(--max-column-width) ) [second-end second-gap-start] var(--column-gap) [second-gap-end third-start] minmax( 0, var(--max-column-width) ) [third-end third-gap-start] var(--column-gap) [info-end third-gap-end fourth-start] minmax( 0, var(--max-column-width) ) [fourth-end fourth-gap-start] var(--column-gap) [fourth-gap-end fifth-start left-links-start] minmax( 0, var(--max-column-width) ) [fifth-end left-links-end fifth-gap-start] var(--column-gap) [fifth-gap-end sixth-start right-links-start] minmax( 0, var(--max-column-width) ) [sixth-end right-links-end] var(--viewport-padding) [full-end];
  }
}

.site-footer.for-magazine {
  --footer-color: var(--gray-600);
  --footer-text-color: var(--white);
  padding-block: 48px 96px;
}

@media (min-width: 654px) {
  .site-footer.for-magazine {
    --max-column-width: 368px;
    grid-template-columns: [full-start] var(--viewport-padding) [first-start info-start] minmax( 0, var(--max-column-width) ) [first-end info-end first-gap-start] var(--column-gap) [first-gap-end second-start left-links-start] minmax( 0, var(--max-column-width) ) [second-end left-links-end second-gap-start] var(--column-gap) [second-gap-end third-start right-links-start] minmax( 0, var(--max-column-width) ) [third-end right-links-end third-gap-start] var(--column-gap) [full-end];
  }
}

@media (min-width: 872px) {
  .site-footer.for-magazine {
    --max-column-width: 268px;
    grid-template-columns: [full-start] var(--viewport-padding) [first-start info-start] minmax( 0, var(--max-column-width) ) [first-end first-gap-start] var(--column-gap) [first-gap-end second-start] minmax( 0, var(--max-column-width) ) [info-end second-end second-gap-start] var(--column-gap) [second-gap-end third-start left-links-start] minmax( 0, var(--max-column-width) ) [third-end left-links-end third-gap-start] var(--column-gap) [third-gap-end fourth-start right-links-start] minmax( 0, var(--max-column-width) ) [right-links-end fourth-end fourth-gap-start] var(--column-gap) [full-end];
  }
}

@media (min-width: 1090px) {
  .site-footer.for-magazine {
    --max-column-width: 208px;
    grid-template-columns: [full-start] var(--viewport-padding) [first-start info-start] minmax( 0, var(--max-column-width) ) [first-end first-gap-start] var(--column-gap) [first-gap-end second-start] minmax( 0, var(--max-column-width) ) [second-end info-end second-gap-start] var(--column-gap) [second-gap-end third-start] minmax( 0, var(--max-column-width) ) [third-end third-gap-start] var(--column-gap) [third-gap-end fourth-start left-links-start] minmax( 0, var(--max-column-width) ) [left-links-end fourth-end fourth-gap-start] var(--column-gap) [fourth-gap-end fifth-start right-links-start] minmax( 0, var(--max-column-width) ) [right-links-end fifth-end links-end] var(--viewport-padding) [full-end];
  }
}

.site-footer *,
.site-footer :after,
.site-footer :before {
  color: var(--footer-text-color);
}

@media print {
  .site-footer *,
  .site-footer :after,
  .site-footer :before {
    color: var(--black);
  }
}

.site-footer :hover {
  color: var(--footer-text-color);
}

@media print {
  .site-footer {
    background: rgba(0, 0, 0, 0);
    border-top: 1px solid var(--gray-400);
    border-bottom: 1px solid var(--gray-400);
  }
}

.site-footer + .language-nav {
  margin-block: clamp(32px, 0vw + 2rem, 32px);
}

.site-footer__info {
  grid-column: info;
}

.site-footer__payoff {
  font-family: var(--serif-font-family);
  font-style: italic;
  font-size: clamp( var(--font-size-step-4), 2.985vw + 0.694rem, var(--font-size-step-6) );
  line-height: clamp( var(--line-height-step-4-body-text), 2.985vw + 1.319rem, var(--line-height-step-6-body-text) );
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: var(--footer-text-color);
  max-width: 50ch;
  text-wrap: pretty;
}

@media print {
  .site-footer__payoff {
    color: var(--black);
  }
}

.site-footer__magazine-description {
  font-size: clamp( var(--font-size-step-negative-1), 1.493vw + 0.472rem, var(--font-size-step-1) );
  line-height: clamp( var(--line-height-step-negative-1-body-text), 1.493vw + 1.097rem, var(--line-height-step-1-body-text) );
  max-width: 60ch;
  text-wrap: pretty;
}

.site-footer__links-list .link-plus,
.site-footer__magazine-description {
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.site-footer__links-list .link-plus {
  font-size: clamp( var(--font-size-step-0), 0.746vw + 0.799rem, var(--font-size-step-1) );
  line-height: clamp( var(--line-height-step-0), 0.746vw + 1.236rem, var(--line-height-step-1) );
}

  .site-footer__links-list .link-plus,
  .site-footer__links-list .link-plus:hover {
    color: var(--footer-text-color);
  }

    .site-footer__links-list .link-plus:focus {
      position: relative;
      z-index: 1010;
      outline: 2px dashed var(--default-text-color);
      outline-offset: 3px;
    }

      .site-footer__links-list .link-plus:focus:after {
        content: "";
        position: absolute;
        z-index: -1;
        inset: -5px;
        border: 2px solid var(--white);
      }

.site-footer__links-list-left {
  grid-column: left-links;
}

.site-footer__links-list-right {
  grid-column: right-links;
}

.site-footer__links-heading {
  color: var(--footer-text-color);
}

.for-website .site-footer__links-heading {
  font-size: clamp( var(--font-size-step-2), 1.493vw + 0.847rem, var(--font-size-step-4) );
  line-height: clamp( var(--line-height-step-2), 1.493vw + 1.285rem, var(--line-height-step-4) );
  font-weight: 400;
  margin-block-end: clamp(12px, 4.478vw - 0.459rem, 24px);
}

.for-magazine .site-footer__links-heading,
.site-footer__magazine-title {
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  font-weight: var(--font-weight-semi-bold);
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-block-end: clamp(12px, 2.985vw - 0.056rem, 20px);
}

.site-header {
  display: grid;
  grid-template-columns: [full-start] var(--viewport-padding) [wide-start content-start] 1fr [wide-end content-end] var( --viewport-padding ) [full-end];
  background-color: var(--header-background-color);
}

@media (min-width: 1200px) {
  .site-header {
    grid-template-columns: [full-start] var(--viewport-padding) [content-start] var( --wide-content-column-width ) [content-end] var(--viewport-padding) [full-end];
  }
}

.site-header--rijkshuisstijl {
  --grid-template-columns: 1fr calc(50% + (var(--emblem-width) / 2));
  --logo-position: unset;
  --emblem-width: 40px;
  --logo-max-width-factor: 5;
  --logo-max-width: calc(var(--emblem-width) * var(--logo-max-width-factor));
  --logo-image-width: var(--emblem-width);
  --logo-image-height: calc(var(--logo-image-width) * 2);
  --logo-text-size: 12px;
  --logo-text-line-height: 14.08px;
  --gap: 9px;
  --padding-block-start: 41px;
  --padding-block-end: 20px;
}

@media (min-width: 576px) {
  .site-header--rijkshuisstijl {
    --emblem-width: 45px;
    --logo-max-width-factor: 6;
    --logo-text-size: 13.5px;
    --logo-text-line-height: 15.85px;
    --gap: 11.7px;
    --padding-block-start: 48px;
    --padding-block-end: 22.5px;
  }
}

@media (min-width: 992px) {
  .site-header--rijkshuisstijl {
    --emblem-width: 50px;
    --logo-max-width-factor: 7;
    --logo-text-size: 15px;
    --logo-text-line-height: 17.6px;
    --gap: 12.5px;
    --padding-block-start: 53px;
    --padding-block-end: 25px;
  }
}

.site-header--alternative-style {
  --grid-template-columns: auto;
  --logo-max-width: auto;
  --logo-image-width: auto;
  --logo-image-height: auto;
  --gap: unset;
  --padding-block-end: unset;
}

.site-header__inner {
  grid-column: content;
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: var(--grid-template-columns);
  justify-content: var(--logo-position);
}

.site-header__skip-link {
  --focus-offset: 6px;
  --x-transform: translateX(0%);
  --y-transform-before: translateY(-150%);
  --y-transform-after: translateY( calc(0% + var(--grid-padding) + var(--focus-offset)) );
  inset-inline-start: calc(var(--grid-padding) + var(--focus-offset));
  transition: transform 0.3s;
  transform: var(--y-transform-before);
  font: var(--typography-step-1) var(--font-family);
  height: var(--button-height-medium);
  padding: var(--button-horizontal-padding-medium);
}

  .site-header__skip-link,
  .site-header__skip-link.is-focused,
  .site-header__skip-link:focus {
    position: absolute;
  }

    .site-header__skip-link.is-focused,
    .site-header__skip-link:focus {
      transform: var(--y-transform-after);
    }

.site-header__logo-link {
  grid-column: 2;
  display: inline-flex;
  position: relative;
  text-decoration: none;
  max-width: var(--logo-max-width);
  padding-block-end: var(--padding-block-end);
}

  .site-header__logo-link:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: -2px;
  }

    .site-header__logo-link:focus:after {
      content: "";
      position: absolute;
      z-index: -1;
      inset: 0;
      border: 2px solid var(--white);
    }

.site-header__logo {
  display: inline-flex;
  text-decoration: none;
  margin-block-end: 0;
  gap: var(--gap);
}

.site-header__logo-image {
  display: block;
  width: var(--logo-image-width);
  height: var(--logo-image-height);
}

.site-header__logo-text {
  flex-basis: 100%;
  padding-block-start: var(--padding-block-start);
  color: var(--logo-blue);
  font-family: var(--rijks-sans-font-family);
  font-size: var(--logo-text-size);
  line-height: var(--logo-text-line-height);
}

.site-header__primary-text {
  font-weight: 625;
}

.site-header__secondary-text {
  font-weight: 400;
}

.slider {
  padding-block-start: 16px;
  background-color: var(--gray-100);
}

@media (max-width: 767px) {
  .slider {
    padding-block-start: 12px;
  }
}

.slider__swiper {
  width: 100%;
  min-height: 360px;
  height: 100%;
  height: unset !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

.slider__image-container {
  max-width: 700px;
}

@media (max-width: 767px) {
  .slider__image-container {
    max-width: 316px;
  }
}

.slider__image {
  position: relative !important;
  aspect-ratio: 16/9;
  width: 100%;
  object-fit: cover;
  max-height: 394px;
}

@media (max-width: 767px) {
  .slider__image {
    max-height: 237px;
    aspect-ratio: 4/3;
  }
}

.slider__credits-and-caption {
  display: grid;
  margin-block-start: 24px;
  text-align: center;
}

@media (max-width: 767px) {
  .slider__credits-and-caption {
    row-gap: 0;
  }
}

.slider__credits {
  font-size: clamp( var(--font-size-step-negative-3), 1.119vw + 0.385rem, var(--font-size-step-negative-1) );
  line-height: clamp( var(--line-height-step-negative-3), 0.746vw + 0.986rem, var(--line-height-step-negative-1) );
  color: var(--gray-500);
  margin-block-end: 0;
}

.slider__caption {
  font-size: clamp( var(--font-size-step-negative-1), 1.493vw + 0.472rem, var(--font-size-step-1) );
  line-height: clamp( var(--line-height-step-negative-1), 1.493vw + 0.91rem, var(--line-height-step-1) );
  margin-block-end: 0;
}

.slider__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  margin: 48px auto;
}

@media (max-width: 767px) {
  .slider__buttons {
    gap: 0;
    max-width: 316px;
    justify-content: space-between;
    margin: 32px auto;
  }
}

.slider__controls-button {
  background-color: var(--white);
  border-radius: 50%;
}

  .slider__controls-button.hidden {
    visibility: hidden;
  }

  .slider__controls-button:before {
    border-radius: 50%;
  }

  .slider__controls-button.is-active,
  .slider__controls-button.is-hovered,
  .slider__controls-button:active,
  .slider__controls-button:hover {
    background-color: var(--white);
    color: var(--default-link-color);
    border-color: var(--default-link-color);
  }

.slider-pagination-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

@media (max-width: 767px) {
  .slider-pagination-dots {
    gap: 8px;
  }
}

.slider-pagination-dots__button {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid var(--default-link-color);
  background-color: var(--white);
  padding: unset;
  cursor: pointer;
  transition: background-color 0.3s;
}

  .slider-pagination-dots__button:before {
    border-radius: 50%;
  }

  .slider-pagination-dots__button.active {
    background-color: var(--default-link-color);
    width: 24px;
    height: 24px;
  }

  .slider-pagination-dots__button.is-focused,
  .slider-pagination-dots__button:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

    .slider-pagination-dots__button.is-focused:after,
    .slider-pagination-dots__button:focus:after {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -5px;
      border: 2px solid var(--white);
    }

.social-media-list .block__title {
  margin-block-end: clamp(12px, 1.493vw + 0.347rem, 16px);
}

.social-media-list__list {
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (min-width: 768px) {
  .social-media-list__list {
    gap: 20px;
  }
}

.social-media-list__list-item {
  display: grid;
}

@media print {
  .social-media-list {
    display: none;
  }
}

.ro-spinner {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px;
}

  .ro-spinner div {
    transform-origin: 14px 14px;
    animation: ro-spinner 1.2s linear infinite;
  }

    .ro-spinner div:after {
      content: " ";
      display: block;
      position: absolute;
      top: 1px;
      left: 13px;
      width: 2px;
      height: 6px;
      background: #fff;
    }

    .ro-spinner div:first-child {
      transform: rotate(0deg);
      animation-delay: -1.1s;
    }

    .ro-spinner div:nth-child(2) {
      transform: rotate(30deg);
      animation-delay: -1s;
    }

    .ro-spinner div:nth-child(3) {
      transform: rotate(60deg);
      animation-delay: -0.9s;
    }

    .ro-spinner div:nth-child(4) {
      transform: rotate(90deg);
      animation-delay: -0.8s;
    }

    .ro-spinner div:nth-child(5) {
      transform: rotate(120deg);
      animation-delay: -0.7s;
    }

    .ro-spinner div:nth-child(6) {
      transform: rotate(150deg);
      animation-delay: -0.6s;
    }

    .ro-spinner div:nth-child(7) {
      transform: rotate(180deg);
      animation-delay: -0.5s;
    }

    .ro-spinner div:nth-child(8) {
      transform: rotate(210deg);
      animation-delay: -0.4s;
    }

    .ro-spinner div:nth-child(9) {
      transform: rotate(240deg);
      animation-delay: -0.3s;
    }

    .ro-spinner div:nth-child(10) {
      transform: rotate(270deg);
      animation-delay: -0.2s;
    }

    .ro-spinner div:nth-child(11) {
      transform: rotate(300deg);
      animation-delay: -0.1s;
    }

    .ro-spinner div:nth-child(12) {
      transform: rotate(330deg);
      animation-delay: 0s;
    }

@keyframes ro-spinner {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.streamer {
  font-size: clamp( var(--font-size-step-2), 2.985vw + 0.444rem, var(--font-size-step-5) );
  line-height: clamp( var(--line-height-step-2-body-text), 2.985vw + 1.069rem, var(--line-height-step-5-body-text) );
  font-style: italic;
  color: var(--gray-500);
  padding-block: clamp(24px, 2.985vw + 0.694rem, 32px);
  padding-inline: clamp(24px, 35.821vw - 8.172rem, 120px);
  margin: 0;
}

.subscribe-link {
  display: inline-grid;
  grid-template-columns: min-content 1fr;
  text-decoration: none;
  color: var(--default-link-color);
  column-gap: clamp(8px, 1.493vw + 0.097rem, 12px);
}

  .subscribe-link:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

@media (min-width: 432px) {
  .subscribe-link {
    align-items: center;
  }
}

.subscribe-link__icon-container {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--default-link-color);
  color: var(--white);
  font-size: 21px;
}

.subscribe-link:hover .subscribe-link__icon-container {
  background-color: var(--default-link-hover-color);
}

.subscribe-link:visited .subscribe-link__icon-container {
  background-color: var(--visited-link-color);
}

.subscribe-button-and-link {
  display: grid;
  row-gap: clamp(12px, 1.493vw + 0.347rem, 16px);
}

@media (min-width: 432px) {
  .subscribe-button-and-link {
    align-items: center;
  }
}

.subscribe-link__text {
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  font-weight: 700;
}

.subscribe-link:hover .subscribe-link__text {
  text-decoration: none;
  color: var(--default-link-hover-color);
}

.subscribe-link:visited .subscribe-link__text {
  color: var(--visited-link-color);
}

.subscribe-button-and-link__link {
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  color: var(--default-link-color);
}

  .subscribe-button-and-link__link:hover {
    color: var(--default-link-hover-color);
    text-decoration: none;
  }

  .subscribe-button-and-link__link:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: 3px;
  }

.timeline {
  --padding-block: 24px;
  --padding-inline: 16px;
  --link-color: var(--alt-link-color);
  --link-hover-color: color-mix( in lch, var(--link-color) var(--hover-factor), black );
  background-color: var(--gray-100);
  padding-block: var(--padding-block);
  padding-inline: var(--padding-inline);
}

@media (max-width: 767px) {
  .timeline {
    margin-inline: -16px;
  }
}

@media (min-width: 768px) {
  .timeline {
    --padding-inline: 24px;
  }
}

@media (min-width: 992px) {
  .timeline {
    --padding-block: 32px;
    --padding-inline: 32px;
  }
}

.timeline__title {
  font-size: clamp( var(--font-size-step-3), 2.239vw + 0.771rem, var(--font-size-step-5) );
  line-height: clamp( var(--line-height-step-3), 1.866vw + 1.309rem, var(--line-height-step-5) );
  font-weight: var(--headings-font-weight);
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: var(--headings-color);
}

.timeline__introduction,
.timeline__title {
  margin-block-end: clamp(8px, 1.493vw + 0.097rem, 12px);
}

.timeline__introduction {
  font: var(--typography-step-1) var(--font-family);
}

.timeline__open-close-all-link {
  font-size: clamp( var(--font-size-step-1), 0.746vw + 0.924rem, var(--font-size-step-2) );
  line-height: clamp( var(--line-height-step-1), 0.746vw + 1.361rem, var(--line-height-step-2) );
  margin-block-end: 16px;
}

.timeline__items-container {
  --period-icon-width: 40px;
  --event-icon-width: 24px;
  --container-border-width: 3px;
  --offset: calc((var(--period-icon-width) / 2) + 1px);
  position: relative;
  border-inline-start: var(--container-border-width) solid var(--link-color);
  inset-inline-start: calc(var(--offset) - var(--container-border-width));
  width: calc(100% - var(--offset) + var(--container-border-width));
}

.timeline--single-level .timeline__items-container {
  --icon-widths-difference: calc( var(--period-icon-width) - var(--event-icon-width) );
  inset-inline-start: calc( var(--offset) - var(--icon-widths-difference) / 2 - var(--container-border-width) );
  width: calc( 100% - var(--offset) + var(--icon-widths-difference) / 2 + var(--container-border-width) );
}

.timeline-item {
  --grid-template-columns: var(--period-icon-width) 1fr;
  --column-gap: 16px;
  --button-block-padding: 16px;
  --event-divider-offset: calc(var(--period-icon-width) + var(--column-gap));
  --event-divider-height: 3px;
  position: relative;
  inset-inline-start: calc(var(--offset) * -1);
}

.timeline-period {
  grid-template-areas: "header header" "panel panel";
  width: calc(100% + var(--offset));
}

.timeline-event {
  width: 100%;
  padding-block-start: var(--event-divider-height);
}

  .timeline-event:before {
    position: absolute;
    display: block;
    content: "";
    width: calc(100% - var(--event-divider-offset));
    height: var(--event-divider-height);
    inset-inline-start: var(--event-divider-offset);
    inset-block-start: 0;
    border-block-start: solid var(--event-divider-height) var(--white);
  }

.timeline-event--without-content {
  grid-template-areas: ". header" ". panel";
}

.timeline--single-level .timeline-event {
  width: calc(100% + var(--offset));
}

  .timeline--single-level .timeline-event:first-child:before {
    display: none;
  }

.timeline-event--without-content .timeline-item__header {
  padding-block: var(--button-block-padding);
}

.timeline-item__button {
  position: relative;
  z-index: 1;
  width: 100%;
  border: 0;
  padding: var(--button-block-padding);
  padding-inline: 0;
  font-weight: var(--headings-font-weight);
}

  .timeline-item__button,
  .timeline-item__button .timeline-item__icon {
    color: var(--link-color);
  }

    .timeline-item__button .timeline-item__button-text,
    .timeline-item__button:active,
    .timeline-item__button:hover {
      text-decoration: none;
    }

      .timeline-item__button:active,
      .timeline-item__button:active .timeline-item__icon,
      .timeline-item__button:hover,
      .timeline-item__button:hover .timeline-item__icon {
        color: var(--link-hover-color);
      }

        .timeline-item__button:active .timeline-item__button-text,
        .timeline-item__button:hover .timeline-item__button-text {
          text-decoration: underline;
        }

    .timeline-item__button:focus {
      position: relative;
      z-index: 1010;
      outline: 2px dashed var(--default-text-color);
      outline-offset: -2px;
    }

.timeline-period__button {
  font-size: clamp( var(--font-size-step-3), 0.746vw + 1.174rem, var(--font-size-step-4) );
  line-height: clamp( var(--line-height-step-3), 0.746vw + 1.611rem, var(--line-height-step-4) );
  align-items: center;
}

.timeline-event--without-content .timeline-item__header,
.timeline-event__button {
  font-size: clamp( var(--font-size-step-2), 0.746vw + 1.049rem, var(--font-size-step-3) );
  line-height: clamp( var(--line-height-step-2), 0.746vw + 1.486rem, var(--line-height-step-3) );
  align-items: start;
}

  .timeline-event--without-content
  .timeline-item__header
  .timeline-item__subtitle,
  .timeline-event__button .timeline-item__subtitle {
    display: block;
    font: var(--typography-step-1) var(--font-family);
    font-weight: 400;
  }

.timeline-item__introduction {
  display: block;
  font: var(--typography-step-0) var(--font-family);
  font-weight: 400;
  color: var(--default-text-color);
}

.timeline-item__icon {
  display: grid;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
}

  .timeline-item__icon:before {
    transform: rotate(90deg);
  }

  .timeline-item__icon:after {
    --icon-background-size: calc(var(--icon-width) - 2px);
    position: absolute;
    content: "";
    width: var(--icon-background-size);
    height: var(--icon-background-size);
    background-color: var(--white);
    border-radius: 50%;
    z-index: -1;
  }

.timeline-period__icon {
  inset-block-start: -2px;
  font-size: var(--period-icon-width);
}

  .timeline-period__icon:after {
    --icon-width: var(--period-icon-width);
    inset-block-start: 1px;
    inset-inline-start: 1px;
  }

.timeline-period.is-open .timeline-period__icon:before {
  transform: rotate(180deg);
}

.timeline-event__icon {
  font-size: var(--event-icon-width);
}

  .timeline-event__icon:after {
    --icon-width: var(--event-icon-width);
    inset-block-start: 1px;
    inset-inline-start: calc( (var(--period-icon-width) - var(--event-icon-width)) / 2 + 1px );
  }

.timeline-event.is-open .timeline-event__icon:before {
  transform: rotate(180deg);
}

.timeline-item__button-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
  column-gap: 8px;
}

.timeline-item__button-image {
  max-width: 30%;
  display: grid;
  grid-template-columns: 1fr;
  transition: grid-template-columns 0.15s ease, opacity 0.2s 0.15s;
  opacity: 1;
  overflow: hidden;
}

@media (min-width: 576px) {
  .timeline-item__button-image {
    max-width: 20%;
  }
}

.timeline-item__button-image img {
  display: block;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.timeline-event.is-open .timeline-item__button-image {
  opacity: 0;
  grid-template-columns: 0fr;
  transition: grid-template-columns 0.2s ease;
}

.timeline-item__content {
  display: block;
  container-type: inline-size;
}

.timeline-event .timeline-item__content {
  padding-block-end: 24px;
}

.timeline-item__content .rich-text.smaller-text a {
  color: var(--link-color);
}

  .timeline-item__content .rich-text.smaller-text a:active,
  .timeline-item__content .rich-text.smaller-text a:hover {
    color: var(--link-hover-color);
  }

.timeline-item__content:has(.image-block) {
  display: flex;
  flex-direction: column;
}

  .timeline-item__content:has(.image-block) .rich-text {
    order: 1;
  }

  .timeline-item__content:has(.image-block) .image-block {
    order: 2;
    margin-block-start: clamp(16px, 2.985vw + 0.194rem, 24px);
    margin-block-end: 0;
  }

@container (min-width: 600px) {
  .timeline-item__content:has(.image-block.text-wrap) {
    display: block;
  }

    .timeline-item__content:has(.image-block.text-wrap) .image-block {
      margin-block-start: 0;
      margin-block-end: clamp(16px, 2.985vw + 0.194rem, 24px);
    }
}

.timeline-item__image-block.text-wrap {
  display: block;
  height: 100%;
}

@container (min-width: 360px) {
  .timeline-item__image-block.text-wrap {
    width: 36%;
    float: right;
    margin-inline-start: 32px;
  }
}

.timeline-item__image-block.text-wrap .image-block__caption {
  font: var(--typography-step-negative-1) var(--font-family);
  color: var(--gray-500);
}

.timeline-item__rich-text a {
  color: var(--link-color);
}

  .timeline-item__rich-text a:active,
  .timeline-item__rich-text a:hover {
    color: var(--link-hover-color);
  }

.secondary-timeline .timeline-item {
  inset-inline-start: 0;
}

.thematic-map .highcharts-map-series .highcharts-point {
  stroke: var(--gray-100);
}

.thematic-map .highcharts-coloraxis-labels,
.thematic-map .highcharts-tooltip {
  font-size: 16px;
}

.thematic-map .highcharts-focus-border {
  outline-width: 8px;
}

.thematic-map .accordion .rich-text table th {
  white-space: nowrap;
  width: 1%;
}

.thematic-map .accordion .rich-text table td {
  width: 100%;
}

.thematic-map .highcharts-coloraxis-marker {
  fill: var(--black);
}

.thematic-map .highcharts-crosshair-thin {
  stroke-width: 4px;
  stroke: var(--black);
}

[data-media-player][data-layout="video"] {
  background-color: var(--video-bg, black);
}

  [data-media-player][data-layout="video"]:not([data-fullscreen]) {
    border-radius: var(--video-border-radius, 6px);
    border: var(--video-border, 1px solid rgba(255, 255, 255, 0.1));
  }

:where(.vds-video-layout) {
  --media-brand: var(--video-brand, #f5f5f5);
  --media-font-family: var(--video-font-family, sans-serif);
  --media-controls-color: var(--video-controls-color, #f5f5f5);
  --media-tooltip-y-offset: 6px;
  --media-menu-y-offset: 6px;
  --media-focus-ring-color: var(--video-focus-ring-color, rgb(78 156 246));
  --media-focus-ring: var( --video-focus-ring, 0 0 0 3px var(--media-focus-ring-color) );
  color: var(--video-controls-color, #f5f5f5);
  display: contents;
}

:where( [data-media-player][data-focus]:not([data-playing]) .vds-video-layout .vds-controls ) {
  border-radius: var(--video-border-radius, 6px);
  box-shadow: var(--media-focus-ring);
}

:where(.vds-video-layout .vds-time-slider) {
  --media-slider-height: 45px;
  flex-grow: 0;
}

:where(.vds-video-layout .vds-slider-thumbnail) {
  --media-thumbnail-border: var( --video-slider-thumbnail-border, 1px solid #f5f5f5 );
  border-radius: var(--video-slider-thumbnail-border-radius, 2px);
}

.vds-video-layout .vds-time-slider .vds-slider-value {
  background-color: var(--video-time-bg, unset);
  text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
}

:where(.vds-video-layout[data-sm] .vds-time) {
  text-shadow: unset;
  font-size: var(--video-sm-time-font-size, 14px);
}

:where(.vds-video-layout .vds-time[data-type="current"]) {
  margin-right: 2px;
}

:where(.vds-video-layout .vds-time[data-type="current"][remainder]) {
  margin-left: 2px;
}

.vds-video-layout .vds-time {
  --default-color: #f5f5f5 !important;
}

:where([data-preview] .vds-video-layout .vds-captions) {
  opacity: 0;
}

:where(.vds-video-layout .vds-captions) {
  z-index: 10;
  transition: var(--video-captions-transition, bottom 0.3s ease-in-out);
}

@media (min-width: 980px) {
  :where([data-fullscreen] .vds-video-layout .vds-captions) {
    bottom: var(--video-lg-fullscreen-captions-offset, 54px);
  }
}

:where([data-media-player][data-controls] .vds-video-layout .vds-captions) {
  bottom: var(--video-captions-offset, 78px);
}

:where( [data-media-player][data-controls] .vds-video-layout[data-sm] .vds-captions ) {
  bottom: var(--video-sm-captions-offset, 48px);
}

:where(.vds-video-layout .vds-gesture) {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

:where(.vds-video-layout .vds-gesture[action="seek:-10"]) {
  width: var(--video-gesture-seek-width, 20%);
  z-index: 1;
}

:where(.vds-video-layout .vds-gesture[action="seek:10"]) {
  left: unset;
  right: 0;
  width: var(--video-gesture-seek-width, 20%);
  z-index: 1;
}

@media (pointer: coarse) {
  :where(.vds-video-layout .vds-gesture[action="toggle:paused"]) {
    display: none;
  }
}

@media not (pointer: coarse) {
  :where( [data-media-player] .vds-video-layout .vds-gesture[action="toggle:controls"] ) {
    display: none;
  }
}

:where(.vds-video-layout:not([data-sm]) .vds-time-group) {
  margin-left: 10px;
}

:where([data-fullscreen] .vds-video-layout .vds-time) {
  font-size: var(--video-fullscreen-time-font-size, 16px);
}

:where(.vds-video-layout .vds-load-container) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 99;
}

:where( [data-media-player][data-load="play"]:not([data-started]) .vds-video-layout[data-match] .vds-load-container ) {
  display: flex;
}

:where(.vds-video-layout .vds-load-container .vds-play-button) {
  --size: var(--video-load-button-size, 56px);
  --color: var(--video-load-button-color, rgb(0 0 0/0.8));
  --bg-color: var(--video-load-button-bg, var(--media-brand));
  --media-button-hover-transform: 0;
  --media-button-border: var(--video-load-button-border, var(--color));
  --media-button-hover-bg: var(--video-load-button-bg, var(--media-brand));
  width: var(--size);
  height: var(--size);
  pointer-events: auto;
  margin-bottom: 2px;
  overflow: hidden;
}

.vds-video-layout .vds-load-container .vds-play-button {
  border-radius: var(--video-load-button-border-radius, 100%);
  color: var(--color);
  background-color: var(--bg-color);
}

:where(.vds-video-layout[data-sm] .vds-load-container .vds-play-button) {
  --size: var(--video-sm-load-button-size, 48px);
  --media-button-hover-transform: translateY(0%);
  width: var(--size);
  height: var(--size);
  transform: translateY(0);
}

:where(.vds-video-layout[data-sm] .vds-buffering-indicator) {
  --media-buffering-size: 64px;
  transform: translate(-2px, -4px);
}

:where(.vds-video-layout .vds-start-duration .vds-time) {
  position: absolute;
  right: 8px;
  bottom: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
  z-index: 10;
}

.vds-video-layout .vds-start-duration .vds-time {
  padding: var(--video-sm-start-duration-padding, 3px 6px);
  color: var(--video-sm-start-duration-color, var(--video-controls-color));
  background-color: var(--video-sm-start-duration-bg, rgba(0, 0, 0, 0.64));
}

:where([data-started] .vds-video-layout .vds-start-duration .vds-time) {
  display: none;
}

:where( [data-media-player]:not([data-can-play]) .vds-video-layout .vds-start-duration .vds-time ) {
  opacity: 0;
}

:where(.vds-video-layout[data-sm] .vds-time[data-type="current"]) {
  margin-left: 8px;
}

:where( [data-fullscreen] .vds-video-layout .vds-controls-group:nth-last-child(2) ) {
  margin-bottom: -16px;
}

@media (orientation: portrait) {
  :where([data-fullscreen] .vds-video-layout .vds-captions) {
    bottom: 30lvh;
    bottom: 10dvh;
  }
}

@media (orientation: landscape) {
  :where( [data-fullscreen] .vds-video-layout .vds-controls-group:nth-last-child(2) ) {
    margin-bottom: -12px;
  }
}

:where(.vds-poster) {
  object-fit: contain;
}

[data-media-player] {
  width: 100%;
  display: inline-flex;
  align-items: center;
  position: relative;
  contain: style;
  user-select: none;
}

  [data-media-player],
  [data-media-player] * {
    box-sizing: border-box;
  }

:where([data-media-player][data-view-type="video"]) {
  aspect-ratio: 16/9;
}

[data-media-player]:focus,
[data-media-player]:focus-visible {
  outline: none;
}

[data-media-player][data-view-type="video"][data-started]:not([data-controls]) {
  pointer-events: auto;
  cursor: none;
}

[data-media-player] slot {
  display: contents;
}

[data-media-provider] {
  display: flex;
  position: relative;
  box-sizing: border-box;
  align-items: center;
  border-radius: inherit;
  width: 100%;
  aspect-ratio: inherit;
  overflow: hidden;
}

[data-media-player]:not([data-view-type="audio"]) [data-media-provider],
[data-media-player][data-fullscreen] [data-media-provider] {
  height: 100%;
}

[data-media-player][data-view-type="audio"] [data-media-provider] {
  display: contents;
  background-color: unset;
}

[data-media-provider] audio {
  width: 100%;
}

:where(video:not([width]):not([height]), iframe:not([width]):not([height])) {
  width: 100%;
  aspect-ratio: 16/9;
}

:where([data-media-provider] iframe),
:where([data-media-provider] video) {
  aspect-ratio: inherit;
  display: inline-block;
  height: auto;
  object-fit: contain;
  touch-action: manipulation;
  border-radius: inherit;
  width: 100%;
}

[data-media-provider] iframe {
  height: 100%;
}

[data-media-player][data-view-type="audio"] iframe,
[data-media-player][data-view-type="audio"] video {
  display: none;
}

[data-media-player][data-fullscreen] video {
  height: 100%;
}

[data-media-provider] iframe:not([src]) {
  display: none;
}

iframe.vds-youtube[data-no-controls] {
  height: 1000%;
}

.vds-blocker {
  position: absolute;
  inset: 0;
  width: 100%;
  height: auto;
  aspect-ratio: inherit;
  pointer-events: auto;
  border-radius: inherit;
  z-index: 1;
}

[data-ended] .vds-blocker {
  background-color: #000;
}

.vds-icon:focus {
  outline: none;
}

:where(.vds-buffering-indicator) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 1;
}

  :where(.vds-buffering-indicator)
  :where(.vds-buffering-icon, .vds-buffering-spinner) {
    opacity: 0;
    pointer-events: none;
    transition: var(--media-buffering-transition, opacity 0.2s ease);
  }

  :where(.vds-buffering-indicator)
  :where( .vds-buffering-icon, svg.vds-buffering-spinner, .vds-buffering-spinner svg ) {
    width: var(--media-buffering-size, 96px);
    height: var(--media-buffering-size, 96px);
  }

  :where(.vds-buffering-indicator)
  :where(.vds-buffering-track, circle[data-part="track"]) {
    color: var(--media-buffering-track-color, #f5f5f5);
    opacity: var(--media-buffering-track-opacity, 0.25);
    stroke-width: var(--media-buffering-track-width, 8);
  }

  :where(.vds-buffering-indicator)
  :where(.vds-buffering-track-fill, circle[data-part="track-fill"]) {
    color: var(--media-buffering-track-fill-color, var(--media-brand));
    opacity: var(--media-buffering-track-fill-opacity, 0.75);
    stroke-width: var(--media-buffering-track-fill-width, 9);
    stroke-dasharray: 100;
    stroke-dashoffset: var(--media-buffering-track-fill-offset, 50);
  }

:where([data-buffering]) :where(.vds-buffering-icon, .vds-buffering-spinner) {
  opacity: 1;
  animation: var( --media-buffering-animation, vds-buffering-spin 1s linear infinite );
}

@keyframes vds-buffering-spin {
  to {
    transform: rotate(1turn);
  }
}

@media (prefers-reduced-motion) {
  :where([data-buffering]) :where(.vds-buffering-icon, .vds-buffering-spinner) {
    animation-duration: 8s;
  }
}

:where(.vds-button) {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  appearance: none;
  background: none;
  outline: none;
  border: none;
  border-radius: var(--media-button-border-radius, 8px);
  width: var(--media-button-size, 40px);
  height: var(--media-button-size, 40px);
  transition: transform 0.2s ease-out;
  contain: layout style;
  cursor: pointer;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  touch-action: manipulation;
  flex-shrink: 0;
}

.vds-button {
  border: var(--media-button-border);
  color: var(--media-button-color, var(--media-controls-color, #f5f5f5));
  padding: var(--media-button-padding, 0);
}

:where([data-fullscreen] .vds-button) {
  width: var(--media-fullscreen-button-size, 42px);
  height: var(--media-fullscreen-button-size, 42px);
}

@media screen and (max-width: 599px) {
  :where([data-fullscreen] .vds-button) {
    width: var(--media-sm-fullscreen-button-size, 42px);
    height: var(--media-sm-fullscreen-button-size, 42px);
  }
}

:where(.vds-button .vds-icon) {
  width: var(--media-button-icon-size, 80%);
  height: var(--media-button-icon-size, 80%);
  border-radius: var(--media-button-border-radius, 8px);
}

:where(.vds-menu-button .vds-icon) {
  display: flex !important;
}

:where(.vds-button[aria-hidden="true"]) {
  display: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .vds-button:hover {
    background-color: var(--media-button-hover-bg, rgba(255, 255, 255, 0.2));
    transform: var(--media-button-hover-transform, scale(1.05));
    transition: var(--media-button-hover-transition, transform 0.2s ease-in);
  }

  .vds-button[aria-expanded="true"] {
    transform: unset;
  }
}

@media (pointer: coarse) {
  .vds-button:hover {
    border-radius: var(--media-button-touch-hover-border-radius, 100%);
    background-color: var( --media-button-touch-hover-bg, rgba(255, 255, 255, 0.2) );
  }
}

:where(.vds-button:focus) {
  outline: none;
}

:where(.vds-button[data-focus], .vds-button:focus-visible) {
  box-shadow: var(--media-focus-ring);
}

.vds-button:not([data-active]) .vds-cc-on-icon,
.vds-button:not([data-active]) .vds-fs-exit-icon,
.vds-button:not([data-active]) .vds-pip-exit-icon,
.vds-button:not([data-ended]) .vds-replay-icon,
.vds-button:not([data-muted]) .vds-mute-icon,
.vds-button:not([data-paused]) .vds-play-icon,
.vds-button:not([data-state="high"]) .vds-volume-high-icon,
.vds-button:not([data-state="low"]) .vds-volume-low-icon,
.vds-button[data-active] .vds-cc-off-icon,
.vds-button[data-active] .vds-fs-enter-icon,
.vds-button[data-active] .vds-pip-enter-icon,
.vds-button[data-ended] .vds-pause-icon,
.vds-button[data-ended] .vds-play-icon,
.vds-button[data-paused] .vds-pause-icon {
  display: none;
}

:where(.vds-captions) {
  --overlay-padding: var(--media-captions-padding, 1%);
  --cue-color: var(--media-user-text-color, var(--media-cue-color, white));
  --cue-bg-color: var( --media-user-text-bg, var(--media-cue-bg, rgba(0, 0, 0, 0.7)) );
  --cue-default-font-size: var( --media-cue-font-size, calc(var(--overlay-height) / 100 * 4.5) );
  --cue-font-size: calc( var(--cue-default-font-size) * var(--media-user-font-size, 1) );
  --cue-line-height: var( --media-cue-line-height, calc(var(--cue-font-size) * 1.2) );
  --cue-padding-x: var(--media-cue-padding-x, calc(var(--cue-font-size) * 0.6));
  --cue-padding-y: var(--media-cue-padding-x, calc(var(--cue-font-size) * 0.4));
  --cue-padding: var(--cue-padding-y) var(--cue-padding-x);
  position: absolute;
  inset: 0;
  z-index: 1;
  contain: layout style;
  margin: var(--overlay-padding);
  font-size: var(--cue-font-size);
  font-family: var(--media-user-font-family, sans-serif);
  box-sizing: border-box;
  pointer-events: none;
  user-select: none;
  word-spacing: normal;
  word-break: break-word;
}

:where([data-fullscreen][data-orientation="portrait"] .vds-captions) {
  --cue-default-font-size: var( --media-cue-font-size, calc(var(--overlay-width) / 100 * 4.5) );
}

:where([data-view-type="audio"] .vds-captions) {
  position: relative;
  margin: 0;
}

:where(.vds-captions[aria-hidden="true"]) {
  opacity: 0;
  visibility: hidden;
}

.vds-captions[data-example] {
  opacity: 1 !important;
  visibility: visible !important;
}

:where( [data-view-type="video"] .vds-captions [data-part="cue-display"][data-example] ) {
  --cue-text-align: center;
  --cue-width: 100%;
  --cue-top: 90%;
  --cue-left: 0%;
}

:where([data-view-type="audio"] .vds-captions [data-part="cue-display"]) {
  --cue-width: 100%;
  position: relative !important;
}

:where(.vds-captions [data-part="cue-display"]) {
  position: absolute;
  direction: ltr;
  overflow: visible;
  contain: content;
  top: var(--cue-top);
  left: var(--cue-left);
  right: var(--cue-right);
  bottom: var(--cue-bottom);
  width: var(--cue-width, auto);
  height: var(--cue-height, auto);
  box-sizing: border-box;
  transform: var(--cue-transform);
  text-align: var(--cue-text-align);
  writing-mode: var(--cue-writing-mode, unset);
  white-space: pre-line;
  unicode-bidi: plaintext;
  min-width: min-content;
  min-height: min-content;
  background-color: var(--media-user-display-bg, var(--media-cue-display-bg));
  border-radius: var(--media-cue-display-border-radius);
}

.vds-captions [data-part="cue-display"] {
  padding: var(--media-cue-display-padding);
}

:where(.vds-captions[data-dir="rtl"] [data-part="cue-display"]) {
  direction: rtl;
}

:where(.vds-captions [data-part="cue"]) {
  display: inline-block;
  contain: content;
  font-variant: var(--media-user-font-variant);
  border: var(--media-cue-border, unset);
  border-radius: var(--media-cue-border-radius, 2px);
  backdrop-filter: var(--media-cue-backdrop, blur(8px));
  line-height: var(--cue-line-height);
  box-sizing: border-box;
  box-shadow: var(--media-cue-box-shadow, var(--cue-box-shadow));
  white-space: var(--cue-white-space, pre-wrap);
  outline: var(--cue-outline);
  text-shadow: var(--media-user-text-shadow, var(--cue-text-shadow));
}

.vds-captions [data-part="cue"] {
  background-color: var(--cue-bg-color);
  color: var(--cue-color);
  padding: var(--cue-padding);
}

:where( .vds-captions [data-part="cue-display"][data-vertical] [data-part="cue"] ) {
  --cue-padding: var(--cue-padding-x) var(--cue-padding-y);
}

:where(.vds-captions [data-part="region"]) {
  --anchor-x-percent: calc(var(--region-anchor-x) / 100);
  --anchor-x: calc(var(--region-width) * var(--anchor-x-percent));
  --anchor-y-percent: calc(var(--region-anchor-y) / 100);
  --anchor-y: calc(var(--region-height) * var(--anchor-y-percent));
  --vp-anchor-x: calc(var(--region-viewport-anchor-x) * 1%);
  --vp-anchor-y-percent: calc(var(--region-viewport-anchor-y) / 100);
  --vp-anchor-y: calc(var(--overlay-height) * var(--vp-anchor-y-percent));
  position: absolute;
  display: inline-flex;
  flex-flow: column;
  justify-content: flex-start;
  width: var(--region-width);
  height: var(--region-height);
  min-height: 0;
  max-height: var(--region-height);
  writing-mode: horizontal-tb;
  top: var(--region-top, calc(var(--vp-anchor-y) - var(--anchor-y)));
  left: var(--region-left, calc(var(--vp-anchor-x) - var(--anchor-x)));
  right: var(--region-right);
  bottom: var(--region-bottom);
  overflow: hidden;
  overflow-wrap: break-word;
  box-sizing: border-box;
}

:where(.vds-captions [data-part="region"][data-scroll="up"]) {
  justify-content: end;
}

:where(.vds-captions [data-part="region"][data-active][data-scroll="up"]) {
  transition: top 0.433s;
}

:where(.vds-captions [data-part="region"] > [data-part="cue-display"]) {
  position: relative;
  width: auto;
  left: var(--cue-offset);
  height: var(--cue-height, auto);
  text-align: var(--cue-text-align);
  unicode-bidi: plaintext;
  margin-top: 2px;
}

:where(.vds-captions [data-part="region"] [data-part="cue"]) {
  position: relative;
  border-radius: 0;
}

:where(.vds-chapter-title) {
  --color: var(--media-chapter-title-color, rgba(255 255 255/0.64));
  display: inline-block;
  font-family: var(--media-font-family, sans-serif);
  font-size: var(--media-chapter-title-font-size, 16px);
  font-weight: var(--media-chapter-title-font-weight, 400);
  color: var(--color);
  flex: 1 1 0%;
  padding-inline: 6px;
  overflow: hidden;
  text-align: start;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.vds-chapter-title:before {
  content: var(--media-chapter-title-separator, "•");
  display: inline-block;
  margin-right: var(--media-chapter-title-separator-gap, 6px);
  color: var(--media-chapter-title-separator-color, var(--color));
}

.vds-chapter-title:empty:before {
  content: "";
  margin: 0;
}

:where(.vds-controls),
:where(.vds-controls-group) {
  position: relative;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}

:where([data-view-type="audio"] .vds-controls) {
  display: inline-block;
  max-width: 100%;
}

:where([data-view-type="video"] .vds-controls) {
  display: flex;
  position: absolute;
  flex-direction: column;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
  padding: var(--media-controls-padding, 0);
}

:where(.vds-controls-spacer) {
  flex: 1 1 0%;
  pointer-events: none;
}

:where(.vds-gestures) {
  display: contents;
}

:where(.vds-gesture) {
  position: absolute;
  display: block;
  contain: content;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none !important;
}

:where(.vds-icon svg) {
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

:where(.vds-kb-action.hidden) {
  opacity: 0;
}

:where(.vds-kb-text-wrapper) {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: var(--media-kb-text-top, 10%);
  z-index: 20;
  pointer-events: none;
}

:where(.vds-kb-text) {
  display: inline-block;
  font-size: var(--media-kb-text-size, 150%);
  font-family: var(--media-font-family, sans-serif);
  backdrop-filter: blur(2px);
  border-radius: var(--media-kb-border-radius, 2.5px);
  pointer-events: none;
}

.vds-kb-text {
  color: var(--media-kb-text-color, var(--default-color));
  background-color: var(--media-kb-text-bg, var(--default-bg));
  padding: var(--media-kb-text-padding, 10px 20px);
}

.light .vds-kb-text {
  --default-color: #1a1a1a;
  --default-bg: rgb(240 240 240/0.6);
}

.dark .vds-kb-text {
  --default-color: #f5f5f5;
  --default-bg: rgb(10 10 10/0.6);
}

:where(.vds-kb-text:empty) {
  display: none;
}

:where(.vds-kb-bezel) {
  --size: var(--media-kb-bezel-size, 52px);
  position: absolute;
  left: 50%;
  top: 45%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: var(--size);
  height: var(--size);
  margin-left: calc(-1 * var(--size) / 2);
  margin-right: calc(-1 * var(--size) / 2);
  z-index: 20;
  backdrop-filter: blur(2px);
  background-color: var(--media-kb-bezel-bg, var(--default-bg));
  animation: var( --media-kb-bezel-animation, vds-bezel-fade 0.35s linear 1 normal forwards );
  border-radius: var(--media-kb-bezel-border-radius, calc(var(--size) / 2));
  pointer-events: none;
}

.vds-kb-bezel:not(:has(svg)) {
  display: none !important;
}

.light .vds-kb-bezel {
  --default-bg: rgb(255 255 255/0.6);
}

.dark .vds-kb-bezel {
  --default-bg: rgb(10 10 10/0.6);
}

@media (prefers-reduced-motion) {
  :where(.vds-kb-bezel) {
    animation: none;
  }
}

:where(.vds-kb-bezel:has(slot:empty)) {
  opacity: 0;
}

:where(.vds-kb-action[data-action="seek-forward"] .vds-kb-bezel) {
  top: 45%;
  left: unset;
  right: 10%;
}

:where(.vds-kb-action[data-action="seek-backward"] .vds-kb-bezel) {
  top: 45%;
  left: 10%;
}

:where(.vds-kb-icon) {
  --size: var(--media-kb-icon-size, 38px);
  width: var(--size);
  height: var(--size);
}

.vds-kb-icon {
  color: var(--media-kb-icon-color, var(--default-color));
}

.light .vds-kb-icon {
  --default-color: #1a1a1a;
}

.dark .vds-kb-icon {
  --default-color: #f5f5f5;
}

@keyframes vds-bezel-fade {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: scale(2);
  }
}

:where(.vds-poster) {
  display: block;
  contain: content;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border: 0;
  pointer-events: none;
  box-sizing: border-box;
  transition: opacity 0.2s ease-out;
  background-color: var(--media-poster-bg, black);
}

:where(.vds-poster img) {
  object-fit: inherit;
  object-position: inherit;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  box-sizing: border-box;
}

.vds-poster :where(img) {
  border: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

:where(.vds-poster[data-hidden]) {
  display: none;
}

:where(.vds-poster[data-visible]) {
  opacity: 1;
}

.vds-poster img:not([src]),
.vds-poster:not(:defined) {
  display: none;
}

:where(.vds-slider) {
  --width: var(--media-slider-width, 100%);
  --height: var(--media-slider-height, 48px);
  --thumb-size: var(--media-slider-thumb-size, 15px);
  --thumb-focus-size: var( --media-slider-focused-thumb-size, calc(var(--thumb-size) * 1.1) );
  --track-width: var(--media-slider-track-width, 100%);
  --track-height: var(--media-slider-track-height, 5px);
  --track-focus-width: var( --media-slider-focused-track-width, var(--track-width) );
  --track-focus-height: var( --media-slider-focused-track-height, calc(var(--track-height) * 1.25) );
  display: inline-flex;
  align-items: center;
  width: var(--width);
  height: var(--height);
  margin: 0 calc(var(--thumb-size) / 2);
  position: relative;
  contain: layout style;
  outline: none;
  pointer-events: auto;
  cursor: pointer;
  user-select: none;
  touch-action: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

:where(.vds-slider[aria-hidden="true"]) {
  display: none !important;
}

:where(.vds-slider[aria-disabled="true"]) {
  cursor: unset;
}

:where(.vds-slider:focus) {
  outline: none;
}

:where( .vds-slider:not([data-chapters])[data-focus], .vds-slider:not([data-chapters]):focus-visible )
:where(.vds-slider-track) {
  box-shadow: var(--media-focus-ring);
}

:where(.vds-slider .vds-slider-track) {
  z-index: 0;
  position: absolute;
  width: var(--track-width);
  height: var(--track-height);
  top: 50%;
  left: 0;
  border-radius: var(--media-slider-track-border-radius, 2px);
  transform: translateY(-50%) translateZ(0);
  background-color: var(--media-slider-track-bg, rgba(255, 255, 255, 0.3));
  contain: strict;
}

:where(.vds-slider[data-focus], .vds-slider:focus-visible)
:where(.vds-slider-track) {
  outline-offset: var(--thumb-size);
}

:where(.vds-slider:not([data-chapters])[data-active] .vds-slider-track) {
  width: var(--track-focus-width);
  height: var(--track-focus-height);
}

:where(.vds-slider .vds-slider-track-fill) {
  z-index: 2;
  background-color: var(--media-slider-track-fill-bg, var(--media-brand));
  width: var(--slider-fill, 0);
  will-change: width;
}

:where(.vds-slider .vds-slider-thumb) {
  position: absolute;
  top: 50%;
  left: var(--slider-fill);
  opacity: 0;
  contain: layout size style;
  width: var(--thumb-size);
  height: var(--thumb-size);
  border: var(--media-slider-thumb-border, 1px solid #cacaca);
  border-radius: var(--media-slider-thumb-border-radius, 9999px);
  background-color: var(--media-slider-thumb-bg, #fff);
  transform: translate(-50%, -50%) translateZ(0);
  transition: opacity 0.15s ease-in;
  pointer-events: none;
  will-change: left;
  z-index: 2;
}

:where( .vds-slider[data-dragging], .vds-slider[data-focus], .vds-slider:focus-visible )
:where(.vds-slider-thumb) {
  box-shadow: var( --media-slider-focused-thumb-shadow, 0 0 0 4px hsla(0, 0%, 100%, 0.4) );
}

:where(.vds-slider[data-active] .vds-slider-thumb) {
  opacity: 1;
  transition: var( --media-slider-thumb-transition, opacity 0.2s ease-in, box-shadow 0.2s ease );
}

:where(.vds-slider[data-dragging] .vds-slider-thumb) {
  width: var(--thumb-focus-size);
  height: var(--thumb-focus-size);
}

:where(.vds-slider-value) {
  display: inline-block;
  contain: content;
  font-size: 14px;
  font-family: var(--media-font-family, sans-serif);
}

:where(.vds-slider-thumbnail) {
  display: block;
  contain: content;
  box-sizing: border-box;
}

:where(.vds-slider-video) {
  background-color: #000;
  box-sizing: border-box;
  contain: content;
  display: inline-block;
  border: var(--media-thumbnail-border, 1px solid white);
}

:where(.vds-slider-video video) {
  display: block;
  height: auto;
  width: 156px;
}

:where(.vds-slider-video[data-loading]) {
  opacity: 0;
}

:where(.vds-slider-video[data-hidden], .vds-slider-video[data-hidden] video) {
  display: none;
  width: 0;
}

:where(.vds-slider .vds-slider-preview) {
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  background-color: var(--media-slider-preview-bg);
  border-radius: var(--media-slider-preview-border-radius, 2px);
  pointer-events: none;
  transition: opacity 0.2s ease-out;
  will-change: left, opacity;
  contain: layout paint style;
}

:where(.vds-slider-preview[data-visible]) {
  opacity: 1;
  transition: opacity 0.2s ease-in;
}

.vds-slider-value {
  background-color: var(--media-slider-value-bg, black);
  border-radius: var(--media-slider-value-border-radius, 2px);
  border: var(--media-slider-value-border);
  color: var(--media-slider-value-color, white);
  padding: var(--media-slider-value-padding, 1px 10px);
}

:where( .vds-slider-video:not([data-hidden]) + .vds-slider-chapter-title, .vds-slider-thumbnail:not([data-hidden]) + .vds-slider-chapter-title ) {
  margin-top: var(--media-slider-chapter-title-gap, 6px);
}

:where( .vds-slider-video:not([data-hidden]) + .vds-slider-value, .vds-slider-thumbnail:not([data-hidden]) + .vds-slider-value, .vds-slider-chapter-title + .vds-slider-value ) {
  margin-top: var(--media-slider-value-gap, 2px);
}

:where(.vds-slider[aria-orientation="vertical"]) {
  --width: var(--media-slider-width, 48px);
  --height: var(--media-slider-height, 100%);
  --track-width: var(--media-slider-track-width, 4px);
  --track-height: var(--media-slider-track-height, 100%);
  --track-focus-width: var( --media-slider-focused-track-width, calc(var(--track-width) * 1.25) );
  --track-focus-height: var( --media-slider-focused-track-height, var(--track-height) );
  margin: calc(var(--thumb-size) / 2) 0;
}

:where(.vds-slider[aria-orientation="vertical"] .vds-slider-track) {
  top: unset;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateZ(0);
}

:where(.vds-slider[aria-orientation="vertical"] .vds-slider-track-fill) {
  width: var(--track-width);
  height: var(--slider-fill);
  will-change: height;
  transform: translateX(-50%) translateZ(0);
}

:where(.vds-slider[aria-orientation="vertical"] .vds-slider-progress) {
  top: unset;
  bottom: 0;
  width: var(--track-width);
  height: var(--slider-progress, 0);
  will-change: height;
}

:where(.vds-slider[aria-orientation="vertical"] .vds-slider-thumb) {
  top: unset;
  bottom: var(--slider-fill);
  left: 50%;
  will-change: bottom;
  transform: translate(-50%, 50%) translateZ(0);
}

:where(.vds-slider[aria-orientation="vertical"] .vds-slider-preview) {
  will-change: bottom, opacity;
}

:where([data-live] .vds-time-slider .vds-slider-track-fill) {
  background-color: var(--media-slider-track-fill-live-bg, #dc2626);
}

:where(.vds-time-slider .vds-slider-progress) {
  z-index: 1;
  left: 0;
  width: var(--slider-progress, 0);
  will-change: width;
  background-color: var( --media-slider-track-progress-bg, rgba(255, 255, 255, 0.5) );
}

:where( [data-media-player]:not([data-can-play]) .vds-time-slider .vds-slider-value ) {
  display: none;
}

:where(.vds-slider-steps) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

:where(.vds-slider-step) {
  width: var(--media-slider-step-width, 2.5px);
  height: calc(var(--track-height) + 1px);
  background-color: var(--media-slider-step-color, rgb(124, 124, 124));
  opacity: 0;
  transition: opacity 0.3s ease;
}

:where(.vds-slider[data-active] .vds-slider-step) {
  opacity: 1;
}

:where(.vds-time-slider .vds-slider-chapters) {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  contain: layout style;
  border-radius: var(--media-slider-track-border-radius, 1px);
}

:where(.vds-slider[data-focus], .vds-slider:focus-visible)
:where(.vds-slider-chapters) {
  box-shadow: var(--media-focus-ring);
  height: var(--track-height);
}

:where(.vds-time-slider .vds-slider-chapter) {
  margin-right: 2px;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  will-change: height, transform;
  contain: layout style;
  border-radius: var(--media-slider-track-border-radius, 1px);
}

:where(.vds-time-slider .vds-slider-chapter:last-child) {
  margin-right: 0;
}

:where(.vds-time-slider .vds-slider-chapter .vds-slider-track-fill) {
  width: var(--chapter-fill, 0);
  will-change: width;
}

:where(.vds-time-slider .vds-slider-chapter .vds-slider-progress) {
  width: var(--chapter-progress, 0);
  will-change: width;
}

@media (hover: hover) and (pointer: fine) {
  :where(.vds-time-slider:hover .vds-slider-chapters) {
    contain: strict;
  }

  :where(.vds-time-slider .vds-slider-chapter:hover:not(:only-of-type)) {
    transform: var(--media-slider-chapter-hover-transform, scaleY(2));
    transition: var( --media-slider-chapter-hover-transition, transform 0.1s cubic-bezier(0.4, 0, 1, 1) );
  }
}

:where(.vds-time-slider .vds-slider-chapter-title) {
  font-family: var(--media-font-family, sans-serif);
  font-size: var(--media-slider-chapter-title-font-size, 14px);
  color: var(--media-slider-chapter-title-color, #f5f5f5);
  background-color: var(--media-slider-chapter-title-bg);
}

:where(.vds-time-group) {
  display: flex;
  align-items: center;
}

.vds-time-divider {
  margin: 0 var(--media-time-divider-gap, 2.5px);
  color: var(--media-time-divider-color, #e0e0e0);
}

:where(.vds-time) {
  display: inline-block;
  contain: content;
  font-size: var(--media-time-font-size, 15px);
  font-weight: var(--media-time-font-weight, 400);
  font-family: var(--media-font-family, sans-serif);
  border-radius: var(--media-time-border-radius, 2px);
  letter-spacing: var(--media-time-letter-spacing, 0.025em);
}

.vds-time {
  outline: 0;
  color: var(--media-time-color, var(--default-color));
  background-color: var(--media-time-bg);
  border: var(--media-time-border);
  padding: var(--media-time-padding, 2px);
}

:where(.vds-time:focus-visible) {
  box-shadow: var(--media-focus-ring);
}

.light .vds-time {
  --default-color: rgb(10 10 10);
}

.dark .vds-time {
  --default-color: #f5f5f5;
}

:where(.vds-tooltip, media-tooltip) {
  display: contents;
}

:where(.vds-tooltip-content) {
  display: inline-block;
  box-sizing: border-box;
  font-family: var(--media-font-family, sans-serif);
  font-size: var(--media-tooltip-font-size, 13px);
  font-weight: var(--media-tooltip-font-weight, 500);
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  z-index: 10;
  will-change: transform, opacity;
  --enter-transform: translateY(0px) scale(1);
  --exit-transform: translateY(12px) scale(0.8);
}

.vds-tooltip-content {
  border-radius: var(--media-tooltip-border-radius, 2px);
  background-color: var(--media-tooltip-bg-color, var(--default-bg));
  border: var(--media-tooltip-border, var(--default-border));
  color: var(--media-tooltip-color, var(--default-color));
  padding: var(--media-tooltip-padding, 2px 8px);
}

.light .vds-tooltip-content {
  --default-color: #1a1a1a;
  --default-bg: white;
  --default-border: 1px solid rgb(0 0 0/0.2);
}

.dark .vds-tooltip-content {
  --default-color: #f5f5f5;
  --default-bg: black;
  --default-border: 1px solid rgb(255 255 255/0.1);
}

:where( .vds-menu .vds-menu-button[role="button"][data-pressed] .vds-tooltip-content ) {
  opacity: 0;
  display: none;
}

:where(.vds-tooltip-content:not([data-visible])) {
  animation: var( --media-tooltip-exit-animation, vds-tooltip-exit 0.2s ease-out );
}

:where(.vds-tooltip-content[data-visible]) {
  animation: var( --media-tooltip-enter-animation, vds-tooltip-enter 0.2s ease-in );
  animation-fill-mode: forwards;
}

:where(.vds-tooltip-content[data-placement~="bottom"]) {
  --enter-transform: translateY(0) scale(1);
  --exit-transform: translateY(-12px) scale(0.8);
}

:where(.vds-tooltip-content[data-placement~="left"]) {
  --enter-transform: translateX(0) scale(1);
  --exit-transform: translateX(12px) scale(0.8);
}

:where(.vds-tooltip-content[data-placement~="right"]) {
  --enter-transform: translateX(0) scale(1);
  --exit-transform: translateX(-12px) scale(0.8);
}

@keyframes vds-tooltip-enter {
  0% {
    opacity: 0;
    transform: var(--exit-transform);
  }

  to {
    opacity: 1;
    transform: var(--enter-transform);
  }
}

@keyframes vds-tooltip-exit {
  0% {
    opacity: 1;
    transform: var(--enter-transform);
  }

  to {
    opacity: 0;
    transform: var(--exit-transform);
  }
}

@media (prefers-reduced-motion) {
  :where(.vds-tooltip-content) {
    animation: none;
  }

  :where(.vds-tooltip-content[data-visible]) {
    opacity: 1;
  }
}

[data-media-player]:not([data-captions]) .vds-cc-on-tooltip-text,
[data-media-player]:not([data-fullscreen]) .vds-fs-exit-tooltip-text,
[data-media-player]:not([data-muted]) .vds-mute-tooltip-text,
[data-media-player]:not([data-paused]) .vds-play-tooltip-text,
[data-media-player]:not([data-pip]) .vds-pip-exit-tooltip-text,
[data-media-player][data-captions] .vds-cc-off-tooltip-text,
[data-media-player][data-fullscreen] .vds-fs-enter-tooltip-text,
[data-media-player][data-muted] .vds-unmute-tooltip-text,
[data-media-player][data-paused] .vds-pause-tooltip-text,
[data-media-player][data-pip] .vds-pip-enter-tooltip-text {
  display: none;
}

.audio-player,
.video-player {
  --time-slider-height: 12px;
  --time-slider-track-height: 6px;
}

.audio-player__layout,
.video-player__controls,
.video-player__layout {
  --media-font-family: var(--font-family);
  --media-user-font-family: var(--media-font-family);
  --media-button-border-radius: 0;
  --media-slider-track-bg: var(--gray-400);
  --media-slider-track-fill-bg: var(--sky-blue);
  --media-slider-track-border-radius: 0;
  --media-slider-focused-thumb-shadow: none;
}

  .audio-player__layout .vds-button,
  .video-player__controls .vds-button,
  .video-player__layout .vds-button {
    padding-block: calc((var(--media-button-size) - var(--icon-height)) / 2);
  }

    .audio-player__layout .vds-button:focus,
    .video-player__controls .vds-button:focus,
    .video-player__layout .vds-button:focus {
      position: relative;
      z-index: 1010;
      outline: 2px dashed var(--default-text-color);
      outline-offset: -1px;
    }

      .audio-player__layout .vds-button:focus:after,
      .video-player__controls .vds-button:focus:after,
      .video-player__layout .vds-button:focus:after {
        content: "";
        position: absolute;
        z-index: -1;
        inset: -1px;
        border: 2px solid var(--white);
      }

    .audio-player__layout .vds-button svg,
    .video-player__controls .vds-button svg,
    .video-player__layout .vds-button svg {
      width: 100%;
      height: 100%;
    }

  .audio-player__layout .vds-time-slider,
  .video-player__controls .vds-time-slider,
  .video-player__layout .vds-time-slider {
    --media-slider-height: var(--time-slider-height);
    --media-slider-track-height: var(--time-slider-track-height);
    --thumb-size: 16px;
    --thumb-focus-size: var(--thumb-size);
    --media-slider-preview-offset: 8px;
    margin: 0;
  }

    .audio-player__layout .vds-time-slider[data-dragging],
    .video-player__controls .vds-time-slider[data-dragging],
    .video-player__layout .vds-time-slider[data-dragging] {
      cursor: grabbing;
    }

.__cq-video-player {
  container: video-player/inline-size;
}

.video-player {
  --video-bg: var(--gray-900);
  --video-border: none;
  --video-border-radius: 0;
  --time-slider-negative-margin-block: calc( (var(--time-slider-height) - var(--time-slider-track-height)) / 2 );
  --button-bar-height: 56px;
  --button-bar-z-index: 10;
  --video-controls-height: calc( var(--time-slider-height) + var(--button-bar-height) - (var(--time-slider-negative-margin-block) * 2) );
  --media-time-color: var(--white);
  --media-poster-bg: var(--video-bg);
  --landscape-video-aspect-ratio: 16/9;
  --portrait-video-aspect-ratio: 9/11;
  --captions-font-size: var(--font-size-step-0);
  display: grid;
  position: relative;
}

  .video-player.is-landscape-video {
    --video-aspect-ratio: var(--landscape-video-aspect-ratio);
  }

  .video-player.is-portrait-video {
    --video-aspect-ratio: var(--portrait-video-aspect-ratio);
  }

@container video-player (width >= 448px) {
  .video-player {
    --portrait-video-aspect-ratio: 9/10;
    --captions-font-size: var(--font-size-step-2);
    --button-bar-height: 48px;
  }
}

@container video-player (width >= 568px) {
  .video-player {
    --portrait-video-aspect-ratio: 9/8;
  }
}

@container video-player (width >= 736px) {
  .video-player {
    --portrait-video-aspect-ratio: 9/6;
  }
}

[data-media-player][data-view-type="video"] {
  --media-row-height: 1fr;
  aspect-ratio: unset;
  display: grid;
  grid-template-rows: var(--media-row-height) var(--video-controls-height);
}

  [data-media-player][data-view-type="video"] video {
    height: 100%;
  }

  [data-media-player][data-view-type="video"][data-fullscreen] {
    --media-row-height: calc(100% - var(--video-controls-height));
  }

.video-player__media {
  position: relative;
  display: grid;
  aspect-ratio: var(--video-aspect-ratio);
}

.video-player__controls {
  --media-button-size: calc(var(--button-bar-height) - 8px);
  --media-slider-focused-track-height: var(--time-slider-height);
  --media-slider-track-progress-bg: var(--gray-200);
  display: none;
}

[data-can-play] .video-player__controls {
  display: block;
}

.video-player__spacer-group {
  padding: 4px 6px;
}

.video-player__time-slider-container {
  display: flex;
  width: 100%;
  padding: 0;
  margin-block: calc(var(--time-slider-negative-margin-block) * -1);
  z-index: calc(var(--button-bar-z-index) + 10);
}

.video-player__time-slider:focus .video-player__time-slider-thumb {
  outline: 2px dashed var(--default-text-color);
  outline-offset: 2px;
  opacity: 1;
}

  .video-player__time-slider:focus .video-player__time-slider-thumb:after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -5px;
    border: 2px solid var(--white);
    border-radius: 50%;
  }

.video-player__buttons-bar {
  display: grid;
  grid-template-areas: "play time cc ad fullscreen";
  grid-template-columns: min-content 1fr min-content min-content min-content;
  height: var(--button-bar-height);
  max-height: var(--button-bar-height);
  padding: 4px;
  background-color: var(--gray-900);
  z-index: var(--button-bar-z-index);
}

.video-player__play-button {
  --icon-height: 24px;
  grid-area: play;
}

.video-player__time {
  grid-area: time;
}

.video-player__audio-description-button,
.video-player__closed-captions-button {
  --icon-height: 20px;
}

.video-player__closed-captions-button {
  grid-area: cc;
}

.video-player__audio-description-button {
  grid-area: ad;
}

.video-player__fullscreen-button {
  --icon-height: 22px;
  grid-area: fullscreen;
}

.video-player__overlay {
  display: none;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  align-items: center;
  justify-items: center;
  contain: content;
  opacity: 1;
  border: 0;
  pointer-events: none;
  box-sizing: border-box;
  transition: opacity 0.5s ease;
}

[data-can-play] .video-player__overlay {
  display: grid;
}

[data-started] .video-player__overlay {
  display: none;
}

.video-player__overlay-play-button {
  --button-size: 48px;
  --icon-height: 16px;
  --background-color: var(--white);
  --media-button-hover-bg: var(--background-color);
  --media-button-border-radius: 0;
  width: var(--button-size);
  height: var(--button-size);
  padding-block: calc((var(--button-size) - var(--icon-height)) / 2);
  background-color: var(--background-color);
  color: var(--gray-900);
  box-shadow: 0 2px 8px 0 rgba(99, 99, 99, 0.2);
}

  .video-player__overlay-play-button:focus {
    position: relative;
    z-index: 1010;
    outline: 2px dashed var(--default-text-color);
    outline-offset: -1px;
  }

    .video-player__overlay-play-button:focus:after {
      content: "";
      position: absolute;
      z-index: -1;
      inset: -1px;
      border: 2px solid var(--white);
    }

  .video-player__overlay-play-button svg {
    position: relative;
    inset-block-start: -1px;
    width: 100%;
    height: 100%;
  }

.video-player__gestures {
  display: none;
}

[data-started] .video-player__gestures {
  display: contents;
}

.video-player__captions {
  font-size: var(--captions-font-size);
}

  .video-player__captions [data-part="cue"] {
    line-height: calc(var(--captions-font-size) * 1.2);
  }

.audio-description__player {
  display: contents;
}

.__cq-audio-player {
  container: audio-player/inline-size;
}

.audio-player {
  display: grid;
  grid-template-areas: "poster" "header" "content";
  row-gap: 16px;
  background-color: var(--gray-100);
  padding: 16px;
}

@container audio-player (width >= 520px) {
  .audio-player {
    grid-template-areas: "poster header" "poster content";
    grid-template-columns: 164px 1fr;
    grid-template-rows: min-content 1fr;
    column-gap: 16px;
    align-items: start;
  }
}

.audio-player [data-media-player] {
  display: grid;
}

.audio-player__poster {
  display: grid;
  grid-area: poster;
}

  .audio-player__poster img,
  .audio-player__poster svg {
    max-width: 100%;
    width: 100%;
    height: 100%;
  }

.audio-player__supertitle {
  font: var(--typography-step-0) var(--font-family);
  color: var(--gray-600);
  -webkit-line-clamp: 1;
  margin-block-end: 4px;
}

.audio-player__supertitle,
.audio-player__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.audio-player__title {
  font: var(--typography-step-3) var(--font-family);
  font-weight: var(--font-weight-bold);
  margin: 0;
  -webkit-line-clamp: 2;
}

@container audio-player (width >= 520px) {
  .audio-player__title {
    font: var(--typography-step-4) var(--font-family);
  }
}

.audio-player__layout {
  --media-button-size: 48px;
  --audio-button-size: var(--media-button-size);
  --audio-play-button-bg: var(--dark-blue);
  --audio-play-button-color: var(--white);
  --audio-play-button-hover-bg: color-mix( in lch, var(--audio-play-button-bg) var(--hover-factor), black );
  --media-button-hover-transform: none;
  --media-slider-track-progress-bg: var(--gray-300);
}

.audio-player__controls {
  display: grid;
  grid-template-areas: "current .        .    .       remaining" "ts      ts       ts   ts      ts" ".       backward play forward .";
  grid-template-columns: 1fr var(--media-button-size) var(--media-button-size) var( --media-button-size ) 1fr;
}

@container audio-player (width >= 520px) {
  .audio-player__controls {
    grid-template-areas: "backward play forward current ts remaining";
    grid-template-columns: var(--media-button-size) var(--media-button-size) var( --media-button-size ) min-content 1fr min-content;
    align-items: center;
  }
}

.audio-player__seek-backward-button,
.audio-player__seek-forward-button {
  --icon-height: 20px;
  color: var(--audio-play-button-bg);
}

  .audio-player__seek-backward-button:hover,
  .audio-player__seek-forward-button:hover {
    color: var(--audio-play-button-hover-bg);
  }

.audio-player__seek-backward-button-container {
  grid-area: backward;
}

[data-media-player]:not([data-started]) .audio-player__seek-backward-button {
  color: var(--gray-400);
}

.audio-player__seek-forward-button-container {
  grid-area: forward;
}

.audio-player__play-button-container {
  grid-area: play;
}

.audio-player__play-button {
  --icon-height: 16px;
  background-color: var(--audio-play-button-bg);
  color: var(--audio-play-button-color);
}

  .audio-player__play-button:hover {
    background-color: var(--audio-play-button-hover-bg);
  }

.audio-player__current-time,
.audio-player__remaining-time {
  font: var(--typography-step-0) var(--font-family);
  font-weight: var(--font-weight-bold);
}

@container audio-player (width < 520px) {
  .audio-player__current-time,
  .audio-player__remaining-time {
    margin-block-end: 4px;
  }
}

.audio-player__current-time {
  grid-area: current;
}

.audio-player__remaining-time {
  grid-area: remaining;
  justify-self: end;
}

.audio-player__time-slider-container {
  grid-area: ts;
  margin-block-end: 20px;
}

@container audio-player (width >= 520px) {
  .audio-player__time-slider-container {
    margin-block-end: 0;
    padding-inline: 16px;
  }
}

.audio-player__time-slider {
  --media-slider-thumb-border: none;
  --media-slider-thumb-bg: var(--media-slider-track-fill-bg);
  --media-slider-focused-track-height: var(--media-slider-track-height);
}

.voorlichting-bar,
.voorlichting-link-styler-error {
  display: grid;
  grid-template-columns: [full-start] var(--viewport-padding) [content-start] var( --wide-content-column-width ) [content-end] var(--viewport-padding) [full-end];
}

.voorlichting-bar {
  background-color: var(--orange);
  text-decoration: underline;
  color: #fff;
}

  .voorlichting-bar:hover {
    text-decoration: none;
  }

.voorlichting-bar__inner {
  font-weight: 700;
  padding-block: 8px;
  grid-column: 2;
  text-transform: uppercase;
}

.voorlichting-link-styler-error {
  padding-block-end: 24px;
}

  .voorlichting-link-styler-error .notification {
    grid-column: content;
  }

.voorlichting-block {
  background-color: var(--voorlichting-block);
  padding-block: 0 16px;
  padding-inline: 16px;
  display: flex;
  flex-direction: column;
  border: 2px solid var(--sky-blue);
}

  .voorlichting-block h3 {
    background-color: var(--orange);
    color: #fff;
    padding-block: 8px;
    padding-inline: 16px;
    margin-block: 0 16px;
    margin-inline: -16px;
  }

@media print {
  .voorlichting-block h3 {
    color: var(--black);
  }
}

.voorlichting-block__voorlichting-text-block {
  margin-block-end: 16px;
}

.voorlichting-block__properties {
  margin-block-end: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(239px, 1fr));
  grid-row-gap: 12px;
  border-bottom: 2px solid var(--sky-blue);
  padding-block: 16px;
}

.voorlichting-block__properties-item:not(:last-child) {
  margin-block-end: 16px;
}

.voorlichting-block__copy-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

  .voorlichting-block__copy-block h4,
  .voorlichting-block__copy-block p {
    margin-block-end: 0;
  }

@media print {
  .voorlichting-block__copy-block {
    display: none;
  }
}

.voorlichting-block__succes-notification {
  border-inline-start-width: 4px;
  border-inline-start-style: solid;
  border-inline-start-color: var(--green);
}

.voorlichting-block__succes-notification-text {
  margin-inline-start: 12px;
}

.voorlichting-block__copy-button {
  margin-inline-start: auto;
  --button-color: var(--sky-blue);
}

.voorlichting-block__copy-button--is-copied {
  --button-color: var(--gray-400);
}

.rijkshuisstijl-email-logo {
  --width: 380px;
  --height: 106px;
  --font-size: 22px;
  --text-wrap: pretty;
  width: var(--width);
  height: var(--height);
  font-family: var(--rijks-sans-font-family);
  font-size: var(--font-size);
  line-height: 1.2em;
  color: var(--logo-blue);
  text-wrap: var(--text-wrap);
  -webkit-font-smoothing: antialiased;
}

  .rijkshuisstijl-email-logo.is-mobile {
    --width: 260px;
    --height: 150px;
    --font-size: 17px;
  }

  .rijkshuisstijl-email-logo.show-border {
    border: 1px solid var(--gray-200);
  }

.rijkshuisstijl-email-logo__first-line {
  font-weight: 625;
}

.rijkshuisstijl-email-logo__second-line {
  font-weight: 400;
}

.svg-icon > svg {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  fill: currentColor;
}

:root {
  --viewport-padding: var(--grid-padding);
  --main-content-row-gap: clamp(24px, 2.532vw + 0.93rem, 40px);
}

@media (min-width: 1200px) {
  :root {
    --viewport-padding: minmax(var(--grid-padding), 1fr);
  }
}

.__cq-container {
  container-type: inline-size;
}

.magazine-layout-grid,
.narrow-layout-grid,
.wide-layout-grid {
  display: grid;
  grid-template-columns: [full-start] var(--viewport-padding) [xwide-start wide-start content-start] 1fr [xwide-end wide-end content-end] var( --viewport-padding ) [full-end];
}

  .magazine-layout-grid > .is-full-width-content-block,
  .narrow-layout-grid > .is-full-width-content-block,
  .wide-layout-grid > .is-full-width-content-block {
    grid-column: full !important;
  }

  .magazine-layout-grid.is-magazine-article-document > *,
  .narrow-layout-grid > *,
  .wide-layout-grid > * {
    grid-column: content;
  }

@media (min-width: 656px) {
  .wide-layout-grid {
    --max-column-width: var(--two-column-grid-max-column-width);
    grid-template-columns: [full-start] var(--viewport-padding) [first-start content-start] minmax( 0, var(--max-column-width) ) [first-end gap-start] var(--column-gap) [gap-end second-start] minmax( 0, var(--max-column-width) ) [second-end content-end] var(--viewport-padding) [full-end];
  }

    .wide-layout-grid > * {
      grid-column: first/second;
    }

    .wide-layout-grid > .is-wide-content-block {
      grid-column: content !important;
    }
}

@media (min-width: 984px) {
  .wide-layout-grid {
    --max-column-width: var(--three-column-grid-max-column-width);
    grid-template-columns: [full-start] var(--viewport-padding) [first-start content-start] minmax( 0, var(--max-column-width) ) [first-gap-start] var(--column-gap) [first-gap-end second-start] minmax( 0, var(--max-column-width) ) [second-end second-gap-start] var(--column-gap) [second-gap-end third-start] minmax( 0, var(--max-column-width) ) [third-end content-end] var(--viewport-padding) [full-end];
  }
}

@media (min-width: 800px) {
  .narrow-layout-grid {
    --content-column-padding: calc( (var(--wide-content-column-width) - var(--narrow-content-column-width)) / 2 );
    grid-template-columns: [full-start] var(--viewport-padding) [left-sidebar-start wide-start] minmax( 0, var(--content-column-padding) ) [left-sidebar-end content-start] var(--narrow-content-column-width) [content-end rights-sidebar-start] minmax( 0, var(--content-column-padding) ) [right-sidebar-end wide-end] var(--viewport-padding) [full-end];
  }
}

@media (min-width: 768px) {
  .magazine-layout-grid {
    --narrow-column-width: minmax(0, 50px);
    grid-template-columns: [full-start] var(--viewport-padding) [xwide-start] var( --narrow-column-width ) [wide-start] var(--narrow-column-width) [content-start] 1fr [content-end] var( --narrow-column-width ) [wide-end] var(--narrow-column-width) [xwide-end] var( --viewport-padding ) [full-end];
  }
}

@media (min-width: 868px) {
  .magazine-layout-grid {
    --viewport-padding: minmax(var(--grid-padding), 1fr);
    --sidebar-width: 150px;
    --half-content-column-width: 318px;
    grid-template-columns: [full-start] var(--viewport-padding) [first-start xwide-start left-card-start] var( --narrow-column-width ) [first-end second-start wide-start] var(--narrow-column-width) [second-end left-start content-start] var( --half-content-column-width ) [left-card-end left-end gap-start] var(--column-gap) [gap-end right-start right-card-start] var( --half-content-column-width ) [content-end right-end third-start] var(--narrow-column-width) [wide-end third-end fourth-start] var( --narrow-column-width ) [xwide-end right-card-end fourth-end] var(--viewport-padding) [full-end];
  }
}

@media (min-width: 1200px) {
  .magazine-layout-grid {
    grid-template-columns: [full-start] var(--viewport-padding) [left-sidebar-start] minmax( 0, var(--sidebar-width) ) [first-start xwide-start left-card-start] var(--narrow-column-width) [left-sidebar-end first-end second-start wide-start] var( --narrow-column-width ) [second-end left-start content-start] var(--half-content-column-width) [left-card-end left-end gap-start] var( --column-gap ) [gap-end right-start right-card-start] var(--half-content-column-width) [content-end right-end third-start] var( --narrow-column-width ) [wide-end third-end fourth-start] var(--narrow-column-width) [xwide-end right-card-end fourth-end right-sidebar-start] minmax( 0, var(--sidebar-width) ) [right-sidebar-end] var(--viewport-padding) [full-end];
  }

    .magazine-layout-grid > .magazine-article-metadata {
      grid-column: left-sidebar;
      padding-inline-end: 32px;
    }
}

.magazine-layout-grid:not(.is-magazine-article-document) {
  grid-row-gap: 0;
  margin-block: 0;
}

  .magazine-layout-grid:not(.is-magazine-article-document) ~ footer .site-footer {
    margin-block-start: 0;
  }

.magazine-layout-grid > .magazine-article-title,
.magazine-layout-grid > .magazine-page {
  grid-column: full;
}

.magazine-layout-grid > .cards-grid {
  grid-column: xwide;
}

.magazine-layout-grid > .intro {
  grid-column: wide;
}

.main-content {
  grid-row-gap: var(--main-content-row-gap);
  position: relative;
  z-index: 600;
  margin-block: clamp(24px, 3.797vw + 0.646rem, 48px);
}

  .main-content.is-magazine-article-document,
  .main-content.is-person-document {
    margin-block-start: 0;
  }

  .main-content > .image-and-text-block {
    container-type: inline-size;
  }

  .main-content > * {
    z-index: 0;
  }

  .main-content > .back-to-anchor-nav {
    z-index: 100;
  }

.aside {
  display: grid;
  position: relative;
  z-index: 400;
  grid-row-gap: clamp(32px, 5.97vw + 0.388rem, 48px);
  margin-block-end: clamp(24px, 3.797vw + 0.646rem, 48px);
}

.site-footer {
  margin-block-start: clamp(32px, 5.97vw + 0.388rem, 48px);
}

  .site-footer + .language-nav {
    margin-block-start: clamp(16px, 5.97vw - 0.612rem, 32px);
    margin-block-end: clamp(20px, 5.97vw - 0.362rem, 36px);
  }

.web-app-block img {
  max-width: 100%;
}

.site-header {
  position: relative;
  z-index: 100;
}

.nav-bar {
  z-index: 200;
}

.hero,
.nav-bar {
  position: relative;
}

.hero {
  z-index: 300;
}

.language-nav,
.site-footer {
  position: relative;
  z-index: 500;
}

.magazine-nav-bar {
  position: sticky;
  inset-block-start: 0;
  z-index: 700;
}

@media screen and (max-height: 500px) {
  .magazine-nav-bar {
    position: relative;
  }
}

.magazine-page__background {
  position: relative;
  z-index: -1;
}

.color-overview__heading,
.icons-overview__heading {
  font: var(--typography-step-6) var(--font-family);
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-block-end: 40px;
}

.color-overview__body,
.icons-overview__body {
  display: grid;
  row-gap: 24px;
}

@media (min-width: 576px) {
  .color-overview__body,
  .icons-overview__body {
    grid-template-columns: repeat(auto-fit, minmax(212px, 271px));
    column-gap: 24px;
    row-gap: 32px;
  }
}

.color-overview__group {
  margin-block-end: 32px;
}

.color-overview__group-name {
  font: var(--typography-step-4) var(--font-family);
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-block-end: 16px;
}

.color,
.icon-swatch {
  display: flex;
  flex-direction: column;
}

.color__name,
.icon__name {
  font: var(--typography-step-2) var(--font-family);
  font-weight: 400;
}

.color__variable-name {
  display: block;
  font: var(--typography-step-1) var(--font-family);
  color: var(--gray-400);
}

.color__luminance {
  margin-block-start: 8px;
}

.icon__button-container {
  position: relative;
  width: 100%;
}

  .icon__button-container:not(:last-child) {
    margin-block-end: 16px;
  }

  .icon__button-container .button {
    width: 100%;
    max-width: none;
    background-color: var(--gray-100);
    color: var(--default-text-color);
    cursor: default;
  }

  .icon__button-container.needs-dark-text .button {
    color: var(--black);
  }

.color__swatches {
  display: grid;
  gap: 16px;
}

.color-swatch {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  padding: 0 16px;
  font: var(--typography-step-2) var(--font-family);
}

  .color-swatch.text-link .color-swatch__hex-code {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
  }

  .color-swatch.text-link .color-swatch__info {
    position: relative;
    inset-block-end: 0;
    inset-inline-end: 0;
  }

  .color-swatch.large {
    height: 86px;
    padding: 0 24px;
    font: var(--typography-step-5) var(--font-family);
  }

  .color-swatch.filled.base.mint-green {
    background-color: var(--mint-green);
    color: #000;
  }

  .color-swatch.filled.base.moss-green {
    background-color: var(--moss-green);
    color: #fff;
  }

  .color-swatch.filled.base.dark-green {
    background-color: var(--dark-green);
    color: #fff;
  }

  .color-swatch.filled.base.light-blue {
    background-color: var(--light-blue);
    color: #000;
  }

  .color-swatch.filled.base.logo-blue {
    background-color: var(--logo-blue);
    color: #fff;
  }

  .color-swatch.filled.base.purple {
    background-color: var(--purple);
    color: #fff;
  }

  .color-swatch.filled.base.yellow {
    background-color: var(--yellow);
    color: #000;
  }

  .color-swatch.filled.base.orange {
    background-color: var(--orange);
    color: #fff;
  }

  .color-swatch.filled.base.pink {
    background-color: var(--pink);
    color: #000;
  }

  .color-swatch.filled.base.red {
    background-color: var(--red);
    color: #fff;
  }

  .color-swatch.filled.base.ruby-red {
    background-color: var(--ruby-red);
    color: #fff;
  }

  .color-swatch.filled.base.violet {
    background-color: var(--violet);
    color: #fff;
  }

  .color-swatch.filled.base.brown {
    background-color: var(--brown);
    color: #fff;
  }

  .color-swatch.filled.base.dark-brown {
    background-color: var(--dark-brown);
    color: #fff;
  }

  .color-swatch.filled.base.regular-green {
    background-color: var(--regular-green);
    color: #fff;
  }

  .color-swatch.filled.base.water-course-green {
    background-color: var(--water-course-green);
    color: #fff;
  }

  .color-swatch.filled.base.parsley-green {
    background-color: var(--parsley-green);
    color: #fff;
  }

  .color-swatch.filled.base.blue-lagoon-green {
    background-color: var(--blue-lagoon-green);
    color: #fff;
  }

  .color-swatch.filled.base.olive-green01 {
    background-color: var(--olive-green01);
    color: #fff;
  }

  .color-swatch.filled.base.olive-green02 {
    background-color: var(--olive-green02);
    color: #fff;
  }

  .color-swatch.filled.base.saratoga-green {
    background-color: var(--saratoga-green);
    color: #fff;
  }

  .color-swatch.filled.base.neon-blue01 {
    background-color: var(--neon-blue01);
    color: #fff;
  }

  .color-swatch.filled.base.neon-blue02 {
    background-color: var(--neon-blue02);
    color: #fff;
  }

  .color-swatch.filled.base.cerulean-blue {
    background-color: var(--cerulean-blue);
    color: #fff;
  }

  .color-swatch.filled.base.lochmara-blue {
    background-color: var(--lochmara-blue);
    color: #fff;
  }

  .color-swatch.filled.base.navy-blue {
    background-color: var(--navy-blue);
    color: #fff;
  }

  .color-swatch.filled.base.electric-indigo-violet {
    background-color: var(--electric-indigo-violet);
    color: #fff;
  }

  .color-swatch.filled.base.dark-violet01 {
    background-color: var(--dark-violet01);
    color: #fff;
  }

  .color-swatch.filled.base.dark-violet02 {
    background-color: var(--dark-violet02);
    color: #fff;
  }

  .color-swatch.filled.base.medium-red-violet {
    background-color: var(--medium-red-violet);
    color: #fff;
  }

  .color-swatch.filled.base.lipstick-red {
    background-color: var(--lipstick-red);
    color: #fff;
  }

  .color-swatch.filled.base.tawny-orange {
    background-color: var(--tawny-orange);
    color: #fff;
  }

  .color-swatch.filled.base.olive-green-brown {
    background-color: var(--olive-green-brown);
    color: #fff;
  }

  .color-swatch.filled.base.dark-blue {
    background-color: var(--dark-blue);
    color: #fff;
  }

  .color-swatch.filled.base.sky-blue {
    background-color: var(--sky-blue);
    color: #fff;
  }

  .color-swatch.filled.base.green {
    background-color: var(--green);
    color: #fff;
  }

  .color-swatch.filled.base.dark-yellow {
    background-color: var(--dark-yellow);
    color: #000;
  }

  .color-swatch.filled.base.error {
    background-color: var(--error);
    color: #000;
  }

  .color-swatch.filled.base.warning {
    background-color: var(--warning);
    color: #000;
  }

  .color-swatch.filled.base.confirmation {
    background-color: var(--confirmation);
    color: #000;
  }

  .color-swatch.filled.base.information {
    background-color: var(--information);
    color: #000;
  }

  .color-swatch.filled.base.gray50 {
    background-color: var(--gray50);
    color: #000;
  }

  .color-swatch.filled.base.gray100 {
    background-color: var(--gray100);
    color: #000;
  }

  .color-swatch.filled.base.gray200 {
    background-color: var(--gray200);
    color: #000;
  }

  .color-swatch.filled.base.gray300 {
    background-color: var(--gray300);
    color: #000;
  }

  .color-swatch.filled.base.gray400 {
    background-color: var(--gray400);
    color: #fff;
  }

  .color-swatch.filled.base.gray500 {
    background-color: var(--gray500);
    color: #fff;
  }

  .color-swatch.filled.base.gray600 {
    background-color: var(--gray600);
    color: #fff;
  }

  .color-swatch.filled.base.gray700 {
    background-color: var(--gray700);
    color: #fff;
  }

  .color-swatch.filled.base.gray800 {
    background-color: var(--gray800);
    color: #fff;
  }

  .color-swatch.filled.base.gray900 {
    background-color: var(--gray900);
    color: #fff;
  }

  .color-swatch.filled.hover-dark.regular-green {
    background-color: color-mix(in lch, var(--regular-green) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.regular-green {
    background-color: color-mix(in lch, var(--regular-green) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.regular-green {
    border: 1px solid #177500;
    color: #177500;
  }

  .color-swatch.text-link.base.regular-green {
    color: #177500;
  }

  .color-swatch.text-link.visited.regular-green {
    color: #939;
  }

  .color-swatch.filled.hover-dark.water-course-green {
    background-color: color-mix(in lch, var(--water-course-green) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.water-course-green {
    background-color: color-mix(in lch, var(--water-course-green) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.water-course-green {
    border: 1px solid #007552;
    color: #007552;
  }

  .color-swatch.text-link.base.water-course-green {
    color: #007552;
  }

  .color-swatch.text-link.visited.water-course-green {
    color: #939;
  }

  .color-swatch.filled.hover-dark.parsley-green {
    background-color: color-mix(in lch, var(--parsley-green) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.parsley-green {
    background-color: color-mix(in lch, var(--parsley-green) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.parsley-green {
    border: 1px solid #363;
    color: #363;
  }

  .color-swatch.text-link.base.parsley-green {
    color: #363;
  }

  .color-swatch.text-link.visited.parsley-green {
    color: #939;
  }

  .color-swatch.filled.hover-dark.blue-lagoon-green {
    background-color: color-mix(in lch, var(--blue-lagoon-green) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.blue-lagoon-green {
    background-color: color-mix(in lch, var(--blue-lagoon-green) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.blue-lagoon-green {
    border: 1px solid #066;
    color: #066;
  }

  .color-swatch.text-link.base.blue-lagoon-green {
    color: #066;
  }

  .color-swatch.text-link.visited.blue-lagoon-green {
    color: #939;
  }

  .color-swatch.filled.hover-dark.olive-green01 {
    background-color: color-mix(in lch, var(--olive-green01) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.olive-green01 {
    background-color: color-mix(in lch, var(--olive-green01) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.olive-green01 {
    border: 1px solid #566b00;
    color: #566b00;
  }

  .color-swatch.text-link.base.olive-green01 {
    color: #566b00;
  }

  .color-swatch.text-link.visited.olive-green01 {
    color: #939;
  }

  .color-swatch.filled.hover-dark.olive-green02 {
    background-color: color-mix(in lch, var(--olive-green02) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.olive-green02 {
    background-color: color-mix(in lch, var(--olive-green02) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.olive-green02 {
    border: 1px solid #660;
    color: #660;
  }

  .color-swatch.text-link.base.olive-green02 {
    color: #660;
  }

  .color-swatch.text-link.visited.olive-green02 {
    color: #939;
  }

  .color-swatch.filled.hover-dark.saratoga-green {
    background-color: color-mix(in lch, var(--saratoga-green) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.saratoga-green {
    background-color: color-mix(in lch, var(--saratoga-green) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.saratoga-green {
    border: 1px solid #663;
    color: #663;
  }

  .color-swatch.text-link.base.saratoga-green {
    color: #663;
  }

  .color-swatch.text-link.visited.saratoga-green {
    color: #939;
  }

  .color-swatch.filled.hover-dark.neon-blue01 {
    background-color: color-mix(in lch, var(--neon-blue01) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.neon-blue01 {
    background-color: color-mix(in lch, var(--neon-blue01) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.neon-blue01 {
    border: 1px solid #33f;
    color: #33f;
  }

  .color-swatch.text-link.base.neon-blue01 {
    color: #33f;
  }

  .color-swatch.text-link.visited.neon-blue01 {
    color: #939;
  }

  .color-swatch.filled.hover-dark.neon-blue02 {
    background-color: color-mix(in lch, var(--neon-blue02) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.neon-blue02 {
    background-color: color-mix(in lch, var(--neon-blue02) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.neon-blue02 {
    border: 1px solid #63f;
    color: #63f;
  }

  .color-swatch.text-link.base.neon-blue02 {
    color: #63f;
  }

  .color-swatch.text-link.visited.neon-blue02 {
    color: #069;
  }

  .color-swatch.filled.hover-dark.cerulean-blue {
    background-color: color-mix(in lch, var(--cerulean-blue) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.cerulean-blue {
    background-color: color-mix(in lch, var(--cerulean-blue) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.cerulean-blue {
    border: 1px solid #069;
    color: #069;
  }

  .color-swatch.text-link.base.cerulean-blue {
    color: #069;
  }

  .color-swatch.text-link.visited.cerulean-blue {
    color: #939;
  }

  .color-swatch.filled.hover-dark.lochmara-blue {
    background-color: color-mix(in lch, var(--lochmara-blue) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.lochmara-blue {
    background-color: color-mix(in lch, var(--lochmara-blue) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.lochmara-blue {
    border: 1px solid #369;
    color: #369;
  }

  .color-swatch.text-link.base.lochmara-blue {
    color: #369;
  }

  .color-swatch.text-link.visited.lochmara-blue {
    color: #939;
  }

  .color-swatch.filled.hover-dark.navy-blue {
    background-color: color-mix(in lch, var(--navy-blue) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.navy-blue {
    background-color: color-mix(in lch, var(--navy-blue) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.navy-blue {
    border: 1px solid #005ae0;
    color: #005ae0;
  }

  .color-swatch.text-link.base.navy-blue {
    color: #005ae0;
  }

  .color-swatch.text-link.visited.navy-blue {
    color: #939;
  }

  .color-swatch.filled.hover-dark.electric-indigo-violet {
    background-color: color-mix(in lch, var(--electric-indigo-violet) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.electric-indigo-violet {
    background-color: color-mix(in lch, var(--electric-indigo-violet) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.electric-indigo-violet {
    border: 1px solid #8000ff;
    color: #8000ff;
  }

  .color-swatch.text-link.base.electric-indigo-violet {
    color: #8000ff;
  }

  .color-swatch.text-link.visited.electric-indigo-violet {
    color: #069;
  }

  .color-swatch.filled.hover-dark.dark-violet01 {
    background-color: color-mix(in lch, var(--dark-violet01) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.dark-violet01 {
    background-color: color-mix(in lch, var(--dark-violet01) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.dark-violet01 {
    border: 1px solid #90c;
    color: #90c;
  }

  .color-swatch.text-link.base.dark-violet01 {
    color: #90c;
  }

  .color-swatch.text-link.visited.dark-violet01 {
    color: #069;
  }

  .color-swatch.filled.hover-dark.dark-violet02 {
    background-color: color-mix(in lch, var(--dark-violet02) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.dark-violet02 {
    background-color: color-mix(in lch, var(--dark-violet02) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.dark-violet02 {
    border: 1px solid #b000bd;
    color: #b000bd;
  }

  .color-swatch.text-link.base.dark-violet02 {
    color: #b000bd;
  }

  .color-swatch.text-link.visited.dark-violet02 {
    color: #069;
  }

  .color-swatch.filled.hover-dark.medium-red-violet {
    background-color: color-mix(in lch, var(--medium-red-violet) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.medium-red-violet {
    background-color: color-mix(in lch, var(--medium-red-violet) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.medium-red-violet {
    border: 1px solid #939;
    color: #939;
  }

  .color-swatch.text-link.base.medium-red-violet {
    color: #939;
  }

  .color-swatch.text-link.visited.medium-red-violet {
    color: #069;
  }

  .color-swatch.filled.hover-dark.lipstick-red {
    background-color: color-mix(in lch, var(--lipstick-red) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.lipstick-red {
    background-color: color-mix(in lch, var(--lipstick-red) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.lipstick-red {
    border: 1px solid #936;
    color: #936;
  }

  .color-swatch.text-link.base.lipstick-red {
    color: #936;
  }

  .color-swatch.text-link.visited.lipstick-red {
    color: #069;
  }

  .color-swatch.filled.hover-dark.tawny-orange {
    background-color: color-mix(in lch, var(--tawny-orange) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.tawny-orange {
    background-color: color-mix(in lch, var(--tawny-orange) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.tawny-orange {
    border: 1px solid #b83700;
    color: #b83700;
  }

  .color-swatch.text-link.base.tawny-orange {
    color: #b83700;
  }

  .color-swatch.text-link.visited.tawny-orange {
    color: #069;
  }

  .color-swatch.filled.hover-dark.olive-green-brown {
    background-color: color-mix(in lch, var(--olive-green-brown) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.olive-green-brown {
    background-color: color-mix(in lch, var(--olive-green-brown) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.olive-green-brown {
    border: 1px solid #945900;
    color: #945900;
  }

  .color-swatch.text-link.base.olive-green-brown {
    color: #945900;
  }

  .color-swatch.text-link.visited.olive-green-brown {
    color: #069;
  }

  .color-swatch.filled.hover-dark.dark-blue {
    background-color: color-mix(in lch, var(--dark-blue) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.dark-blue {
    background-color: color-mix(in lch, var(--dark-blue) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.dark-blue {
    border: 1px solid #01689b;
    color: #01689b;
  }

  .color-swatch.text-link.base.dark-blue {
    color: #01689b;
  }

  .color-swatch.text-link.visited.dark-blue {
    color: #848;
  }

  .color-swatch.filled.hover-dark.sky-blue {
    background-color: color-mix(in lch, var(--sky-blue) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.sky-blue {
    background-color: color-mix(in lch, var(--sky-blue) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.sky-blue {
    border: 1px solid #007bc7;
    color: #007bc7;
  }

  .color-swatch.text-link.base.sky-blue {
    color: #007bc7;
  }

  .color-swatch.text-link.visited.sky-blue {
    color: #848;
  }

  .color-swatch.filled.hover-dark.green {
    background-color: color-mix(in lch, var(--green) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.green {
    background-color: color-mix(in lch, var(--green) 70%, white);
    color: #fff;
  }

  .color-swatch.outlined.green {
    border: 1px solid #39870c;
    color: #39870c;
  }

  .color-swatch.text-link.base.green {
    color: #39870c;
  }

  .color-swatch.text-link.visited.green {
    color: #848;
  }

  .color-swatch.filled.hover-dark.dark-yellow {
    background-color: color-mix(in lch, var(--dark-yellow) 70%, black);
    color: #fff;
  }

  .color-swatch.filled.hover-light.dark-yellow {
    background-color: color-mix(in lch, var(--dark-yellow) 70%, white);
    color: #000;
  }

  .color-swatch.outlined.dark-yellow {
    border: 1px solid #ffb612;
    color: #ffb612;
  }

  .color-swatch.text-link.base.dark-yellow {
    color: #ffb612;
  }

  .color-swatch.text-link.visited.dark-yellow {
    color: #939;
  }

  .color-swatch.filled.tint-light.mint-green {
    background-color: color-mix(in lch, var(--mint-green) 30%, white);
    color: #000;
  }

  .color-swatch.filled.tint-lighter.mint-green {
    background-color: color-mix(in lch, var(--mint-green) 15%, white);
    color: #000;
  }

  .color-swatch.filled.tint-light.moss-green {
    background-color: color-mix(in lch, var(--moss-green) 30%, white);
    color: #000;
  }

  .color-swatch.filled.tint-lighter.moss-green {
    background-color: color-mix(in lch, var(--moss-green) 15%, white);
    color: #000;
  }

  .color-swatch.filled.tint-light.green {
    background-color: color-mix(in lch, var(--green) 30%, white);
    color: #000;
  }

  .color-swatch.filled.tint-lighter.green {
    background-color: color-mix(in lch, var(--green) 15%, white);
    color: #000;
  }

  .color-swatch.filled.tint-light.dark-green {
    background-color: color-mix(in lch, var(--dark-green) 30%, white);
    color: #000;
  }

  .color-swatch.filled.tint-lighter.dark-green {
    background-color: color-mix(in lch, var(--dark-green) 15%, white);
    color: #000;
  }

  .color-swatch.filled.tint-light.light-blue {
    background-color: color-mix(in lch, var(--light-blue) 30%, white);
    color: #000;
  }

  .color-swatch.filled.tint-lighter.light-blue {
    background-color: color-mix(in lch, var(--light-blue) 15%, white);
    color: #000;
  }

  .color-swatch.filled.tint-light.sky-blue {
    background-color: color-mix(in lch, var(--sky-blue) 30%, white);
    color: #000;
  }

  .color-swatch.filled.tint-lighter.sky-blue {
    background-color: color-mix(in lch, var(--sky-blue) 15%, white);
    color: #000;
  }

  .color-swatch.filled.tint-light.dark-blue {
    background-color: color-mix(in lch, var(--dark-blue) 30%, white);
    color: #000;
  }

  .color-swatch.filled.tint-lighter.dark-blue {
    background-color: color-mix(in lch, var(--dark-blue) 15%, white);
    color: #000;
  }

  .color-swatch.filled.tint-light.logo-blue {
    background-color: color-mix(in lch, var(--logo-blue) 30%, white);
    color: #000;
  }

  .color-swatch.filled.tint-lighter.logo-blue {
    background-color: color-mix(in lch, var(--logo-blue) 15%, white);
    color: #000;
  }

  .color-swatch.filled.tint-light.purple {
    background-color: color-mix(in lch, var(--purple) 30%, white);
    color: #000;
  }

  .color-swatch.filled.tint-lighter.purple {
    background-color: color-mix(in lch, var(--purple) 15%, white);
    color: #000;
  }

  .color-swatch.filled.tint-light.yellow {
    background-color: color-mix(in lch, var(--yellow) 30%, white);
    color: #000;
  }

  .color-swatch.filled.tint-lighter.yellow {
    background-color: color-mix(in lch, var(--yellow) 15%, white);
    color: #000;
  }

  .color-swatch.filled.tint-light.dark-yellow {
    background-color: color-mix(in lch, var(--dark-yellow) 30%, white);
    color: #000;
  }

  .color-swatch.filled.tint-lighter.dark-yellow {
    background-color: color-mix(in lch, var(--dark-yellow) 15%, white);
    color: #000;
  }

  .color-swatch.filled.tint-light.orange {
    background-color: color-mix(in lch, var(--orange) 30%, white);
    color: #000;
  }

  .color-swatch.filled.tint-lighter.orange {
    background-color: color-mix(in lch, var(--orange) 15%, white);
    color: #000;
  }

  .color-swatch.filled.tint-light.pink {
    background-color: color-mix(in lch, var(--pink) 30%, white);
    color: #000;
  }

  .color-swatch.filled.tint-lighter.pink {
    background-color: color-mix(in lch, var(--pink) 15%, white);
    color: #000;
  }

  .color-swatch.filled.tint-light.red {
    background-color: color-mix(in lch, var(--red) 30%, white);
    color: #000;
  }

  .color-swatch.filled.tint-lighter.red {
    background-color: color-mix(in lch, var(--red) 15%, white);
    color: #000;
  }

  .color-swatch.filled.tint-light.ruby-red {
    background-color: color-mix(in lch, var(--ruby-red) 30%, white);
    color: #000;
  }

  .color-swatch.filled.tint-lighter.ruby-red {
    background-color: color-mix(in lch, var(--ruby-red) 15%, white);
    color: #000;
  }

  .color-swatch.filled.tint-light.violet {
    background-color: color-mix(in lch, var(--violet) 30%, white);
    color: #000;
  }

  .color-swatch.filled.tint-lighter.violet {
    background-color: color-mix(in lch, var(--violet) 15%, white);
    color: #000;
  }

  .color-swatch.filled.tint-light.brown {
    background-color: color-mix(in lch, var(--brown) 30%, white);
    color: #000;
  }

  .color-swatch.filled.tint-lighter.brown {
    background-color: color-mix(in lch, var(--brown) 15%, white);
    color: #000;
  }

  .color-swatch.filled.tint-light.dark-brown {
    background-color: color-mix(in lch, var(--dark-brown) 30%, white);
    color: #000;
  }

  .color-swatch.filled.tint-lighter.dark-brown {
    background-color: color-mix(in lch, var(--dark-brown) 15%, white);
    color: #000;
  }

.color-swatch__info {
  display: grid;
  inset-block-end: 5px;
  inset-inline-end: 9px;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-align: end;
}

.color-swatch__contrast-ratio,
.color-swatch__info {
  position: absolute;
  z-index: 100;
  font: var(--typography-step-negative-1) var(--font-family);
}

.color-swatch__contrast-ratio {
  visibility: hidden;
  width: 140px;
  background-color: color-mix(in lch, var(--yellow) 30%, white);
  color: var(--black);
  text-align: left;
  border-radius: 4px;
  padding: 5px 8px;
  right: 9px;
  top: -13px;
}

.color-swatch:hover .color-swatch__contrast-ratio {
  visibility: visible;
}

.no-tooltip .color-swatch__contrast-ratio {
  display: none;
}

.screen-reader-only {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

[data-theme="lichtblauw"] {
  --theme-name: "lichtblauw";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--light-blue);
  --nav-bar-text-color: var(--black);
  --footer-color: var(--nav-bar-color);
  --footer-text-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-yellow);
  --alt-cta-button-text-color: var(--black);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--sky-blue);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="hemelblauw"] {
  --theme-name: "hemelblauw";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--sky-blue);
  --nav-bar-text-color: var(--white);
  --footer-color: var(--nav-bar-color);
  --footer-text-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-yellow);
  --alt-cta-button-text-color: var(--black);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--sky-blue);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="donkerblauw"] {
  --theme-name: "donkerblauw";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--dark-blue);
  --nav-bar-text-color: var(--white);
  --footer-color: var(--nav-bar-color);
  --footer-text-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-yellow);
  --alt-cta-button-text-color: var(--black);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--dark-blue);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="logoblauw"] {
  --theme-name: "logoblauw";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--logo-blue);
  --nav-bar-text-color: var(--white);
  --footer-color: var(--nav-bar-color);
  --footer-text-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-yellow);
  --alt-cta-button-text-color: var(--black);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--logo-blue);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="paars"] {
  --theme-name: "paars";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--purple);
  --nav-bar-text-color: var(--white);
  --footer-color: var(--nav-bar-color);
  --footer-text-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-yellow);
  --alt-cta-button-text-color: var(--black);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--purple);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="mintgroen"] {
  --theme-name: "mintgroen";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--mint-green);
  --nav-bar-text-color: var(--black);
  --footer-color: var(--nav-bar-color);
  --footer-text-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--dark-yellow);
  --cta-button-text-color: var(--black);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--sky-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--green);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="mosgroen"] {
  --theme-name: "mosgroen";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--moss-green);
  --nav-bar-text-color: var(--white);
  --footer-color: var(--nav-bar-color);
  --footer-text-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--dark-yellow);
  --cta-button-text-color: var(--black);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--sky-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--moss-green);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="groen"] {
  --theme-name: "groen";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--green);
  --nav-bar-text-color: var(--white);
  --footer-color: var(--nav-bar-color);
  --footer-text-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--dark-yellow);
  --cta-button-text-color: var(--black);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--sky-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--green);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="donkergroen"] {
  --theme-name: "donkergroen";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--dark-green);
  --nav-bar-text-color: var(--white);
  --footer-color: var(--nav-bar-color);
  --footer-text-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--dark-yellow);
  --cta-button-text-color: var(--black);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--sky-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--dark-green);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="geel"] {
  --theme-name: "geel";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--yellow);
  --nav-bar-text-color: var(--black);
  --footer-color: var(--nav-bar-color);
  --footer-text-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--sky-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--brown);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="donkergeel"] {
  --theme-name: "donkergeel";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--dark-yellow);
  --nav-bar-text-color: var(--black);
  --footer-color: var(--nav-bar-color);
  --footer-text-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--sky-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--brown);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="oranje"] {
  --theme-name: "oranje";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--orange);
  --nav-bar-text-color: var(--white);
  --footer-color: var(--nav-bar-color);
  --footer-text-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--sky-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--brown);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="roze"] {
  --theme-name: "roze";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--pink);
  --nav-bar-text-color: var(--black);
  --footer-color: var(--nav-bar-color);
  --footer-text-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--sky-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--ruby-red);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="rood"] {
  --theme-name: "rood";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--red);
  --nav-bar-text-color: var(--white);
  --footer-color: var(--nav-bar-color);
  --footer-text-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--sky-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--red);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="robijnrood"] {
  --theme-name: "robijnrood";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--ruby-red);
  --nav-bar-text-color: var(--white);
  --footer-color: var(--nav-bar-color);
  --footer-text-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--sky-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--ruby-red);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="violet"] {
  --theme-name: "violet";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--violet);
  --nav-bar-text-color: var(--white);
  --footer-color: var(--nav-bar-color);
  --footer-text-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--sky-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--violet);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="bruin"] {
  --theme-name: "bruin";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--brown);
  --nav-bar-text-color: var(--white);
  --footer-color: var(--nav-bar-color);
  --footer-text-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--sky-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--brown);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="donkerbruin"] {
  --theme-name: "donkerbruin";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--dark-brown);
  --nav-bar-text-color: var(--white);
  --footer-color: var(--nav-bar-color);
  --footer-text-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--sky-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--dark-brown);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="marine"] {
  --theme-name: "marine";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--denim-blue);
  --nav-bar-text-color: var(--white);
  --footer-color: var(--orange);
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-yellow);
  --alt-cta-button-text-color: var(--black);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--denim-blue);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="landmacht"] {
  --theme-name: "landmacht";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--sherpa-blue-green);
  --nav-bar-text-color: var(--white);
  --footer-color: var(--orange);
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--dark-yellow);
  --cta-button-text-color: var(--black);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--sky-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--sherpa-blue-green);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="luchtmacht"] {
  --theme-name: "luchtmacht";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--blue-lagoon-green02);
  --nav-bar-text-color: var(--white);
  --footer-color: var(--orange);
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-yellow);
  --alt-cta-button-text-color: var(--black);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--blue-lagoon-green02);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="marechaussee"] {
  --theme-name: "marechaussee";
  --sans-font-family: var(--rijks-sans-font-family);
  --serif-font-family: var(--ro-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-semi-bold);
  --headings-color: var(--logo-blue);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: var(--sapphire-blue);
  --nav-bar-text-color: var(--white);
  --footer-color: var(--orange);
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--alt-link-color);
  --prominent-editorial-nav-title-hover-color: var(--alt-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-blue);
  --default-link-color: var(--sky-blue);
  --alt-link-color: var(--dark-blue);
  --visited-link-color: var(--cadillac-red);
  --cta-button-color: var(--green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-yellow);
  --alt-cta-button-text-color: var(--black);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --magazine-previous-next-nav-background-color: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-headings-color: var(--sapphire-blue);
  --link-plus-icon-vertical-offset: 0em;
}

[data-theme="adviescollegeicttoetsing"] {
  --theme-name: "adviescollegeicttoetsing";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #42155f;
  --nav-bar-text-color: var(--white);
  --footer-color: #f9e11d;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 14%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 66%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="adviescollegeicttoetsing"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="adviescollegeregeldruk"] {
  --theme-name: "adviescollegeregeldruk";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #39616b;
  --nav-bar-text-color: var(--white);
  --footer-color: #59a0b2;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--blue-lagoon-green);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--dark-violet02);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 95%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="adviescollegeregeldruk"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="adviescollegeveiligheidgroningen"] {
  --theme-name: "adviescollegeveiligheidgroningen";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #396fc0;
  --nav-bar-text-color: var(--white);
  --footer-color: #a9b4c7;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 80%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="adviescollegeveiligheidgroningen"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="adviescommissievolkenrecht"],
[data-theme="advisorycommitteeinternationallaw"] {
  --theme-name: "adviescommissievolkenrecht";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #381059;
  --nav-bar-text-color: #f7b52e;
  --footer-color: #f7b52e;
  --footer-text-color: #381059;
  --prominent-editorial-nav-color: var(--nav-bar-color);
  --prominent-editorial-nav-title-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-title-hover-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-description-color: var(--nav-bar-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-violet01);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: #fc9110;
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 13%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 75%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="adviescommissievolkenrecht"][data-magazine-colors="footer"],
  [data-theme="advisorycommitteeinternationallaw"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="adviesraadinternationalevraagstukken"] {
  --theme-name: "adviesraadinternationalevraagstukken";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #190866;
  --nav-bar-text-color: var(--white);
  --footer-color: #e1ad49;
  --footer-text-color: #190866;
  --prominent-editorial-nav-color: var(--nav-bar-color);
  --prominent-editorial-nav-title-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-title-hover-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-description-color: var(--nav-bar-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--olive-green-brown);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: #54afff;
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 11%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 79%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="adviesraadinternationalevraagstukken"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="adviesraadmigratie"] {
  --theme-name: "adviesraadmigratie";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #1b3765;
  --nav-bar-text-color: var(--white);
  --footer-color: #f1f1f6;
  --footer-text-color: #1b3765;
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 62%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="adviesraadmigratie"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="arbeidsmigratieingoedebanen"] {
  --theme-name: "arbeidsmigratieingoedebanen";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #0f55bc;
  --nav-bar-text-color: var(--white);
  --footer-color: #43c5da;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--navy-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 79%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="arbeidsmigratieingoedebanen"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="avghelpdeskzorg"] {
  --theme-name: "avghelpdeskzorg";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #007bc7;
  --nav-bar-text-color: var(--white);
  --footer-color: #b2d7ee;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--nav-bar-color);
  --prominent-editorial-nav-title-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-title-hover-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-description-color: var(--nav-bar-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 70%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="avghelpdeskzorg"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="awti"] {
  --theme-name: "awti";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #930042;
  --nav-bar-text-color: var(--white);
  --footer-color: #002b7f;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 14%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="awti"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="beheerautoriteitwaddenzee"] {
  --theme-name: "beheerautoriteitwaddenzee";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #2c8f94;
  --nav-bar-text-color: var(--white);
  --footer-color: #b1d5d5;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--blue-lagoon-green);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--dark-violet02);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 71%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="beheerautoriteitwaddenzee"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="beschermdecultuurgoederen"] {
  --theme-name: "beschermdecultuurgoederen";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #008bd2;
  --nav-bar-text-color: var(--white);
  --footer-color: #ee735a;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 93%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="beschermdecultuurgoederen"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="binnenhofrenovatie"] {
  --theme-name: "binnenhofrenovatie";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #522582;
  --nav-bar-text-color: var(--white);
  --footer-color: #b3d6ff;
  --footer-text-color: #005e5e;
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--blue-lagoon-green);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--dark-violet02);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: #b3d6ff;
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 69%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="binnenhofrenovatie"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="ceg"] {
  --theme-name: "ceg";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #00005f;
  --nav-bar-text-color: var(--white);
  --footer-color: #b4e1fa;
  --footer-text-color: #00005f;
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--neon-blue01);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 14%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 67%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="ceg"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="english.ccmo"],
[data-theme="ccmo"] {
  --theme-name: "ccmo";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #01689b;
  --nav-bar-text-color: var(--white);
  --footer-color: #ddeff8;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--tawny-orange);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 63%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="english.ccmo"][data-magazine-colors="footer"],
  [data-theme="ccmo"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="cabinetspecialenvoy.com"] {
  --theme-name: "cabinetspecialenvoy.com";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: #002987;
  --nav-bar-color: #fad90f;
  --nav-bar-text-color: var(--black);
  --footer-color: #002987;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--navy-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 13%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 67%, black );
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="cabinetspecialenvoy.com"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="caorijk"] {
  --theme-name: "caorijk";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #994a6e;
  --nav-bar-text-color: var(--white);
  --footer-color: #537299;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: #994a6e;
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="caorijk"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="cbg-meb"] [data-theme="english.cbg-meb"] {
  --theme-name: "cbg-meb";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #ff904a;
  --nav-bar-text-color: var(--black);
  --footer-color: #084da2;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 83%, black );
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="cbg-meb"]
  [data-theme="english.cbg-meb"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="collegesanering"] {
  --theme-name: "collegesanering";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #a3aec7;
  --nav-bar-text-color: var(--black);
  --footer-color: #2a6ba1;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 83%, black );
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="collegesanering"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="commissie.kolonialecollecties"],
[data-theme="committee.kolonialecollecties"] {
  --theme-name: "commissie.kolonialecollecties";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #008bc8;
  --nav-bar-text-color: var(--white);
  --footer-color: #575656;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="commissie.kolonialecollecties"][data-magazine-colors="footer"],
  [data-theme="committee.kolonialecollecties"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="commissiecelz"] {
  --theme-name: "commissiecelz";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: #c73694;
  --nav-bar-text-color: var(--white);
  --footer-color: #53c2b9;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--blue-lagoon-green);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--dark-violet02);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 81%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="commissiecelz"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="covm"] {
  --theme-name: "covm";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #5a4b42;
  --nav-bar-text-color: var(--white);
  --footer-color: #8dc63f;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--olive-green-brown);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 79%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="covm"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="english.ctgb"],
[data-theme="ctgb"] {
  --theme-name: "ctgb";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: #bbc035;
  --nav-bar-color: #532819;
  --nav-bar-text-color: var(--white);
  --footer-color: #007e79;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="english.ctgb"][data-magazine-colors="footer"],
  [data-theme="ctgb"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="english.ctivd"],
[data-theme="ctivd"] {
  --theme-name: "ctivd";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #00628a;
  --nav-bar-text-color: #e4e3e1;
  --footer-color: #e4e3e1;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 65%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="english.ctivd"][data-magazine-colors="footer"],
  [data-theme="ctivd"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="cybersecuritycouncil"],
[data-theme="cybersecurityraad"] {
  --theme-name: "cybersecurityraad";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #00a6c0;
  --nav-bar-text-color: var(--white);
  --footer-color: #860a3d;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 93%, black );
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="cybersecuritycouncil"][data-magazine-colors="footer"],
  [data-theme="cybersecurityraad"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="english.denkvooruit"],
[data-theme="denkvooruit"] {
  --theme-name: "denkvooruit";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #ffb612;
  --nav-bar-text-color: var(--black);
  --footer-color: #42145f;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 14%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 74%, black );
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="english.denkvooruit"][data-magazine-colors="footer"],
  [data-theme="denkvooruit"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="digitaalstelselmobiliteitsdata"] {
  --theme-name: "digitaalstelselmobiliteitsdata";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #360154;
  --nav-bar-text-color: var(--white);
  --footer-color: #e8ab03;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: #60c9f8;
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 13%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 79%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="digitaalstelselmobiliteitsdata"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="duurzame-infra"] {
  --theme-name: "duurzame-infra";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #007bc7;
  --nav-bar-text-color: var(--white);
  --footer-color: #535353;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="duurzame-infra"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="eentegeneenzaamheid"] {
  --theme-name: "eentegeneenzaamheid";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #b90064;
  --nav-bar-text-color: var(--white);
  --footer-color: #f2f2fb;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lipstick-red);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 61%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="eentegeneenzaamheid"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="eiti"] {
  --theme-name: "eiti";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #e87307;
  --nav-bar-text-color: var(--white);
  --footer-color: #108dbb;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 95%, black );
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="eiti"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="cbamtoelating"],
[data-theme="emissieautoriteit"],
[data-theme="emissionsauthority"] {
  --theme-name: "emissieautoriteit";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #001a4e;
  --nav-bar-text-color: var(--white);
  --footer-color: #0049a6;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--navy-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 12%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="cbamtoelating"][data-magazine-colors="footer"],
  [data-theme="emissieautoriteit"][data-magazine-colors="footer"],
  [data-theme="emissionsauthority"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="emm-online"] {
  --theme-name: "emm-online";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #164883;
  --nav-bar-text-color: var(--white);
  --footer-color: #eb9c4e;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 83%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="emm-online"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="energierijkdenhaag"] {
  --theme-name: "energierijkdenhaag";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #76d2b6;
  --nav-bar-text-color: var(--black);
  --footer-color: #007bc7;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 75%, black );
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="energierijkdenhaag"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="erfgoeddeal"] {
  --theme-name: "erfgoeddeal";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #007bc7;
  --nav-bar-text-color: var(--white);
  --footer-color: #947100;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="erfgoeddeal"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="europaomdehoek"] {
  --theme-name: "europaomdehoek";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #ffb612;
  --nav-bar-text-color: var(--black);
  --footer-color: #01689b;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 74%, black );
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="europaomdehoek"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="english.euthanasiecommissie"],
[data-theme="euthanasiecommissie"] {
  --theme-name: "euthanasiecommissie";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #166f88;
  --nav-bar-text-color: var(--white);
  --footer-color: #a66407;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="english.euthanasiecommissie"][data-magazine-colors="footer"],
  [data-theme="euthanasiecommissie"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="gezondheidsraad"],
[data-theme="healthcouncil"] {
  --theme-name: "gezondheidsraad";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #548ec7;
  --nav-bar-text-color: var(--white);
  --footer-color: #eef4f9;
  --footer-text-color: #336699;
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: #e2e8f0;
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 61%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="gezondheidsraad"][data-magazine-colors="footer"],
  [data-theme="healthcouncil"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="gobernadoraruba.com"],
[data-theme="gobernadorkorsou.com"],
[data-theme="gouverneuraruba.com"],
[data-theme="gouverneurcuracao.com"] {
  --theme-name: "gouverneurcuracao.com";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #0d2455;
  --nav-bar-text-color: #cdb593;
  --footer-color: #cdb593;
  --footer-text-color: #0d2455;
  --prominent-editorial-nav-color: var(--nav-bar-color);
  --prominent-editorial-nav-title-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-title-hover-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-description-color: var(--nav-bar-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--olive-green-brown);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 12%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 78%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="gobernadoraruba.com"][data-magazine-colors="footer"],
  [data-theme="gobernadorkorsou.com"][data-magazine-colors="footer"],
  [data-theme="gouverneuraruba.com"][data-magazine-colors="footer"],
  [data-theme="gouverneurcuracao.com"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="hansken"] {
  --theme-name: "hansken";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #0b67c8;
  --nav-bar-text-color: var(--white);
  --footer-color: #fa9349;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: #f59e5c;
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 83%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="hansken"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="hogeraadvanadel"] {
  --theme-name: "hogeraadvanadel";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--serif-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: center;
  --header-background-color: #ffd988;
  --nav-bar-color: #0d3a65;
  --nav-bar-text-color: #f9bf42;
  --footer-color: #f9bf42;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 73%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="hogeraadvanadel"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="houdmisdaaduitjebuurt"] {
  --theme-name: "houdmisdaaduitjebuurt";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: #121268;
  --nav-bar-color: #121268;
  --nav-bar-text-color: var(--white);
  --footer-color: #f3f3f3;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--tawny-orange);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 12%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 61%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="houdmisdaaduitjebuurt"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="huisvoorklokkenluiders"] {
  --theme-name: "huisvoorklokkenluiders";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #3891b7;
  --nav-bar-text-color: var(--white);
  --footer-color: #cc8211;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 97%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="huisvoorklokkenluiders"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="english.humanrightsincn"],
[data-theme="humanrightsincn"] {
  --theme-name: "humanrightsincn";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #00605a;
  --nav-bar-text-color: var(--white);
  --footer-color: #fbebe8;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--tawny-orange);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 62%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="english.humanrightsincn"][data-magazine-colors="footer"],
  [data-theme="humanrightsincn"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="huurcommissie"] {
  --theme-name: "huurcommissie";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #aa2480;
  --nav-bar-text-color: var(--white);
  --footer-color: #264cd9;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--neon-blue01);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="huurcommissie"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="hwbp"] {
  --theme-name: "hwbp";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #1d9fd6;
  --nav-bar-text-color: var(--white);
  --footer-color: #1b2f68;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: #ef0000;
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 95%, black );
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="hwbp"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="infopuntonbedoeldzwanger"] {
  --theme-name: "infopuntonbedoeldzwanger";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #00706a;
  --nav-bar-text-color: var(--white);
  --footer-color: #f8a288;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 79%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="infopuntonbedoeldzwanger"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="informatieanalyseteam"] {
  --theme-name: "informatieanalyseteam";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: #154273;
  --nav-bar-text-color: var(--white);
  --footer-color: #799ead;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 93%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="informatieanalyseteam"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="jeugdautoriteit"] {
  --theme-name: "jeugdautoriteit";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #1b1464;
  --nav-bar-text-color: var(--white);
  --footer-color: #54e6a2;
  --footer-text-color: #1b1464;
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--navy-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 12%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 71%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="jeugdautoriteit"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="kabinetsformatie2023"] {
  --theme-name: "kabinetsformatie2023";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #8c1e01;
  --nav-bar-text-color: var(--white);
  --footer-color: #ff6000;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 94%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="kabinetsformatie2023"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="kabinetvandekoning"] {
  --theme-name: "kabinetvandekoning";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #0c2355;
  --nav-bar-text-color: var(--white);
  --footer-color: #0077ba;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--navy-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 12%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="kabinetvandekoning"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="english.kemprogramma"],
[data-theme="kemprogramma"] {
  --theme-name: "kemprogramma";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: #fa6b00;
  --nav-bar-text-color: var(--white);
  --footer-color: #003f60;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 93%, black );
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="english.kemprogramma"][data-magazine-colors="footer"],
  [data-theme="kemprogramma"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="kennisplatformwerkeninkomen"] {
  --theme-name: "kennisplatformwerkeninkomen";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #007397;
  --nav-bar-text-color: var(--white);
  --footer-color: #4ec1ac;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 82%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="kennisplatformwerkeninkomen"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="kik-v"] {
  --theme-name: "kik-v";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #ca005d;
  --nav-bar-text-color: var(--white);
  --footer-color: #2d6897;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: #f7d04f;
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="kik-v"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="english.kiesraad"],
[data-theme="kiesraad"] {
  --theme-name: "kiesraad";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #00305b;
  --nav-bar-text-color: var(--white);
  --footer-color: #4a75ba;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 14%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="english.kiesraad"][data-magazine-colors="footer"],
  [data-theme="kiesraad"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="klimaatakkoord"] {
  --theme-name: "klimaatakkoord";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #00a4cc;
  --nav-bar-text-color: var(--white);
  --footer-color: #005577;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--olive-green02);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--dark-violet02);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 93%, black );
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="klimaatakkoord"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="koninklijkhuis"],
[data-theme="royal-house"] {
  --theme-name: "koninklijkhuis";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: #192b6c;
  --nav-bar-text-color: #f9ab53;
  --footer-color: #f79727;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--nav-bar-color);
  --prominent-editorial-nav-title-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-title-hover-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-description-color: var(--nav-bar-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 14%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 82%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="koninklijkhuis"][data-magazine-colors="footer"],
  [data-theme="royal-house"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="landelijkinformatiepuntwolven"] {
  --theme-name: "landelijkinformatiepuntwolven";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--serif-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #01689b;
  --nav-bar-text-color: var(--white);
  --footer-color: #cc850e;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 95%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="landelijkinformatiepuntwolven"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="levenmetwater"] {
  --theme-name: "levenmetwater";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: #144273;
  --nav-bar-text-color: var(--white);
  --footer-color: #dbedff;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 63%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="levenmetwater"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="lintjes"],
[data-theme="royalhonoursanddecorations"] {
  --theme-name: "lintjes";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #005591;
  --nav-bar-text-color: var(--white);
  --footer-color: #f09a3c;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--nav-bar-color);
  --prominent-editorial-nav-title-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-title-hover-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-description-color: var(--nav-bar-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 83%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="lintjes"][data-magazine-colors="footer"],
  [data-theme="royalhonoursanddecorations"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="loonaangifteketen"] {
  --theme-name: "loonaangifteketen";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #255488;
  --nav-bar-text-color: var(--white);
  --footer-color: #0095c9;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--nav-bar-color);
  --prominent-editorial-nav-title-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-title-hover-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-description-color: var(--nav-bar-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="loonaangifteketen"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="lvmb"] {
  --theme-name: "lvmb";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #01689b;
  --nav-bar-text-color: var(--white);
  --footer-color: #ffb612;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 74%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="lvmb"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="lzalpkcommissie"] {
  --theme-name: "lzalpkcommissie";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #68c0b5;
  --nav-bar-text-color: var(--black);
  --footer-color: #7466ab;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--blue-lagoon-green);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--dark-violet02);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 81%, black );
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="lzalpkcommissie"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="mccg"] {
  --theme-name: "mccg";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #e30613;
  --nav-bar-text-color: var(--white);
  --footer-color: #dec700;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 73%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="mccg"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="mijncn"] {
  --theme-name: "mijncn";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #01689b;
  --nav-bar-text-color: var(--white);
  --footer-color: #c6c6c6;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--nav-bar-color);
  --prominent-editorial-nav-title-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-title-hover-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-description-color: var(--nav-bar-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 74%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="mijncn"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="mensenrechten"] {
  --theme-name: "mensenrechten";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #302aba;
  --nav-bar-text-color: var(--white);
  --footer-color: #fbebe8;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--tawny-orange);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 14%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 62%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="mensenrechten"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="mijnbouwschadelimburg"] {
  --theme-name: "mijnbouwschadelimburg";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #c2e300;
  --nav-bar-text-color: #0a3033;
  --footer-color: #664d3d;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--regular-green);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--dark-violet02);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: #0a3033;
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 69%, black );
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="mijnbouwschadelimburg"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="mijnpgb"] {
  --theme-name: "mijnpgb";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #5b8e43;
  --nav-bar-text-color: var(--white);
  --footer-color: #005d55;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--blue-lagoon-green);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--dark-violet02);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="mijnpgb"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="nationaalwegenbestand"] {
  --theme-name: "nationaalwegenbestand";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: #c4dad9;
  --nav-bar-text-color: #3a2035;
  --footer-color: #3a2035;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--nav-bar-color);
  --prominent-editorial-nav-title-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-title-hover-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-description-color: var(--nav-bar-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--blue-lagoon-green);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--dark-violet02);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 69%, black );
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="nationaalwegenbestand"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="nationalebijenstrategie"] {
  --theme-name: "nationalebijenstrategie";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: #ffe8b6;
  --nav-bar-text-color: var(--black);
  --footer-color: #ffb71b;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: #ffb71b;
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 63%, black );
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 74%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="nationalebijenstrategie"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="ndw.nu"] {
  --theme-name: "ndw.nu";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #fe5000;
  --nav-bar-text-color: #ffffff;
  --footer-color: #d6e9fc;
  --footer-text-color: #002633;
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--tawny-orange);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 98%, black );
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 64%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="ndw.nu"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="nederlanddigitaal"] {
  --theme-name: "nederlanddigitaal";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #40265c;
  --nav-bar-text-color: var(--white);
  --footer-color: #0068b4;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-violet01);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 14%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="nederlanddigitaal"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="nederlandse-sportraad"] {
  --theme-name: "nederlandse-sportraad";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #5e2e77;
  --nav-bar-text-color: var(--white);
  --footer-color: #c7a5d0;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--medium-red-violet);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 82%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="nederlandse-sportraad"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="netwerkplatteland"] {
  --theme-name: "netwerkplatteland";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #39870c;
  --nav-bar-text-color: var(--white);
  --footer-color: #007bc7;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="netwerkplatteland"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="nix18"] {
  --theme-name: "nix18";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #228161;
  --nav-bar-text-color: var(--white);
  --footer-color: #fab50d;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--tawny-orange);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 75%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="nix18"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="nl-alert"] {
  --theme-name: "nl-alert";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #000000;
  --nav-bar-text-color: var(--white);
  --footer-color: #ffe300;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 11%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 65%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="nl-alert"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="nl-works"] {
  --theme-name: "nl-works";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: #005ac6;
  --nav-bar-text-color: var(--white);
  --footer-color: #fc6800;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 93%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="nl-works"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="nlvergroent"] {
  --theme-name: "nlvergroent";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #006666;
  --nav-bar-text-color: var(--white);
  --footer-color: #00cf87;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--blue-lagoon-green);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--dark-violet02);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 79%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="nlvergroent"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="english.nrgd"],
[data-theme="nrgd"] {
  --theme-name: "nrgd";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #292659;
  --nav-bar-text-color: var(--white);
  --footer-color: #095e94;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: #00a19b;
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 14%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="english.nrgd"][data-magazine-colors="footer"],
  [data-theme="nrgd"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="nza"] {
  --theme-name: "nza";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #27348b;
  --nav-bar-text-color: var(--white);
  --footer-color: #cee7dc;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 65%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="nza"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="om"],
[data-theme="prosecutionservice"] {
  --theme-name: "om";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: #001935;
  --nav-bar-text-color: var(--white);
  --footer-color: #91d2f3;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--nav-bar-color);
  --prominent-editorial-nav-title-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-title-hover-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-description-color: var(--nav-bar-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 12%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 72%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="om"][data-magazine-colors="footer"],
  [data-theme="prosecutionservice"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="onderwijsraad"] {
  --theme-name: "onderwijsraad";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: #00466e;
  --nav-bar-color: #c8ab52;
  --nav-bar-text-color: var(--black);
  --footer-color: #dcf0ff;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: #c8ab52;
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 83%, black );
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 63%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="onderwijsraad"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="onslevendlandschap"] {
  --theme-name: "onslevendlandschap";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #01689b;
  --nav-bar-text-color: var(--white);
  --footer-color: #b3d8ee;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 70%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="onslevendlandschap"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="opwegnaarseb"] {
  --theme-name: "opwegnaarseb";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #97bf42;
  --nav-bar-text-color: #021936;
  --footer-color: #26538c;
  --footer-text-color: #f3f7fc;
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 81%, black );
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="opwegnaarseb"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="overheidvannu"] {
  --theme-name: "overheidvannu";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #31b8fa;
  --nav-bar-text-color: var(--black);
  --footer-color: #6f2bff;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--neon-blue02);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 83%, black );
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="overheidvannu"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="pensioenduidelijkheid"] {
  --theme-name: "pensioenduidelijkheid";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #1a47e8;
  --nav-bar-text-color: var(--white);
  --footer-color: #f6ebe5;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--navy-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 63%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="pensioenduidelijkheid"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="politiecn.com"] {
  --theme-name: "politiecn.com";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--serif-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: #041777;
  --nav-bar-text-color: var(--white);
  --footer-color: #e6e8f2;
  --footer-text-color: #041777;
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--tawny-orange);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: #e2e8f0;
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 12%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 64%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="politiecn.com"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="raadopenbaarbestuur"] {
  --theme-name: "raadopenbaarbestuur";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #005ea8;
  --nav-bar-text-color: var(--white);
  --footer-color: #398169;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="raadopenbaarbestuur"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="raadvoorcultuur"] {
  --theme-name: "raadvoorcultuur";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: #597686;
  --nav-bar-text-color: var(--white);
  --footer-color: #000000;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 11%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="raadvoorcultuur"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="raadrvs"] {
  --theme-name: "raadrvs";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #511a35;
  --nav-bar-text-color: #edcbc7;
  --footer-color: #edcbc7;
  --footer-text-color: #511a35;
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lipstick-red);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 70%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="raadrvs"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="rabarijk"] {
  --theme-name: "rabarijk";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #757731;
  --nav-bar-text-color: var(--white);
  --footer-color: #ec6450;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--tawny-orange);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 98%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="rabarijk"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="english.rda"],
[data-theme="rda"] {
  --theme-name: "rda";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #a32638;
  --nav-bar-text-color: var(--white);
  --footer-color: #602144;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lipstick-red);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="english.rda"][data-magazine-colors="footer"],
  [data-theme="rda"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="english.rekenkamer"],
[data-theme="rekenkamer"] {
  --theme-name: "rekenkamer";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #3366ff;
  --nav-bar-text-color: var(--white);
  --footer-color: #afdff9;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--navy-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 68%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="english.rekenkamer"][data-magazine-colors="footer"],
  [data-theme="rekenkamer"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="riec"] {
  --theme-name: "riec";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #7a39df;
  --nav-bar-text-color: var(--white);
  --footer-color: #333f48;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--electric-indigo-violet);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 14%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="riec"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="rijksrecherche"] {
  --theme-name: "rijksrecherche";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #19558e;
  --nav-bar-text-color: var(--white);
  --footer-color: #847712;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--olive-green02);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--dark-violet02);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="rijksrecherche"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="rsj"] {
  --theme-name: "rsj";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #392152;
  --nav-bar-text-color: var(--white);
  --footer-color: #d4c20b;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--dark-violet01);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 14%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 75%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="rsj"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="ruimtevoorderivier"] {
  --theme-name: "ruimtevoorderivier";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #154273;
  --nav-bar-text-color: #ffffff;
  --footer-color: #ffb612;
  --footer-text-color: #000000;
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: #76d2b6;
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 74%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="ruimtevoorderivier"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="schoolleidersregisterpo"] {
  --theme-name: "schoolleidersregisterpo";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #192b6d;
  --nav-bar-text-color: var(--white);
  --footer-color: #57ab27;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--neon-blue01);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 93%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="schoolleidersregisterpo"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="simpel-switchen"] {
  --theme-name: "simpel-switchen";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #90c9dc;
  --nav-bar-text-color: var(--black);
  --footer-color: #f1f5f9;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lipstick-red);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 75%, black );
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 61%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="simpel-switchen"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="sociaalfondspersoneel"] {
  --theme-name: "sociaalfondspersoneel";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #de5808;
  --nav-bar-text-color: var(--white);
  --footer-color: #ffce00;
  --footer-text-color: #32174d;
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--tawny-orange);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 69%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="sociaalfondspersoneel"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="staatscommissierechtsstaat"] {
  --theme-name: "staatscommissierechtsstaat";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: #b80b29;
  --nav-bar-text-color: var(--white);
  --footer-color: #5b1618;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: #b80b29;
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 14%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="staatscommissierechtsstaat"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="staatscommissietegendiscriminatieenracisme"] {
  --theme-name: "staatscommissietegendiscriminatieenracisme";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #c6b9cf;
  --nav-bar-text-color: var(--black);
  --footer-color: #42145f;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 14%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 76%, black );
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="staatscommissietegendiscriminatieenracisme"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="strafrechtketen"] {
  --theme-name: "strafrechtketen";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #42145f;
  --nav-bar-text-color: var(--white);
  --footer-color: #98ddc8;
  --footer-text-color: #42145f;
  --prominent-editorial-nav-color: var(--nav-bar-color);
  --prominent-editorial-nav-title-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-title-hover-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-description-color: var(--nav-bar-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--medium-red-violet);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 70%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="strafrechtketen"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="tib-ivd"] {
  --theme-name: "tib-ivd";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #114273;
  --nav-bar-text-color: var(--white);
  --footer-color: #be5900;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="tib-ivd"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="toegangspuntmobiliteit"] {
  --theme-name: "toegangspuntmobiliteit";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #002f57;
  --nav-bar-text-color: var(--white);
  --footer-color: #3bab6c;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--regular-green);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--dark-violet02);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 13%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 93%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="toegangspuntmobiliteit"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="toekomstglb"] {
  --theme-name: "toekomstglb";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #39870c;
  --nav-bar-text-color: var(--white);
  --footer-color: #8fcae7;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 75%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="toekomstglb"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="toekomstreligieuserfgoed"] {
  --theme-name: "toekomstreligieuserfgoed";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #007bc7;
  --nav-bar-text-color: var(--white);
  --footer-color: #b2d7ee;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--nav-bar-color);
  --prominent-editorial-nav-title-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-title-hover-color: var(--nav-bar-text-color);
  --prominent-editorial-nav-description-color: var(--nav-bar-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 70%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="toekomstreligieuserfgoed"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="toekomstvisiegewasbescherming2030"] {
  --theme-name: "toekomstvisiegewasbescherming2030";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #004325;
  --nav-bar-text-color: var(--white);
  --footer-color: #a1cb7d;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 76%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="toekomstvisiegewasbescherming2030"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="toetsingscommissievp"] {
  --theme-name: "toetsingscommissievp";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #39870c;
  --nav-bar-text-color: var(--white);
  --footer-color: #01689b;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="toetsingscommissievp"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="topcorridors"] {
  --theme-name: "topcorridors";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #1ca3c2;
  --nav-bar-text-color: var(--white);
  --footer-color: #ea5b0b;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 94%, black );
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="topcorridors"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="animalfreeinnovationtpi"],
[data-theme="transitieproefdiervrijeinnovatie"] {
  --theme-name: "transitieproefdiervrijeinnovatie";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #3e8451;
  --nav-bar-text-color: var(--white);
  --footer-color: #d04343;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--regular-green);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--dark-violet02);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="animalfreeinnovationtpi"][data-magazine-colors="footer"],
  [data-theme="transitieproefdiervrijeinnovatie"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="tropomi.eu"] {
  --theme-name: "tropomi.eu";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #00a1de;
  --nav-bar-text-color: var(--white);
  --footer-color: #154273;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 94%, black );
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="tropomi.eu"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="tuchtcollege-gezondheidszorg"] {
  --theme-name: "tuchtcollege-gezondheidszorg";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #ddf0f3;
  --nav-bar-text-color: var(--black);
  --footer-color: #003552;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--blue-lagoon-green);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--dark-violet02);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 63%, black );
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="tuchtcollege-gezondheidszorg"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="veterinairberoepscollege"] {
  --theme-name: "veterinairberoepscollege";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #94710a;
  --nav-bar-text-color: var(--white);
  --footer-color: #2d2e83;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--olive-green-brown);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 13%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="veterinairberoepscollege"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="veterinairtuchtcollege"] {
  --theme-name: "veterinairtuchtcollege";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #75d2b6;
  --nav-bar-text-color: var(--black);
  --footer-color: #d6f0e9;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--blue-lagoon-green);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--dark-violet02);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 75%, black );
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 63%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="veterinairtuchtcollege"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="voordejeugdenhetgezin"] {
  --theme-name: "voordejeugdenhetgezin";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: #ffec00;
  --nav-bar-color: #000000;
  --nav-bar-text-color: var(--white);
  --footer-color: #ffec00;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: #006699;
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 12%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 63%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="voordejeugdenhetgezin"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="werkenaanonspensioen"] {
  --theme-name: "werkenaanonspensioen";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #53241f;
  --nav-bar-text-color: var(--white);
  --footer-color: #f7d9e7;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lipstick-red);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 66%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="werkenaanonspensioen"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="werkaanuitvoering"] {
  --theme-name: "werkaanuitvoering";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #e17000;
  --nav-bar-text-color: var(--white);
  --footer-color: #003948;
  --footer-text-color: var(--white);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 98%, black );
  --magazine-headings-color-footer: var(--footer-color);
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="werkaanuitvoering"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="werkelijkeschade"] {
  --theme-name: "werkelijkeschade";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #a90061;
  --nav-bar-text-color: var(--white);
  --footer-color: #f092cd;
  --footer-text-color: var(--black);
  --prominent-editorial-nav-color: var(--gray-100);
  --prominent-editorial-nav-title-color: var(--default-link-color);
  --prominent-editorial-nav-title-hover-color: var(--default-link-hover-color);
  --prominent-editorial-nav-description-color: var(--black);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--cerulean-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 81%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="werkelijkeschade"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="english.wkr"],
[data-theme="wkr"] {
  --theme-name: "wkr";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--sans-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: center;
  --header-background-color: var(--white);
  --nav-bar-color: #000d33;
  --nav-bar-text-color: #c2c3cb;
  --footer-color: #c2e4eb;
  --footer-text-color: #046075;
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lochmara-blue);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--medium-red-violet);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--dark-violet02);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 12%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 66%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="english.wkr"][data-magazine-colors="footer"],
  [data-theme="wkr"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

[data-theme="english.wrr"],
[data-theme="wrr"] {
  --theme-name: "wrr";
  --sans-font-family: var(--meta-sans-font-family);
  --serif-font-family: var(--meta-serif-font-family);
  --icons-font-family: var(--ro-icons-font-family);
  --font-family: var(--serif-font-family);
  --headings-font-weight: var(--font-weight-bold);
  --headings-color: var(--default-text-color);
  --logo-position: start;
  --header-background-color: var(--white);
  --nav-bar-color: #172d40;
  --nav-bar-text-color: var(--white);
  --footer-color: #c7e4e0;
  --footer-text-color: #066066;
  --prominent-editorial-nav-color: var(--footer-color);
  --prominent-editorial-nav-title-color: var(--footer-text-color);
  --prominent-editorial-nav-title-hover-color: var(--footer-text-color);
  --prominent-editorial-nav-description-color: var(--footer-text-color);
  --default-text-color: var(--gray-900);
  --hover-factor: 70%;
  --default-link-hover-color: color-mix( in lch, var(--default-link-color) var(--hover-factor), black );
  --alt-link-hover-color: color-mix( in lch, var(--alt-link-color) var(--hover-factor), black );
  --default-button-text-color: var(--white);
  --default-button-text-hover-color: var(--white);
  --default-button-color: var(--lipstick-red);
  --default-link-color: var(--default-button-color);
  --alt-link-color: var(--default-link-color);
  --visited-link-color: var(--cerulean-blue);
  --cta-button-color: var(--regular-green);
  --cta-button-text-color: var(--white);
  --cta-button-text-hover-color: var(--white);
  --alt-cta-button-color: var(--navy-blue);
  --alt-cta-button-text-color: var(--white);
  --alt-cta-button-text-hover-color: var(--white);
  --line-color: var(--gray-200);
  --link-plus-icon-vertical-offset: -0.12em;
  --magazine-previous-next-nav-background-color-nav-bar: color-mix( in lch, var(--nav-bar-color) 15%, white );
  --magazine-previous-next-nav-background-color-footer: color-mix( in lch, var(--footer-color) 15%, white );
  --magazine-headings-color-nav-bar: var(--nav-bar-color);
  --magazine-headings-color-footer: color-mix( in lch, var(--footer-color) 66%, black );
  --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-nav-bar );
  --magazine-headings-color: var(--magazine-headings-color-nav-bar);
}

  [data-theme="english.wrr"][data-magazine-colors="footer"],
  [data-theme="wrr"][data-magazine-colors="footer"] {
    --nav-bar-color: var(--footer-color);
    --magazine-previous-next-nav-background-color: var( --magazine-previous-next-nav-background-color-footer );
    --magazine-headings-color: var(--magazine-headings-color-footer);
  }

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var( --swiper-wrapper-transition-timing-function, initial );
  box-sizing: initial;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

  .swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
  }

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

  .swiper-3d .swiper-cube-shadow,
  .swiper-3d .swiper-slide {
    transform-style: preserve-3d;
  }

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }

  .swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

  .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
  }

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient( 270deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) );
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient( 90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) );
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient( 180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) );
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border-radius: 50%;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top: 4px solid rgba(0, 0, 0, 0);
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

  .swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
  }

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon:before,
.react-datepicker__year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}

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

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: Helvetica Neue, helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: normal;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}

  .react-datepicker-popper .react-datepicker__triangle {
    stroke: #aeaeae;
  }

  .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
    fill: #f0f0f0;
    color: #f0f0f0;
  }

  .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
    fill: #fff;
    color: #fff;
  }

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

  .react-datepicker__header--time:not(.react-datepicker__header--time--only) {
    border-top-left-radius: 0;
  }

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
  margin-top: 0;
  color: #000;
  font-weight: 700;
  font-size: 0.944rem;
}

h2.react-datepicker__current-month {
  padding: 0;
  margin: 0;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 2px;
}

.react-datepicker__navigation--next {
  right: 2px;
}

.react-datepicker__navigation--next--with-time:not( .react-datepicker__navigation--next--with-today-button ) {
  right: 85px;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
}

.react-datepicker__navigation:hover :before {
  border-color: hsl(0, 0%, 65%);
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}

.react-datepicker__navigation-icon--next {
  left: -2px;
}

  .react-datepicker__navigation-icon--next:before {
    transform: rotate(45deg);
    left: -7px;
  }

.react-datepicker__navigation-icon--previous {
  right: -2px;
}

  .react-datepicker__navigation-icon--previous:before {
    transform: rotate(225deg);
    right: -7px;
  }

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}

.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

  .react-datepicker__month .react-datepicker__month-text,
  .react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    width: 4rem;
    margin: 2px;
  }

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

  .react-datepicker__input-time-container .react-datepicker-time__caption,
  .react-datepicker__input-time-container
  .react-datepicker-time__input-container {
    display: inline-block;
  }

    .react-datepicker__input-time-container
    .react-datepicker-time__input-container
    .react-datepicker-time__input {
      display: inline-block;
      margin-left: 10px;
    }

      .react-datepicker__input-time-container
      .react-datepicker-time__input-container
      .react-datepicker-time__input
      input {
        width: auto;
      }

        .react-datepicker__input-time-container
        .react-datepicker-time__input-container
        .react-datepicker-time__input
        input[type="time"]::-webkit-inner-spin-button,
        .react-datepicker__input-time-container
        .react-datepicker-time__input-container
        .react-datepicker-time__input
        input[type="time"]::-webkit-outer-spin-button {
          -webkit-appearance: none;
          margin: 0;
        }

        .react-datepicker__input-time-container
        .react-datepicker-time__input-container
        .react-datepicker-time__input
        input[type="time"] {
          -moz-appearance: textfield;
        }

    .react-datepicker__input-time-container
    .react-datepicker-time__input-container
    .react-datepicker-time__delimiter {
      margin-left: 5px;
      display: inline-block;
    }

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: #fff;
  border-bottom-right-radius: 0.3rem;
}

  .react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box {
    width: 85px;
    overflow-x: hidden;
    margin: 0 auto;
    text-align: center;
    border-bottom-right-radius: 0.3rem;
  }

    .react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box
    ul.react-datepicker__time-list {
      list-style: none;
      margin: 0;
      height: calc(195px + 1.7rem / 2);
      overflow-y: scroll;
      padding-right: 0;
      padding-left: 0;
      width: 100%;
      box-sizing: initial;
    }

      .react-datepicker__time-container
      .react-datepicker__time
      .react-datepicker__time-box
      ul.react-datepicker__time-list
      li.react-datepicker__time-list-item {
        height: 30px;
        padding: 5px 10px;
        white-space: nowrap;
      }

        .react-datepicker__time-container
        .react-datepicker__time
        .react-datepicker__time-box
        ul.react-datepicker__time-list
        li.react-datepicker__time-list-item:hover {
          cursor: pointer;
          background-color: #f0f0f0;
        }

      .react-datepicker__time-container
      .react-datepicker__time
      .react-datepicker__time-box
      ul.react-datepicker__time-list
      li.react-datepicker__time-list-item--selected {
        background-color: #216ba5;
        color: #fff;
        font-weight: 700;
      }

        .react-datepicker__time-container
        .react-datepicker__time
        .react-datepicker__time-box
        ul.react-datepicker__time-list
        li.react-datepicker__time-list-item--selected:hover {
          background-color: #216ba5;
        }

      .react-datepicker__time-container
      .react-datepicker__time
      .react-datepicker__time-box
      ul.react-datepicker__time-list
      li.react-datepicker__time-list-item--disabled {
        color: #ccc;
      }

        .react-datepicker__time-container
        .react-datepicker__time
        .react-datepicker__time-box
        ul.react-datepicker__time-list
        li.react-datepicker__time-list-item--disabled:hover {
          cursor: default;
          background-color: rgba(0, 0, 0, 0);
        }

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

  .react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer;
  }

    .react-datepicker__week-number.react-datepicker__week-number--clickable:not( .react-datepicker__week-number--selected ):hover {
      border-radius: 0.3rem;
      background-color: #f0f0f0;
    }

.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

  .react-datepicker__week-number--selected:hover {
    background-color: rgb(28.75, 93.2196969697, 143.75);
  }

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}

  .react-datepicker__day:not([aria-disabled="true"]):hover,
  .react-datepicker__month-text:not([aria-disabled="true"]):hover,
  .react-datepicker__quarter-text:not([aria-disabled="true"]):hover,
  .react-datepicker__year-text:not([aria-disabled="true"]):hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0;
  }

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: 700;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

  .react-datepicker__day--highlighted:not([aria-disabled="true"]):hover,
  .react-datepicker__month-text--highlighted:not([aria-disabled="true"]):hover,
  .react-datepicker__quarter-text--highlighted:not([aria-disabled="true"]):hover,
  .react-datepicker__year-text--highlighted:not([aria-disabled="true"]):hover {
    background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
  }

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: #f0f;
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}

  .react-datepicker__day--holidays .overlay,
  .react-datepicker__month-text--holidays .overlay,
  .react-datepicker__quarter-text--holidays .overlay,
  .react-datepicker__year-text--holidays .overlay {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 4px;
    border-radius: 4px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s ease-in-out;
  }

  .react-datepicker__day--holidays:not([aria-disabled="true"]):hover,
  .react-datepicker__month-text--holidays:not([aria-disabled="true"]):hover,
  .react-datepicker__quarter-text--holidays:not([aria-disabled="true"]):hover,
  .react-datepicker__year-text--holidays:not([aria-disabled="true"]):hover {
    background-color: rgb(207, 82.9642857143, 0);
  }

  .react-datepicker__day--holidays:hover .overlay,
  .react-datepicker__month-text--holidays:hover .overlay,
  .react-datepicker__quarter-text--holidays:hover .overlay,
  .react-datepicker__year-text--holidays:hover .overlay {
    visibility: visible;
    opacity: 1;
  }

.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__year-text--in-range,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

  .react-datepicker__day--in-range:not([aria-disabled="true"]):hover,
  .react-datepicker__day--in-selecting-range:not([aria-disabled="true"]):hover,
  .react-datepicker__day--selected:not([aria-disabled="true"]):hover,
  .react-datepicker__month-text--in-range:not([aria-disabled="true"]):hover,
  .react-datepicker__month-text--in-selecting-range:not( [aria-disabled="true"] ):hover,
  .react-datepicker__month-text--selected:not([aria-disabled="true"]):hover,
  .react-datepicker__quarter-text--in-range:not([aria-disabled="true"]):hover,
  .react-datepicker__quarter-text--in-selecting-range:not( [aria-disabled="true"] ):hover,
  .react-datepicker__quarter-text--selected:not([aria-disabled="true"]):hover,
  .react-datepicker__year-text--in-range:not([aria-disabled="true"]):hover,
  .react-datepicker__year-text--in-selecting-range:not( [aria-disabled="true"] ):hover,
  .react-datepicker__year-text--selected:not([aria-disabled="true"]):hover {
    background-color: rgb(28.75, 93.2196969697, 143.75);
  }

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: rgb(186.25, 217.0833333333, 241.25);
  color: #000;
}

  .react-datepicker__day--keyboard-selected:not([aria-disabled="true"]):hover,
  .react-datepicker__month-text--keyboard-selected:not( [aria-disabled="true"] ):hover,
  .react-datepicker__quarter-text--keyboard-selected:not( [aria-disabled="true"] ):hover,
  .react-datepicker__year-text--keyboard-selected:not( [aria-disabled="true"] ):hover {
    background-color: rgb(28.75, 93.2196969697, 143.75);
  }

.react-datepicker__day--in-selecting-range:not( .react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range ),
.react-datepicker__month-text--in-selecting-range:not( .react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range ),
.react-datepicker__quarter-text--in-selecting-range:not( .react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range ),
.react-datepicker__year-text--in-selecting-range:not( .react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range ) {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range
.react-datepicker__day--in-range:not( .react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range ),
.react-datepicker__month--selecting-range
.react-datepicker__month-text--in-range:not( .react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range ),
.react-datepicker__month--selecting-range
.react-datepicker__quarter-text--in-range:not( .react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range ),
.react-datepicker__month--selecting-range
.react-datepicker__year-text--in-range:not( .react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range ),
.react-datepicker__year--selecting-range
.react-datepicker__day--in-range:not( .react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range ),
.react-datepicker__year--selecting-range
.react-datepicker__month-text--in-range:not( .react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range ),
.react-datepicker__year--selecting-range
.react-datepicker__quarter-text--in-range:not( .react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range ),
.react-datepicker__year--selecting-range
.react-datepicker__year-text--in-range:not( .react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range ) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}

  .react-datepicker__day--disabled .overlay,
  .react-datepicker__month-text--disabled .overlay,
  .react-datepicker__quarter-text--disabled .overlay,
  .react-datepicker__year-text--disabled .overlay {
    position: absolute;
    bottom: 70%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 4px;
    border-radius: 4px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s ease-in-out;
  }

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

  .react-datepicker__input-container .react-datepicker__calendar-icon {
    position: absolute;
    padding: 0.5rem;
    box-sizing: initial;
  }

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0.3rem;
  position: relative;
}

  .react-datepicker__month-read-view:hover,
  .react-datepicker__month-year-read-view:hover,
  .react-datepicker__year-read-view:hover {
    cursor: pointer;
  }

    .react-datepicker__month-read-view:hover
    .react-datepicker__month-read-view--down-arrow,
    .react-datepicker__month-read-view:hover
    .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__month-year-read-view:hover
    .react-datepicker__month-read-view--down-arrow,
    .react-datepicker__month-year-read-view:hover
    .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__year-read-view:hover
    .react-datepicker__month-read-view--down-arrow,
    .react-datepicker__year-read-view:hover
    .react-datepicker__year-read-view--down-arrow {
      border-top-color: hsl(0, 0%, 70%);
    }

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown,
.react-datepicker__year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

  .react-datepicker__month-dropdown:hover,
  .react-datepicker__month-year-dropdown:hover,
  .react-datepicker__year-dropdown:hover {
    cursor: pointer;
  }

.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__month-option,
.react-datepicker__month-year-option,
.react-datepicker__year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

  .react-datepicker__month-option:first-of-type,
  .react-datepicker__month-year-option:first-of-type,
  .react-datepicker__year-option:first-of-type {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
  }

  .react-datepicker__month-option:last-of-type,
  .react-datepicker__month-year-option:last-of-type,
  .react-datepicker__year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }

  .react-datepicker__month-option:hover,
  .react-datepicker__month-year-option:hover,
  .react-datepicker__year-option:hover {
    background-color: #ccc;
  }

    .react-datepicker__month-option:hover
    .react-datepicker__navigation--years-upcoming,
    .react-datepicker__month-year-option:hover
    .react-datepicker__navigation--years-upcoming,
    .react-datepicker__year-option:hover
    .react-datepicker__navigation--years-upcoming {
      border-bottom-color: hsl(0, 0%, 70%);
    }

    .react-datepicker__month-option:hover
    .react-datepicker__navigation--years-previous,
    .react-datepicker__month-year-option:hover
    .react-datepicker__navigation--years-previous,
    .react-datepicker__year-option:hover
    .react-datepicker__navigation--years-previous {
      border-top-color: hsl(0, 0%, 70%);
    }

.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

  .react-datepicker__close-icon:after {
    cursor: pointer;
    background-color: #216ba5;
    color: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    padding: 2px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: "×";
  }

.react-datepicker__close-icon--disabled {
  cursor: default;
}

  .react-datepicker__close-icon--disabled:after {
    cursor: default;
    background-color: #ccc;
  }

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem;
  }

@media (max-height: 550px), (max-width: 400px) {
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

@font-face {
  font-family: RijksSans;
  font-style: normal;
  font-weight: 200 800;
  src: url(/static/rijks-sans-regular.woff2) format("woff2");
}

@font-face {
  font-family: RijksSans;
  font-style: italic;
  font-weight: 200 800;
  src: url(/static/rijks-sans-italic.woff2) format("woff2");
}

@font-face {
  font-family: "RO Serif";
  font-style: normal;
  font-weight: 400;
  src: url(/static/ro-serif-regular.woff2) format("woff2");
}

@font-face {
  font-family: "RO Serif";
  font-style: normal;
  font-weight: 700;
  src: url(/static/ro-serif-bold.woff2) format("woff2");
}

@font-face {
  font-family: "RO Serif";
  font-style: italic;
  font-weight: 400;
  src: url(/static/ro-serif-italic.woff2) format("woff2");
}

@font-face {
  font-family: Meta Sans;
  font-style: normal;
  font-weight: 400;
  src: url(/static/meta-sans-regular.woff2) format("woff2");
}

@font-face {
  font-family: Meta Sans;
  font-style: normal;
  font-weight: 700;
  src: url(/static/meta-sans-bold.woff2) format("woff2");
}

@font-face {
  font-family: Meta Sans;
  font-style: italic;
  font-weight: 400;
  src: url(/static/meta-sans-italic.woff2) format("woff2");
}

@font-face {
  font-family: "Meta Serif";
  font-style: normal;
  font-weight: 400;
  src: url(/static/meta-serif-regular.woff2) format("woff2");
}

@font-face {
  font-family: "Meta Serif";
  font-style: normal;
  font-weight: 700;
  src: url(/static/meta-serif-bold.woff2) format("woff2");
}

@font-face {
  font-family: "Meta Serif";
  font-style: italic;
  font-weight: 400;
  src: url(/static/meta-serif-italic.woff2) format("woff2");
}

@font-face {
  font-family: Noto Sans;
  font-style: normal;
  font-weight: 200 900;
  size-adjust: 87%;
  src: url(/static/NotoSans-VariableFont_wdth,wght.ttf) format("truetype");
}

@font-face {
  font-family: Noto Sans;
  font-style: italic;
  font-weight: 200 900;
  size-adjust: 87%;
  src: url(/static/NotoSans-Italic-VariableFont_wdth,wght.ttf) format("truetype");
}

@font-face {
  font-family: "Noto Serif";
  font-style: normal;
  font-weight: 200 900;
  size-adjust: 83%;
  src: url(/static/NotoSerif-VariableFont_wdth,wght.ttf) format("truetype");
}

@font-face {
  font-family: "Noto Serif";
  font-style: italic;
  font-weight: 200 900;
  size-adjust: 83%;
  src: url(/static/NotoSerif-Italic-VariableFont_wdth,wght.ttf) format("truetype");
}

@font-face {
  font-family: RO Icons;
  font-style: normal;
  font-weight: 400;
  src: url(/static/ro-icons.woff2) format("woff2");
}

@font-face {
  font-family: RO Sans;
  font-style: normal;
  font-weight: 400;
  src: url(/static/rijks-sans-regular.woff2) format("woff2");
}

@font-face {
  font-family: RO Sans;
  font-style: normal;
  font-weight: 700;
  src: url(/static/rijks-sans-regular.woff2) format("woff2");
}

@font-face {
  font-family: RO Sans;
  font-style: italic;
  font-weight: 400;
  src: url(/static/rijks-sans-italic.woff2) format("woff2");
}

@font-face {
  font-family: RO Sans;
  font-style: italic;
  font-weight: 700;
  src: url(/static/rijks-sans-italic.woff2) format("woff2");
}

.results-heading {
  padding-block-end: 8px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.results-heading__title {
  align-items: baseline;
  color: var(--gray-500);
  font-size: clamp( var(--font-size-step-2), 1.493vw + 0.847rem, var(--font-size-step-4) );
  line-height: clamp( var(--line-height-step-2), 1.493vw + 1.285rem, var(--line-height-step-4) );
  font-weight: 400;
  margin-block-end: 8px;
}

.results-heading__amount {
  color: var(--black);
  font-size: clamp( var(--font-size-step-4), 2.985vw + 0.694rem, var(--font-size-step-6) );
  line-height: clamp( var(--line-height-step-4), 2.239vw + 1.333rem, var(--line-height-step-6) );
  font-weight: 400;
  margin-inline-end: 4px;
}

.results-heading__search-term {
  color: var(--black);
}

  .results-heading__search-term strong {
    font-weight: 700;
  }

.results-heading__copy-error-notification {
  margin-block-start: 32px;
  margin-inline: -16px;
}

@media (min-width: 768px) {
  .results-heading__copy-error-notification {
    margin-inline: 0;
  }
}

.results-heading .notification {
  display: flex;
  flex-direction: column;
}

.results-heading__truncate-link {
  min-width: 0;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ComponentValidationError pre {
  white-space: pre-wrap;
  line-height: 1.75rem;
  font-size: 0.8rem;
}