@charset "UTF-8";
*:where(:not(iframe, canvas, img, video, audio, hr, sup, sub):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

summary::marker {
  display: none;
  content: "";
}

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

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

a, button {
  cursor: revert;
}

img,
video,
canvas,
iframe {
  max-width: 100%;
}

table {
  border-collapse: collapse;
}

input, textarea {
  -webkit-user-select: auto;
  user-select: auto;
}

textarea {
  white-space: revert;
}

select {
  appearance: revert;
}

meter {
  -webkit-appearance: revert;
  appearance: revert;
}

:where(pre) {
  all: revert;
  box-sizing: border-box;
}

::placeholder {
  color: unset;
}

::marker {
  content: initial;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  line-break: auto;
  -webkit-user-select: auto;
  user-select: auto;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
  box-sizing: border-box;
}

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

#root, #__next {
  isolation: isolate;
}

.print\:only, .print\:is-visible, .print\:show {
  display: none !important;
}

@media print {
  .print\:hidden, .print\:is-hidden {
    display: none !important;
  }
  .print\:shadow-none {
    box-shadow: none;
  }
  .print\:only, .print\:is-visible, .print\:show {
    display: block !important;
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-bounce {
  0%, 50%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.toggle.toggle--close .line-1,
.toggle [aria-expanded=true] .line-1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
}
.toggle.toggle--close .line-2,
.toggle [aria-expanded=true] .line-2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
}
.toggle.toggle--close .line-3,
.toggle [aria-expanded=true] .line-3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
}

.info > :first-child, .info [class*=spotlight-] > :first-child,
.info [class*=quote-] > :first-child,
.info [class*=alert-] > :first-child {
  margin-top: 0;
}
.info > :last-child, .info [class*=spotlight-] > :last-child,
.info [class*=quote-] > :last-child,
.info [class*=alert-] > :last-child {
  margin-bottom: 0;
}

.compact-contact__hours-info .btn-link, .hero__controls .btn-link, .item__buttons .btn-link, .vstack .item__content .btn-link {
  padding-block: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.title {
  color: var(--heading-color);
  font-weight: var(--heading-font-weight);
  font-family: var(--heading-font-family);
  line-height: var(--heading-line-height);
}
h1:not(:last-child),
h2:not(:last-child),
h3:not(:last-child),
h4:not(:last-child),
h5:not(:last-child),
h6:not(:last-child),
.title:not(:last-child) {
  --heading-margin-bottom: 0.6em;
  margin-bottom: var(--heading-margin-bottom);
}

h1 {
  font-size: var(--h1-font-size);
}

h2 {
  font-size: var(--h2-font-size);
}

h3 {
  font-size: var(--h3-font-size);
}

h4 {
  font-size: var(--h4-font-size);
}

h5 {
  font-size: var(--h5-font-size);
}

h6 {
  font-size: var(--h6-font-size);
}

h1 .drop,
h2 .drop {
  transform-box: fill-box;
  transform-origin: 50% 100%;
  fill: var(--color1-base);
}
h1,
h2 {
  /* grote druppel rechtsboven */
}
h1 .drop-1,
h2 .drop-1 {
  animation: drip-1 10s ease-in-out infinite;
}
h1,
h2 {
  /* onderste brede druppel */
}
h1 .drop-2,
h2 .drop-2 {
  animation: drip-2 10s ease-in-out infinite;
}
h1,
h2 {
  /* kleine druppel linksboven */
}
h1 .drop-3,
h2 .drop-3 {
  transform-origin: 50% 0%;
  animation: drip-3 10s ease-in-out infinite;
}
@keyframes drip-1 {
  0% {
    transform: translateY(0) scale(1, 1);
  }
  3% {
    transform: translateY(-6px) scale(0.92, 1.12);
  }
  6% {
    transform: translateY(2px) scale(1.08, 0.9);
  }
  9% {
    transform: translateY(-2px) scale(0.98, 1.03);
  }
  12% {
    transform: translateY(0) scale(1, 1);
  }
  100% {
    transform: translateY(0) scale(1, 1);
  }
}
@keyframes drip-2 {
  0% {
    transform: translateY(0) scale(1, 1);
  }
  4% {
    transform: translateY(-3px) scale(1.05, 0.95);
  }
  8% {
    transform: translateY(1px) scale(0.96, 1.05);
  }
  11% {
    transform: translateY(0) scale(1, 1);
  }
  100% {
    transform: translateY(0) scale(1, 1);
  }
}
@keyframes drip-3 {
  0% {
    transform: translateY(0) scale(1, 1);
    opacity: 1;
  }
  5% {
    transform: translateY(10px) scale(0.6, 0.6);
    opacity: 0.3;
  }
  8% {
    transform: translateY(0) scale(1.15, 1.15);
    opacity: 1;
  }
  11% {
    transform: translateY(0) scale(1, 1);
  }
  100% {
    transform: translateY(0) scale(1, 1);
  }
}

html,
body {
  height: 100%;
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 62.5%;
}
html.no-scroll {
  overflow: hidden;
  position: relative;
}

body {
  color: var(--body-color);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  font-family: var(--body-font-family);
  background-color: var(--body-background-color);
  line-height: var(--body-line-height);
}
body:has(.menu.is-active) {
  --linktag-zindex: -1;
}
body:has(.menu.is-active) .header__search {
  visibility: hidden;
}
body:has(.header__search.is-active) .menu-toggle,
body:has(.header__search.is-active) .btn-toggle-menu {
  visibility: hidden;
}
body {
  min-width: 32rem;
}

a:focus-visible,
button:focus-visible {
  --focus-offset-shadow: 0 0 0 var(--focus-offset-width) var(--focus-offset-color);
  --focus-shadow: 0 0 0 calc(var(--focus-width) + var(--focus-offset-width)) var(--focus-color);
  box-shadow: var(--focus-offset-shadow), var(--focus-shadow), var(--shadow, 0 0 var(--black));
  outline: none;
}
a:active,
button:active {
  outline-offset: var(--outline-offset, var(--outline-offset-width));
  outline: var(--outline-width) var(--outline-style) var(--outline-color);
}

a {
  transition: all 0.2s ease-in-out;
  color: var(--link-color);
}
@media (hover: hover) {
  a:hover {
    color: var(--link-color-hover);
  }
}
a:focus-visible {
  color: var(--link-color-hover);
}
a {
  text-decoration: currentColor underline solid auto;
  text-underline-offset: 0.3rem;
  transition-property: color, background-color, border, text-decoration;
}
@media (width >= 64em) {
  p {
    --info-char: 75ch;
    max-width: var(--info-char);
    text-wrap: pretty;
  }
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

b,
strong {
  font-weight: 700;
}

em,
i {
  font-style: italic;
}

@media (prefers-reduced-motion: reduce), (update: slow) {
  :root {
    --transition-duration-base: 0.02s;
  }
}
.wave-wrapper {
  position: relative;
  z-index: 19;
  padding-bottom: 10rem;
}
.wave-wrapper .wave--top {
  top: 0rem;
}
.wave {
  position: absolute; /* of relative, naar context */
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  height: 80px;
  line-height: 0;
}
.wave--top {
  top: 0;
}
.wave--bottom {
  bottom: 0;
}

.container, .content .container-wrapper, .header__search.has-overlay .search, .main__container, .breadcrumb-main .breadcrumb__wrapper, .hero--slideshow .hero__container,
.container-fluid {
  margin-inline: auto;
  width: min(var(--container-max-width, 100%), 100% - var(--container-column-gap, var(--spacing-md)) * 2);
}
@media (width >= 48em) {
  .container, .content .container-wrapper, .header__search.has-overlay .search, .main__container, .breadcrumb-main .breadcrumb__wrapper, .hero--slideshow .hero__container,
  .container-fluid {
    --container-column-gap: var(--spacing-content);
  }
}
@media (width >= 80em) {
  .container, .content .container-wrapper, .header__search.has-overlay .search, .main__container, .breadcrumb-main .breadcrumb__wrapper, .hero--slideshow .hero__container,
  .container-fluid {
    --container-column-gap: var(--spacing-section);
  }
}

@media (width >= 90em) {
  .container, .content .container-wrapper, .header__search.has-overlay .search, .main__container, .breadcrumb-main .breadcrumb__wrapper, .hero--slideshow .hero__container {
    --container-max-width: 1600px;
  }
}

/* Colors Variables */
:root, [data-theme=main] {
  --focus: hsl(190, 90%, 50%);
  --black: hsl(234, 61%, 12%);
  --white: hsl(0, 0%, 100%);
  --color1-darker: hsl(201, 100%, 18%);
  --color1-dark: hsl(201, 97%, 28%);
  --color1-base: hsl(203, 85%, 37%);
  --color1-light: hsl(204, 75%, 87%);
  --color1-lighter: hsl(203, 100%, 94%);
  --color1-lightest: hsl(204, 100%, 98%);
  --color2-darker: hsl(358, 91%, 31%);
  --color2-dark: hsl(358, 70%, 41%);
  --color2-base: hsl(5, 86%, 56%);
  --color2-light: hsl(37, 100%, 86%);
  --color2-lighter: hsl(38, 100%, 93%);
  --color2-lightest: hsl(47, 100%, 98%);
  --color3-darker: hsl(45, 98%, 38%);
  --color3-dark: hsl(48, 98%, 45%);
  --color3-base: hsl(48, 100%, 51%);
  --color3-light: hsl(48, 83%, 89%);
  --color3-lighter: hsl(47, 100%, 95%);
  --color3-lightest: hsl(47, 100%, 95%);
  --gray-darker: hsl(0, 0%, 20%);
  --gray-dark: hsl(0, 0%, 46%);
  --gray-base: hsl(0, 0%, 64%);
  --gray-light: hsl(0, 6%, 87%);
  --gray-lighter: hsl(0, 0%, 96%);
}

[data-theme=contrast] {
  --focus: hsl(45, 100%, 51%);
  --black: hsl(0, 0%, 0%);
  --white: hsl(0, 0%, 100%);
  --color1-darker: hsl(210, 11%, 15%);
  --color1-dark: hsl(210, 11%, 15%);
  --color1-base: hsl(210, 11%, 15%);
  --color1-light: hsl(210, 14%, 83%);
  --color1-lighter: hsl(210, 17%, 98%);
  --color1-lightest: hsl(210, 17%, 98%);
  --color2-darker: hsl(210, 11%, 15%);
  --color2-dark: hsl(210, 11%, 15%);
  --color2-base: hsl(210, 11%, 15%);
  --color2-light: hsl(210, 14%, 83%);
  --color2-lighter: hsl(210, 17%, 98%);
  --color2-lightest: hsl(210, 17%, 98%);
  --color3-darker: hsl(210, 11%, 15%);
  --color3-dark: hsl(210, 11%, 15%);
  --color3-base: hsl(210, 11%, 15%);
  --color3-light: hsl(210, 14%, 83%);
  --color3-lighter: hsl(210, 17%, 98%);
  --color3-lightest: hsl(210, 17%, 98%);
  --gray-darker: hsl(0, 0%, 0%);
  --gray-dark: hsl(210, 11%, 15%);
  --gray-base: hsl(210, 11%, 15%);
  --gray-light: hsl(210, 14%, 83%);
  --gray-lighter: hsl(210, 17%, 98%);
}

@property --icon-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
/* Root variabelen */
:root {
  --font-family-fira-sans: "fira-sans", Arial, Helvetica, "Helvetica Neue", sans-serif;
  --font-family-hegante-display: "hegante-display", Georgia, "Times New Roman", Times, serif;
  --spacing-3xs: calc(0.32rem * var(--spacing-scaler, 1));
  --spacing-2xs: calc(0.42rem * var(--spacing-scaler, 1));
  --spacing-xs: calc(0.8rem * var(--spacing-scaler, 1));
  --spacing-sm: calc(1.2rem * var(--spacing-scaler, 1));
  --spacing-md: calc(1.8rem * var(--spacing-scaler, 1));
  --spacing-lg: calc(2.4rem * var(--spacing-scaler, 1));
  --spacing-xl: calc(3rem * var(--spacing-scaler, 1));
  --spacing-content: calc(4.1rem * var(--spacing-scaler, 1));
  --spacing-section: calc(8.2rem * var(--spacing-scaler, 1));
  --grid-columns: 12;
  --grid-column-gap: 6rem;
  --grid-row-gap: 6rem;
  --h6-font-size: var(--body-font-size);
  --h5-font-size: calc(var(--h6-font-size) * var(--font-scaler, 1.11));
  --h4-font-size: calc(var(--h5-font-size) * var(--font-scaler, 1.11));
  --h3-font-size: calc(var(--h4-font-size) * var(--font-scaler, 1.11));
  --h2-font-size: calc(var(--h3-font-size) * var(--font-scaler, 1.11));
  --h1-font-size: calc(var(--h2-font-size) * var(--font-scaler, 1.11));
  --font-size-sm: calc(1.5rem * var(--font-scaler, 1));
  --font-size-md: calc(1.6rem * var(--font-scaler, 1));
  --font-size-lg: calc(1.9rem * var(--font-scaler, 1));
  --focus-width: 0.2rem;
  --focus-color: var(--focus);
  --focus-offset-width: 0rem;
  --focus-offset-color: var(--body-background-color);
  --outline-width: 0.2rem;
  --outline-style: dotted;
  --outline-color: #dee2e6;
  --outline-offset-width: 0rem;
  --body-color: var(--black);
  --body-font-size: 1.6rem;
  --body-font-weight: 300;
  --body-font-family: var(--font-family-fira-sans);
  --body-background-color: var(--white);
  --body-line-height: 1.4;
  --heading-color: inherit;
  --heading-font-weight: 600;
  --heading-font-family: var(--font-family-fira-sans);
  --heading-line-height: 1.2;
  --link-color: var(--color1-base);
  --link-color-hover: var(--color2-base);
  --border-radius-sm: 0.8rem;
  --border-radius-md: 1.2rem;
  --border-radius-lg: 3rem;
}
@media (width >= 64em) {
  :root {
    --body-font-size: 1.75rem;
  }
}
@media (width >= 48em) {
  :root {
    --font-scaler: 1.13;
  }
}
@media (width >= 90em) {
  :root {
    --font-scaler: 1.15;
  }
}
@media (width >= 48em) {
  :root {
    --spacing-scaler: 1.13;
  }
}
@media (width >= 80em) {
  :root {
    --spacing-scaler: 1.17;
  }
}
:root {
  --linktag-zindex: 1070;
  --ai-search-primary: var(--color1-base);
  --flowise-color: var(--color1-base);
}

:root, :host {
  --icon-color: currentColor;
  --icon-scale: 0.8;
  --icon-size: 1lh;
  --icon-column-gap: var(--spacing-2xs);
}

/*-------------------------------------**
|  Content-blocks | skin - declarations  |
**-------------------------------------*/
[data-icon] {
  flex-shrink: 0;
  width: auto;
  height: calc(var(--icon-size, 1lh) * var(--icon-scale, 1));
  display: inline-flex;
  aspect-ratio: var(--icon-aspect-ratio-width, 1)/var(--icon-aspect-ratio-height, 1);
}
[data-icon] {
  fill: var(--icon-color);
  transition: all 0.2s ease-in-out, --icon-color 0.2s ease-in-out;
}

[class*=btn-],
button {
  transition: all 0.2s ease-in-out;
  position: relative;
  color: var(--body-color);
  background-color: var(--gray-light);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: 3rem;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  cursor: pointer;
  transition-property: color, background-color, border-color, text-decoration;
}
@media (hover: hover) {
  [class*=btn-]:hover,
  button:hover {
    color: var(--white);
    background-color: var(--gray-darker);
    --icon-color: currentColor;
  }
}
[class*=btn-]:focus-visible,
button:focus-visible {
  color: var(--white);
  background-color: var(--gray-darker);
  --icon-color: currentColor;
}
[class*=btn-]:active:not(:disabled),
button:active:not(:disabled) {
  transform: scale(var(--btn-pressed-scale, 0.97));
  transition: transform 120ms var(--ease-out, cubic-bezier(0.23, 1, 0.32, 1));
}
[class*=btn-]:has(> [data-icon]),
button:has(> [data-icon]) {
  display: var(--icon-display, inline-flex);
  column-gap: var(--icon-column-gap);
  grid-template-columns: auto 1fr;
}
[class*=btn-]:has(> [data-icon]) > :not([data-icon]),
button:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
[class*=btn-]:has(> [data-icon]) > [data-icon],
button:has(> [data-icon]) > [data-icon] {
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
  align-self: var(--icon-align-self, start);
}
[class*=btn-]:disabled,
button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
[class*=list-] {
  --link-color: var(--body-color);
}
[class*=list-],
[class*=list-] ul {
  list-style: none;
  padding-left: 0;
}
[class*=list-] .list__link {
  text-decoration-color: transparent;
}
@media (hover: hover) {
  [class*=list-] .list__link:hover {
    text-decoration-color: currentColor;
  }
}
[class*=list-] .list__link:focus-visible {
  text-decoration-color: currentColor;
}

[class*=nav-] {
  display: var(--nav-display, flex);
  flex-wrap: wrap;
  margin-block: 0;
  list-style: none;
  padding-left: 0;
}
.nav-menu {
  gap: var(--spacing-xs);
}
.nav__item {
  display: flex;
}
.nav__link {
  color: var(--color1-base);
  background-color: transparent;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: 3rem;
  text-decoration: none;
  display: inline-flex;
  justify-content: flex-start;
}
@media (hover: hover) {
  .nav__link:hover {
    color: var(--white);
    background-color: var(--color2-base);
    --icon-color: currentColor;
  }
}
.nav__link:focus-visible {
  color: var(--white);
  background-color: var(--color2-base);
  --icon-color: currentColor;
}
.nav__title {
  font-weight: 500;
}

[class*=box-] {
  color: var(--body-color);
  background-color: var(--color1-lightest);
  padding: var(--spacing-xl) var(--spacing-lg);
  border-radius: var(--border-radius-md);
}
[class*=alertbox-] {
  color: var(--body-color);
  background-color: var(--color1-lightest);
  padding: var(--spacing-md) var(--spacing-md);
  border-radius: var(--border-radius-md);
}
.box__title, .box__subtitle {
  color: var(--heading-color);
  font-weight: var(--heading-font-weight);
  font-family: var(--heading-font-family);
  line-height: var(--heading-line-height);
}
.box__title:not(:last-child), .box__subtitle:not(:last-child) {
  --heading-margin-bottom: 0.6em;
  margin-bottom: var(--heading-margin-bottom);
}
.box__title, .box__subtitle {
  font-size: var(--box-font-size, var(--h4-font-size));
  --heading-color: var(--color1-base);
}
.box__subtitle-link {
  --link-color: var(--color1-base);
  --link-color-hover: var(--color1-dark);
}
table, [class*=table-] {
  display: block;
  width: 100%;
  border-collapse: collapse;
  color: var(--body-color);
}
table, [class*=table-] {
  --table-padding-vertical: var(--spacing-xs);
  --table-padding-horizontal: var(--spacing-sm);
  --table-border-color: var(--color1-lighter);
}

table th, table td {
  padding: var(--table-padding-vertical, var(--spacing-xs)) var(--table-padding-horizontal, var(--spacing-sm));
  vertical-align: top;
  border-top: 0.1rem solid var(--table-border-color, var(--color1-lighter));
}
table thead th {
  border-top: none;
  border-bottom: 0.2rem solid var(--table-border-color, var(--color1-lighter));
}
table caption {
  color: var(--gray-dark);
  caption-side: bottom;
  text-align: left;
}
table tbody + tbody {
  border-top: 0.2rem solid var(--table-border-color, var(--color1-lighter));
}

.btn-default, .pagination__link, .openings__btn-today, .btn-totop {
  color: var(--body-color);
  background-color: var(--body-background-color);
  border: 0.1rem var(--color1-lighter) solid;
}
.btn-primary, .btn-az, .breadcrumb .btn-expand, .info .btn_cta,
.info .btn-cta {
  color: var(--white);
  background-color: var(--color1-base);
}
@media (hover: hover) {
  .btn-primary:hover, .btn-az:hover, .breadcrumb .btn-expand:hover, .info .btn_cta:hover,
  .info .btn-cta:hover {
    color: var(--white);
    background-color: var(--color2-base);
  }
}
.btn-primary:focus-visible, .btn-az:focus-visible, .breadcrumb .btn-expand:focus-visible, .info .btn_cta:focus-visible,
.info .btn-cta:focus-visible {
  color: var(--white);
  background-color: var(--color2-base);
}

.btn-secondary, .info .btn_cta2,
.info .btn-cta2, .info .procedure-links .btn-cta:last-child {
  color: var(--white);
  background-color: var(--color2-base);
}
@media (hover: hover) {
  .btn-secondary:hover, .info .btn_cta2:hover,
  .info .btn-cta2:hover, .info .procedure-links .btn-cta:hover:last-child {
    color: var(--white);
    background-color: var(--color1-base);
  }
}
.btn-secondary:focus-visible, .info .btn_cta2:focus-visible,
.info .btn-cta2:focus-visible, .info .procedure-links .btn-cta:focus-visible:last-child {
  color: var(--white);
  background-color: var(--color1-base);
}

.btn-link, .btn-showall {
  color: var(--link-color);
  font-weight: 300;
  padding-block: var(--spacing-sm);
  padding-inline: 0;
  background-color: initial;
  border-radius: initial;
}
@media (hover: hover) {
  .btn-link:hover, .btn-showall:hover {
    color: var(--link-color-hover);
    background-color: initial;
  }
}
.btn-link:focus-visible, .btn-showall:focus-visible {
  color: var(--link-color-hover);
  background-color: initial;
}

.btn-redlink {
  color: var(--link-color-hover);
  font-weight: 300;
  padding-block: var(--spacing-sm);
  padding-inline: 0;
  background-color: initial;
  border-radius: initial;
}
@media (hover: hover) {
  .btn-redlink:hover {
    color: var(--link-color);
    background-color: initial;
  }
}
.btn-redlink:focus-visible {
  color: var(--link-color);
  background-color: initial;
}

.btn-tag {
  color: var(--body-color);
  background-color: initial;
  border: 0.1rem var(--color1-lighter) solid;
  font-size: var(--font-size-sm);
  font-weight: 500;
  padding: var(--spacing-2xs) var(--spacing-xs);
  border-radius: var(--border-radius-md);
}
.btn-totop {
  color: var(--white);
  background-color: var(--color2-base);
  border-color: var(--color2-base);
  font-size: 1.4rem;
  font-weight: 600;
}
@media (hover: hover) {
  .btn-totop:hover {
    color: var(--white);
    background-color: var(--color1-base);
    border-color: var(--color1-base);
  }
}
.btn-totop:focus-visible {
  color: var(--white);
  background-color: var(--color1-base);
  border-color: var(--color1-base);
}

.btn-share {
  color: var(--color1-base);
  background-color: var(--color1-lightest);
  border-color: var(--color1-lightest);
  font-size: 1.4rem;
  font-weight: 600;
}
@media (hover: hover) {
  .btn-share:hover {
    color: var(--white);
    background-color: var(--color1-base);
    border-color: var(--color1-base);
  }
}
.btn-share:focus-visible {
  color: var(--white);
  background-color: var(--color1-base);
  border-color: var(--color1-base);
}

.btn-link, .btn-showall {
  text-decoration: currentColor underline solid auto;
  text-underline-offset: 0.3rem;
  transition-property: color, background-color, border, text-decoration;
}
.btn-link:active, .btn-showall:active {
  transform: none !important;
}

.btn-rss {
  justify-content: flex-start;
  padding-block: 0;
  width: fit-content;
}

@media (hover: hover) {
  .btn-remove:hover {
    background-color: #dc3545;
    color: #fff;
  }
}
.btn-remove:focus-visible {
  background-color: #dc3545;
  color: #fff;
}

.btn-tag {
  color: var(--body-color);
  background-color: var(--gray-lighter);
  border: var(--gray-light);
  font-weight: 300;
  padding: var(--spacing-3xs) var(--spacing-xs);
  font-size: var(--font-size-sm);
  border-radius: var(--border-radius-md);
}

.btn-toggle-contrast {
  padding-block: 0;
  column-gap: var(--spacing-sm) !important;
  --icon-column-gap: var(--spacing-md);
}

.nav-breadcrumb .nav__link {
  color: var(--link-color);
  background-color: initial;
  padding-inline: 0;
  padding-block: 0;
}
@media (hover: hover) {
  .nav-breadcrumb .nav__link:hover {
    color: var(--link-color-hover);
    background-color: initial;
  }
}
.nav-breadcrumb .nav__link:focus-visible {
  color: var(--link-color-hover);
  background-color: initial;
}

.nav-pagination .nav__link {
  color: var(--link-color);
  background-color: initial;
  padding-inline: 0;
  border-radius: initial;
}
@media (hover: hover) {
  .nav-pagination .nav__link:hover {
    color: var(--link-color-hover);
    background-color: initial;
  }
}
.nav-pagination .nav__link:focus-visible {
  color: var(--link-color-hover);
  background-color: initial;
}

.list-inline, .cookie-compliance__actions, .footer__bottom .footer__row, .list-social, .logos__list, .filter-tags__list, .info__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  column-gap: var(--spacing-xs);
  row-gap: var(--spacing-xs);
}
.list-vstack, .timeline__list, .sitemap__list, .filter-facet__list, .list-filter, .dropdown__list, .meta .dropdown__menu .nav-meta, .vstack {
  display: flex;
  flex-direction: column;
  row-gap: var(--vstack-row-gap, var(--spacing-md));
}
.list-hstack {
  display: flex;
  flex-wrap: wrap;
  --flex-column-gap: var(--grid-column-gap);
  --flex-row-gap: var(--grid-row-gap);
  --flex-columns: var(--grid-columns);
  --flex-column-span: var(--grid-columns);
  gap: var(--flex-row-gap) var(--flex-column-gap);
}
.list-hstack > * {
  width: calc((100% - (var(--flex-columns) - 1) * var(--flex-column-gap)) * var(--flex-column-span) / var(--flex-columns) + (var(--flex-column-span) - 1) * var(--flex-column-gap));
  flex: initial;
  min-width: 0;
}
@media (width >= 48em) {
  .list-hstack {
    --flex-column-span: 6;
  }
}
@media (width >= 64em) {
  .list-hstack {
    --flex-column-span: 4;
  }
}

.list-variant .list__item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.list-variant .list__item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2rem;
  border-bottom: 0.2rem solid var(--list-border-variant, transparent);
  transition: all 0.2s ease-in-out;
}
.list-variant .list__link {
  color: var(--heading-color);
  font-weight: var(--heading-font-weight);
  font-family: var(--heading-font-family);
  line-height: var(--heading-line-height);
}
.list-variant .list__link {
  font-size: var(--h5-font-size);
}
.list-variant .list__link {
  --heading-color: var(--color1-base);
  --heading-font-weight: 500;
  text-decoration: none;
}
.list-variant .list__title-icon {
  color: var(--color2-base);
}
.list-variant .list__divider {
  opacity: 0.4;
}
@media (hover: hover) {
  .list-variant .link-hover:hover .list__link {
    color: var(--color2-base);
  }
  .list-variant .link-hover:hover .list__title {
    text-decoration: underline;
  }
  .list-variant .link-hover:hover .list__title-icon {
    transform: translateX(4px);
  }
  .list-variant .link-hover:hover .list__divider path {
    stroke: var(--color2-base);
    opacity: 0.6;
  }
}
.list-variant .link-hover:focus-visible .list__link, .list-variant .link-hover:focus-within .list__link {
  color: var(--color2-base);
}
.list-variant .link-hover:focus-visible .list__title, .list-variant .link-hover:focus-within .list__title {
  text-decoration: underline;
}
.list-variant .link-hover:focus-visible .list__title-icon, .list-variant .link-hover:focus-within .list__title-icon {
  transform: translateX(4px);
}
.list-variant .link-hover:focus-visible .list__divider path, .list-variant .link-hover:focus-within .list__divider path {
  stroke: var(--color2-base);
  opacity: 0.6;
}

.list-cta .list__link {
  transition: all 0.2s ease-in-out;
  position: relative;
  color: var(--body-color);
  background-color: var(--gray-light);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: 3rem;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  cursor: pointer;
  transition-property: color, background-color, border-color, text-decoration;
}
@media (hover: hover) {
  .list-cta .list__link:hover {
    color: var(--white);
    background-color: var(--gray-darker);
    --icon-color: currentColor;
  }
}
.list-cta .list__link:focus-visible {
  color: var(--white);
  background-color: var(--gray-darker);
  --icon-color: currentColor;
}
.list-cta .list__link:active:not(:disabled) {
  transform: scale(var(--btn-pressed-scale, 0.97));
  transition: transform 120ms var(--ease-out, cubic-bezier(0.23, 1, 0.32, 1));
}
.list-cta .list__link:has(> [data-icon]) {
  display: var(--icon-display, inline-flex);
  column-gap: var(--icon-column-gap);
  grid-template-columns: auto 1fr;
}
.list-cta .list__link:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.list-cta .list__link:has(> [data-icon]) > [data-icon] {
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
  align-self: var(--icon-align-self, start);
}
.list-cta .list__link {
  color: var(--white);
  background-color: var(--color1-base);
}
@media (hover: hover) {
  .list-cta .list__link:hover {
    color: var(--white);
    background-color: var(--color2-base);
  }
}
.list-cta .list__link:focus-visible {
  color: var(--white);
  background-color: var(--color2-base);
}

.list-icon li > [data-icon] {
  --icon-color: var(--color1-base);
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
}
.list-icon .list__item:has(> [data-icon]) {
  display: var(--icon-display, inline-flex);
  column-gap: var(--icon-column-gap);
  grid-template-columns: auto 1fr;
}
.list-icon .list__item:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.list-icon .list__item:has(> [data-icon]) > [data-icon] {
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
  align-self: var(--icon-align-self, start);
}

.box-default {
  color: var(--body-color);
  background-color: var(--color1-lightest);
  border: 0.1rem var(--color1-lighter) solid;
}
.box-primary {
  color: var(--body-color);
  background-color: var(--white);
  border: 0.1rem var(--color1-lighter) solid;
}
.alertbox-info {
  color: hsl(190, 90%, 20%);
  background-color: hsl(191, 88%, 90%);
}
.alertbox-succes {
  color: hsl(152, 69%, 19%);
  background-color: hsl(153, 31%, 86%);
}
.alertbox-warning {
  color: hsl(45, 94%, 21%);
  background-color: hsl(46, 100%, 90%);
}
.alertbox-danger {
  color: hsl(355, 61%, 32%);
  background-color: hsl(355, 70%, 91%);
}
.box-details {
  color: var(--body-color);
  background-color: var(--color1-lightest);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--border-radius-md);
  border: 0.1rem var(--color1-lighter) solid;
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive:not(:last-child) {
  --paragraph-margin-bottom: var(--spacing-md);
  margin-bottom: var(--paragraph-margin-bottom);
}

.table-bordered {
  border: 0.1rem solid var(--table-border-color, var(--color1-lighter));
}
.table-bordered td, .table-bordered th {
  border: 0.1rem solid var(--table-border-color, var(--color1-lighter));
}

.table-condensed {
  --table-padding-vertical: var(--spacing-2xs);
  --table-padding-horizontal: var(--spacing-xs);
}

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
  background-color: rgba(0, 0, 0, 0.05);
}

@media (hover: hover) {
  .table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: rgba(0, 0, 0, 0.075);
  }
}
.table-hover tbody tr:focus-visible td, .table-hover tbody tr:focus-visible th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-content td, .info table td, .table-content th, .info table th {
  border: 0.1rem solid var(--table-border-color, var(--color1-lighter));
}
.table-content thead th, .info table thead th {
  font-weight: bold;
}
.table-content tbody th, .info table tbody th {
  color: var(--color1-base);
  font-weight: bold;
}

.table-color thead th {
  background-color: var(--color1-base);
  color: var(--white);
  border-color: var(--color1-base);
}
.table-color {
  color: var(--white);
}
.dl__term:has(> [data-icon]) {
  display: var(--icon-display, inline-flex);
  column-gap: var(--spacing-2xs);
  grid-template-columns: auto 1fr;
}
.dl__term:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.dl__term:has(> [data-icon]) > [data-icon] {
  --icon-scale: 0.8;
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
  align-self: var(--icon-align-self, start);
}

.dl-hstack {
  container: dl-hstack/inline-size;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--dl-row-gap, var(--spacing-xs)) var(--spacing-sm);
}
.dl-hstack__term {
  font-weight: 500;
  color: var(--gray-dark);
  grid-column: 1;
}
.dl-hstack__description {
  color: var(--gray-dark);
  grid-column: 2;
}
.dl-hstack--right {
  grid-template-columns: 1fr auto;
}
.dl-hstack--right .dl-hstack__description {
  text-align: right;
  justify-self: end;
}
.dl-hstack--inline {
  display: block;
}
.dl-hstack--inline .dl-hstack__term {
  display: inline;
}
.dl-hstack--inline .dl-hstack__term > span::after {
  content: ": ";
}
.dl-hstack--inline .dl-hstack__term [data-icon] {
  vertical-align: middle;
  margin-block: unset;
}
.dl-hstack--inline .dl-hstack__description {
  display: inline;
}
.dl-hstack--inline .dl-hstack__description::after {
  content: "";
  display: block;
  margin-bottom: var(--dl-row-gap, var(--spacing-xs));
}
.dl-hstack--inline .dl-hstack__description:last-of-type::after {
  margin-bottom: 0;
}
.dl-hstack--inline.dl-hstack--bordered {
  padding-block: var(--dl-row-gap, var(--spacing-xs));
}
.dl-hstack--inline.dl-hstack--bordered .dl-hstack__term {
  position: relative;
}
.dl-hstack--inline.dl-hstack--bordered .dl-hstack__term:not(:first-of-type)::before {
  content: "";
  position: absolute;
  top: calc(var(--dl-row-gap, var(--spacing-xs)) / 2 * -1);
  left: -9999px;
  right: -9999px;
  height: 0.1rem;
  background-color: var(--dl-border-color, var(--color1-lighter));
}
.dl-hstack--right-inline {
  grid-template-columns: 1fr auto;
}
.dl-hstack--right-inline .dl-hstack__description {
  text-align: right;
  justify-self: end;
}
.dl-hstack--bordered {
  row-gap: 0;
  overflow: hidden;
}
.dl-hstack--bordered .dl__term,
.dl-hstack--bordered .dl-hstack__description {
  padding-block: var(--dl-row-gap, var(--spacing-xs));
}
.dl-hstack--bordered .dl-hstack__term {
  position: relative;
}
.dl-hstack--bordered .dl-hstack__term::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: -9999px;
  height: 0.1rem;
  background-color: var(--dl-border-color, var(--color1-lighter));
}
.dl-hstack--bordered .dl-hstack__term:last-of-type::after {
  content: none;
}
@container dl-hstack (width <= 79.98rem) {
  .dl-hstack--right .dl-hstack__description {
    text-align: left;
    justify-self: start;
  }
  .dl-hstack--right.dl-hstack--bordered .dl-hstack__description:not(:last-of-type) {
    position: relative;
    margin-bottom: var(--dl-row-gap, var(--spacing-xs));
  }
  .dl-hstack--right.dl-hstack--bordered .dl-hstack__description:not(:last-of-type)::after {
    content: "";
    position: absolute;
    bottom: calc(var(--dl-row-gap, var(--spacing-xs)) / 2 * -1);
    left: -9999px;
    right: -9999px;
    height: 0.1rem;
    background-color: var(--dl-border-color, var(--color1-lighter));
  }
  .dl-hstack--right-inline {
    display: block;
  }
  .dl-hstack--right-inline .dl-hstack__term {
    display: inline;
  }
  .dl-hstack--right-inline .dl-hstack__term > span::after {
    content: ": ";
  }
  .dl-hstack--right-inline .dl-hstack__term [data-icon] {
    vertical-align: middle;
    margin-block: unset;
  }
  .dl-hstack--right-inline .dl-hstack__description {
    display: inline;
  }
  .dl-hstack--right-inline .dl-hstack__description::after {
    content: "";
    display: block;
    margin-bottom: var(--dl-row-gap, var(--spacing-xs));
  }
  .dl-hstack--right-inline .dl-hstack__description:last-of-type::after {
    margin-bottom: 0;
  }
  .dl-hstack--right-inline.dl-hstack--bordered {
    padding-block: var(--dl-row-gap, var(--spacing-xs));
  }
  .dl-hstack--right-inline.dl-hstack--bordered .dl-hstack__term:not(:first-of-type)::before {
    content: "";
    position: absolute;
    top: calc(var(--dl-row-gap, var(--spacing-xs)) / 2 * -1);
    left: -9999px;
    right: -9999px;
    height: 0.1rem;
    background-color: var(--dl-border-color, var(--color1-lighter));
  }
  .dl-hstack__term, .dl-hstack__description {
    grid-column: 1/-1;
  }
  .dl-hstack--bordered .dl__term,
  .dl-hstack--bordered .dl-hstack__description {
    padding-block: 0;
  }
  .dl-hstack--bordered:not(.dl-hstack--right):not(.dl-hstack--right-inline) .dl-hstack__description:not(:last-of-type) {
    position: relative;
    padding-bottom: var(--dl-row-gap, var(--spacing-xs));
  }
  .dl-hstack--bordered:not(.dl-hstack--right):not(.dl-hstack--right-inline) .dl-hstack__description:not(:last-of-type)::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: calc(var(--dl-row-gap, var(--spacing-xs)) / 2 + 0.1rem);
    border-color: hsla(0, 0%, 20%, 0.1);
    border-width: 0.2rem;
    border-style: dotted;
    width: 100%;
  }
  .dl-hstack--bordered:not(.dl-hstack--right):not(.dl-hstack--right-inline) .dl-hstack__description:not(:last-of-type)::after {
    border-width: 0;
    border-top-width: 0.2rem;
  }
  .dl-hstack--bordered .dl-hstack__term::after {
    content: none;
  }
}

:has(> .dl-hstack) {
  container: dl-hstack/inline-size;
}

[data-icon=arrow-bend-down] {
  --icon-aspect-ratio-width: 15;
  --icon-aspect-ratio-height: 12;
}

[data-icon=uitpas] {
  --icon-aspect-ratio-width: 524;
  --icon-aspect-ratio-height: 125;
}

[data-icon=uitpas-single] {
  --icon-aspect-ratio-width: 191;
  --icon-aspect-ratio-height: 138;
}

[data-icon=uitin] {
  --icon-aspect-ratio-width: 5.3;
  --icon-aspect-ratio-height: 3.2;
}

[data-icon=uitx-single] {
  --icon-aspect-ratio-width: 72;
  --icon-aspect-ratio-height: 27;
}

[data-icon=uitinvlaanderen] {
  --icon-aspect-ratio-width: 223;
  --icon-aspect-ratio-height: 37;
}

[data-icon=museumpas-single] {
  --icon-aspect-ratio-width: 190.94;
  --icon-aspect-ratio-height: 138.23;
}

[data-icon=museumpas] {
  --icon-aspect-ratio-width: 101;
  --icon-aspect-ratio-height: 57;
}

[data-icon=taalicon-1] {
  --icon-aspect-ratio-width: 15.9;
  --icon-aspect-ratio-height: 3.2;
}

[data-icon=taalicon-2] {
  --icon-aspect-ratio-width: 15.9;
  --icon-aspect-ratio-height: 3.2;
}

[data-icon=taalicon-3] {
  --icon-aspect-ratio-width: 15.9;
  --icon-aspect-ratio-height: 3.2;
}

[data-icon=taalicon-4] {
  --icon-aspect-ratio-width: 15.9;
  --icon-aspect-ratio-height: 3.2;
}

[data-icon=page-heading-uitin] {
  --icon-aspect-ratio-width: 150;
  --icon-aspect-ratio-height: 32;
}

[data-icon=page-heading-uitin-oostkamp] {
  --icon-aspect-ratio-width: 4763;
  --icon-aspect-ratio-height: 1024;
}

.hstack {
  display: flex;
  flex-wrap: wrap;
  --flex-column-gap: var(--grid-column-gap);
  --flex-row-gap: var(--grid-row-gap);
  --flex-columns: var(--grid-columns);
  --flex-column-span: var(--grid-columns);
  gap: var(--flex-row-gap) var(--flex-column-gap);
}
.hstack > * {
  width: calc((100% - (var(--flex-columns) - 1) * var(--flex-column-gap)) * var(--flex-column-span) / var(--flex-columns) + (var(--flex-column-span) - 1) * var(--flex-column-gap));
  flex: initial;
  min-width: 0;
}
@media (width >= 48em) {
  .hstack {
    --flex-column-span: 6;
  }
}
@media (width >= 64em) {
  .hstack {
    --flex-column-span: 4;
  }
}

.max-spread {
  max-width: var(--page-max-spread);
}

/*------------------**
|  Layout | Dropdown  |
**------------------*/
.dropdown {
  display: inline-flex;
  position: relative;
}
.dropdown__list, .meta .dropdown__menu .nav-meta {
  list-style: none;
  padding-left: 0;
}
.dropdown__list, .meta .dropdown__menu .nav-meta {
  row-gap: var(--spacing-2xs);
}
.dropdown > .nav__link {
  color: var(--body-color);
  background-color: transparent;
  text-decoration: none;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: 3rem;
  display: inline-flex;
  justify-content: flex-start;
}
@media (hover: hover) {
  .dropdown > .nav__link:hover {
    background-color: var(--link-color-hover);
    color: var(--white);
    --icon-color: currentColor;
  }
}
.dropdown > .nav__link:focus-visible {
  background-color: var(--link-color-hover);
  color: var(--white);
  --icon-color: currentColor;
}
.dropdown > .nav__link :not(svg) {
  order: -1;
}
.dropdown > .nav__link {
  text-transform: none;
}
.dropdown:not(.open) > .nav__link {
  border-color: transparent;
}
.dropdown.open {
  position: relative;
}
.dropdown.open::after {
  content: "";
  position: absolute;
  bottom: -0.1rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color2-base);
  width: calc(100% - 0.2rem);
  height: 0.2rem;
  z-index: 1031;
}
.dropdown.open > .nav__link {
  color: var(--link-color);
  background-color: var(--color2-base);
  text-decoration: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media (hover: hover) {
  .dropdown.open > .nav__link:hover {
    color: var(--white);
    background-color: var(--color1-base);
  }
}
.dropdown.open > .nav__link:focus-visible {
  color: var(--white);
  background-color: var(--color1-base);
}
.dropdown.open > .nav__link .dropdown__icon {
  transform: rotate(-90deg);
}
.dropdown.open .dropdown__menu {
  display: flex;
}
.dropdown__menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  z-index: 1030;
  color: var(--body-color);
  background-color: var(--color2-base);
  padding: var(--spacing-sm) var(--spacing-sm);
  border: 0.1rem var(--color1-lighter) solid;
  border-radius: 3rem;
}
.dropdown__menu {
  overflow: hidden;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.dropdown__menu--left {
  left: 0;
  right: auto;
}
.dropdown__menu--center {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}
.dropdown__menu--center .dropdown__link {
  white-space: unset;
}
.dropdown__menu--right {
  left: auto;
  right: 0;
}
.dropdown__link {
  width: 100%;
  display: inline-flex;
  justify-content: flex-start;
  color: var(--body-color);
  padding: var(--spacing-xs) var(--spacing-sm);
  background-color: transparent;
  text-decoration: none;
  border-radius: var(--border-radius-md);
}
@media (hover: hover) {
  .dropdown__link:hover {
    color: var(--link-color-hover);
    background-color: var(--color2-base);
    --icon-color: currentColor;
  }
}
.dropdown__link:focus-visible {
  color: var(--link-color-hover);
  background-color: var(--color2-base);
  --icon-color: currentColor;
}
.dropdown__link {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}
.dropdown__icon {
  transition: all 0.2s ease-in-out;
  transform: rotate(90deg);
}

.photo {
  --photo-border-radius: var(--border-radius-md);
}
.photo__thumb {
  position: relative;
  display: block;
}
.photo__info:has(.photo__title) {
  padding-top: var(--spacing-xs);
}
.photo__info .copyright {
  position: absolute;
  top: var(--spacing-xs);
  right: var(--spacing-xs);
  z-index: 2;
}
.photo__title {
  display: block;
  position: relative;
  line-height: 1.2;
  padding-left: var(--spacing-sm);
  font-size: var(--font-size-sm);
}
.photo__title::before {
  content: "";
  background-color: var(--color1-lighter);
  --size-width: 0.2rem;
  width: var(--size-width);
  --size-height: 100%;
  height: var(--size-height);
  position: absolute;
  left: 0;
}
.photo__icon {
  transition: all 0.2s ease-in-out;
  z-index: 2;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  --icon-color: var(--white);
  --icon-scale: 1;
  --icon-size: var(--h1-font-size);
}
.photo__link {
  display: block;
}
.photo .fallback .thumb-photo {
  object-fit: cover;
  --size-width: var(--media-size-width, 100%);
  width: var(--size-width);
  --size-height: var(--media-size-height, auto);
  height: var(--size-height);
}
.photo:has(.photo__thumb) {
  position: relative;
}
.photo:has(.photo__thumb):has(.thumb-photo):not(:hover):not(:focus-visible) .photo__icon {
  opacity: 0;
  --icon-scale: 0;
}
.photo:has(.photo__thumb):has(.thumb-video) .image-loaded {
  --photo-overlay-background-color: hsla(203, 100%, 94%, 0.4);
}
.photo .aspect-ratio-size, .photo--box {
  --aspect-ratio-width: auto;
  --aspect-ratio-height: auto;
}
.photo--box:has(.copyright) .copyright__name {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.photo--box:has(.copyright) .copyright__icon {
  transition: none;
}
.photo--box:has(.copyright) .copyright:hover .copyright__name {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
}
.photo--box:has(.copyright):focus-within .copyright {
  background-color: hsla(0, 0%, 20%, 0.8);
}
.photo--box:has(.copyright):focus-within .copyright__name {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
}
[data-theme=contrast] .photo--box:has(.copyright):focus-within .copyright {
  background-color: var(--gray-darker);
}
.photo--box:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.photo--box:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.photo--box:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) > [data-icon] {
  align-self: var(--icon-align-self, start);
}
.photo--box:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.photo--box:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.photo--box:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.photo--box:has(.copyright):not(:focus-within) .copyright:not(:hover):not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.photo--box:has(.copyright):not(:focus-within) .copyright:not(:hover) {
  aspect-ratio: 1/1;
  width: auto;
  --size: 2.4rem;
  height: var(--size);
  padding: 0;
}

picture {
  display: flex;
}

.image-loaded {
  overflow: hidden;
  border-radius: var(--photo-border-radius);
  --photo-overlay-background-color: transparent;
  --photo-overlay-blend-mode: multiply;
  position: relative;
}
.image-loaded::after {
  content: "";
  --size-width: 100%;
  width: var(--size-width);
  --size-height: 100%;
  height: var(--size-height);
  background-color: var(--photo-overlay-background-color);
  mix-blend-mode: var(--photo-overlay-blend-mode);
  transition: all 0.2s ease-in-out;
  transition-property: background-color;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.image-loaded::after {
  pointer-events: none;
}

@media (hover: hover) {
  .link-hover:hover .thumb-photo,
  .photo__link:hover .thumb-photo {
    transform: scale(1.07);
  }
  .link-hover:hover .image-loaded,
  .photo__link:hover .image-loaded {
    --photo-overlay-background-color: hsla(203, 100%, 94%, 0.4);
    position: relative;
  }
  .link-hover:hover .image-loaded::after,
  .photo__link:hover .image-loaded::after {
    content: "";
    --size-width: 100%;
    width: var(--size-width);
    --size-height: 100%;
    height: var(--size-height);
    background-color: var(--photo-overlay-background-color);
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .link-hover:hover:has(.thumb-video) .image-loaded,
  .photo__link:hover:has(.thumb-video) .image-loaded {
    --photo-overlay-background-color: transparent;
    position: relative;
  }
  .link-hover:hover:has(.thumb-video) .image-loaded::after,
  .photo__link:hover:has(.thumb-video) .image-loaded::after {
    content: "";
    --size-width: 100%;
    width: var(--size-width);
    --size-height: 100%;
    height: var(--size-height);
    background-color: var(--photo-overlay-background-color);
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .link-hover:hover:has(.thumb-video) .photo__icon,
  .photo__link:hover:has(.thumb-video) .photo__icon {
    opacity: 0;
    --icon-scale: 0;
  }
}
.link-hover:focus-visible .thumb-photo,
.photo__link:focus-visible .thumb-photo {
  transform: scale(1.07);
}
.link-hover:focus-visible .image-loaded,
.photo__link:focus-visible .image-loaded {
  --photo-overlay-background-color: hsla(203, 100%, 94%, 0.4);
  position: relative;
}
.link-hover:focus-visible .image-loaded::after,
.photo__link:focus-visible .image-loaded::after {
  content: "";
  --size-width: 100%;
  width: var(--size-width);
  --size-height: 100%;
  height: var(--size-height);
  background-color: var(--photo-overlay-background-color);
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.link-hover:focus-visible:has(.thumb-video) .image-loaded,
.photo__link:focus-visible:has(.thumb-video) .image-loaded {
  --photo-overlay-background-color: transparent;
  position: relative;
}
.link-hover:focus-visible:has(.thumb-video) .image-loaded::after,
.photo__link:focus-visible:has(.thumb-video) .image-loaded::after {
  content: "";
  --size-width: 100%;
  width: var(--size-width);
  --size-height: 100%;
  height: var(--size-height);
  background-color: var(--photo-overlay-background-color);
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.link-hover:focus-visible:has(.thumb-video) .photo__icon,
.photo__link:focus-visible:has(.thumb-video) .photo__icon {
  opacity: 0;
  --icon-scale: 0;
}

.photo__thumb:has(> .img-clearcache),
.photo__picture:has(> .img-clearcache) {
  position: relative;
}
.photo__thumb:has(> .img-clearcache) .img-clearcache,
.photo__thumb:has(> .img-clearcache) .img-clearcache-btn,
.photo__picture:has(> .img-clearcache) .img-clearcache,
.photo__picture:has(> .img-clearcache) .img-clearcache-btn {
  display: block;
}
.photo__thumb:has(> .img-clearcache) .img-clearcache,
.photo__picture:has(> .img-clearcache) .img-clearcache {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  pointer-events: none;
}
.photo__thumb:has(> .img-clearcache) .img-clearcache-btn,
.photo__picture:has(> .img-clearcache) .img-clearcache-btn {
  position: relative;
  z-index: 2;
}

@media (width <= 31.98em) {
  .hide-mobile {
    display: none !important;
  }
}

.show-mobile {
  display: none !important;
}
@media (width <= 31.98em) {
  .show-mobile {
    display: inline-flex !important;
  }
}

.thumb-photo,
.thumb-video {
  border-radius: var(--border-radius-md);
  width: 100%;
  aspect-ratio: var(--aspect-ratio-width, 3)/var(--aspect-ratio-height, 2);
}
.thumb-photo,
.thumb-video {
  max-width: 100%;
  height: auto;
  transition: all 0.2s ease-in-out;
  transition-property: transform;
}

.thumb-video {
  aspect-ratio: var(--aspect-ratio-width, 544)/var(--aspect-ratio-height, 355);
}

[data-img] {
  border-radius: var(--border-radius-md);
  width: 100%;
  aspect-ratio: var(--aspect-ratio-width, 3)/var(--aspect-ratio-height, 2);
}
[data-img] {
  height: var(--icon-size);
  border-radius: unset;
}

.toggle .line {
  fill: none;
  stroke: currentColor;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.toggle .line, .toggle .line-1, .toggle .line-2, .toggle .line-3 {
  stroke-width: 7;
}
.toggle .line-1 {
  stroke-dasharray: 60 207;
}
.toggle .line-2 {
  stroke-dasharray: 60 60;
}
.toggle .line-3 {
  stroke-dasharray: 60 207;
}
.loading {
  display: flex;
  align-items: center;
  background-color: transparent;
  padding-inline: var(--spacing-2xs);
}
.loading__icon {
  flex-shrink: 0;
  width: auto;
  height: calc(var(--icon-size, 1lh) * var(--icon-scale, 1));
  display: inline-flex;
  aspect-ratio: var(--icon-aspect-ratio-width, 1)/var(--icon-aspect-ratio-height, 1);
}
.loading__icon {
  animation: var(--loading-animation, none);
  visibility: var(--loading-visibility, hidden);
}

:has(.is-loading) .loading__icon {
  --loading-visibility: visible;
  --loading-animation: rotate 1.6s infinite linear;
}

.loading-image {
  position: relative;
}
.loading-image::before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--icon-color);
  background-image: none !important;
  -webkit-mask-image: url('data:image/svg+xml;utf8,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z" opacity=".25"/%3e%3cpath d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"%3e%3canimateTransform attributeName="transform" type="rotate" dur="0.75s" values="0 12 12;360 12 12" repeatCount="indefinite"/%3e%3c/path%3e%3c/svg%3e');
  mask-image: url('data:image/svg+xml;utf8,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z" opacity=".25"/%3e%3cpath d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"%3e%3canimateTransform attributeName="transform" type="rotate" dur="0.75s" values="0 12 12;360 12 12" repeatCount="indefinite"/%3e%3c/path%3e%3c/svg%3e');
  flex-shrink: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-flex;
  aspect-ratio: 1/1;
  width: auto;
  --size: 3rem;
  height: var(--size);
  --icon-color: hsla(0, 0%, 20%, 0.3);
}

.gallery__list {
  display: grid;
  gap: var(--spacing-sm);
  padding-left: 0;
  list-style: none;
  grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
}
.gallery__link {
  cursor: zoom-in;
}

.gallery--compact {
  container: gallery-compact/inline-size;
  position: relative;
  display: flex;
  gap: var(--spacing-md);
  flex-direction: column;
}
.gallery--compact .gallery__photo {
  min-height: 0;
}
.gallery--compact .gallery__photo .photo__link,
.gallery--compact .gallery__photo picture,
.gallery--compact .gallery__photo img,
.gallery--compact .gallery__photo .photo__thumb {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.gallery--compact .gallery__list {
  display: grid;
  gap: var(--spacing-md);
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  grid-template-rows: 1fr;
  height: 30rem;
}
@container gallery-compact (width >= 45rem) {
  .gallery--compact .gallery__list {
    height: 42rem;
  }
}
@container gallery-compact (width >= 100rem) {
  .gallery--compact .gallery__list {
    height: 52rem;
  }
}
.gallery--compact .gallery__list[data-count="1"] {
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.gallery--compact .gallery__list[data-count="2"] {
  grid-template-rows: 2fr 1fr;
  grid-template-columns: 1fr;
}
@container gallery-compact (width >= 70rem) {
  .gallery--compact .gallery__list[data-count="2"] {
    grid-template-rows: 1fr;
    grid-template-columns: 2fr 1fr;
  }
}
@container gallery-compact (width >= 70rem) {
  .gallery--compact .gallery__list[data-count="3"] {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 2fr 1fr;
  }
  .gallery--compact .gallery__list[data-count="3"] .gallery__photo:first-child {
    grid-row: span 2;
    grid-column: span 1;
  }
}
@container gallery-compact (width <= 69.98rem) {
  .gallery--compact .gallery__list:has(> :nth-child(2) ~ *) {
    grid-template-rows: 2fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .gallery--compact .gallery__list:has(> :nth-child(2) ~ *) .gallery__photo {
    display: none;
  }
  .gallery--compact .gallery__list:has(> :nth-child(2) ~ *) .gallery__photo:first-child {
    grid-column: span 2;
  }
  .gallery--compact .gallery__list:has(> :nth-child(2) ~ *) > :nth-child(-n+3) {
    display: block;
  }
}
@container gallery-compact (width >= 70rem) {
  .gallery--compact .gallery__list[data-count="4"] {
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(3, 1fr);
  }
  .gallery--compact .gallery__list[data-count="4"] .gallery__photo:first-child {
    grid-row: span 2;
    grid-column: span 1;
  }
  .gallery--compact .gallery__list[data-count="4"] .gallery__photo:nth-child(2) {
    grid-row: span 2;
  }
}
@container gallery-compact (width >= 70rem) {
  .gallery--compact .gallery__list:has(> :nth-child(4) ~ *) .gallery__photo {
    display: none;
  }
  .gallery--compact .gallery__list:has(> :nth-child(4) ~ *) > :nth-child(-n+5) {
    display: block;
  }
  .gallery--compact .gallery__list:has(> :nth-child(4) ~ *) {
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(4, 1fr);
  }
  .gallery--compact .gallery__list:has(> :nth-child(4) ~ *) .gallery__photo:first-child {
    grid-column: span 2;
    grid-row: span 2;
  }
  .gallery--compact .gallery__list:has(> :nth-child(4) ~ *) .gallery__photo:nth-child(5) {
    grid-column: span 1;
  }
}
.gallery--compact .gallery__showall {
  display: flex;
  width: 100%;
  padding: var(--spacing-xs) var(--spacing-sm);
}
@container gallery-compact (width >= 70rem) {
  .gallery--compact .gallery__showall {
    position: absolute;
    z-index: 1030;
    width: fit-content;
    bottom: var(--spacing-xs);
    right: var(--spacing-xs);
  }
}

/*-------------------**
|  Layout | Copyright  |
**-------------------*/
.copyright {
  color: var(--white);
  font-size: var(--font-size-sm);
  padding: var(--spacing-2xs) var(--spacing-xs) var(--spacing-2xs) var(--spacing-3xs);
  --link-color: var(--white);
  --link-color-hover: var(--white);
}
.copyright {
  background-color: hsla(0, 0%, 20%, 0.2);
  border-radius: 1.6rem;
  backdrop-filter: blur(2rem);
  transition: all 0.2s ease-in-out;
  transition-property: background-color;
}
.copyright:has(> [data-icon]) {
  display: var(--icon-display, inline-flex);
  column-gap: var(--spacing-3xs);
  grid-template-columns: auto 1fr;
}
.copyright:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.copyright:has(> [data-icon]) > [data-icon] {
  --icon-color: var(--white);
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
  align-self: var(--icon-align-self, start);
}
.copyright:hover {
  background-color: hsla(0, 0%, 20%, 0.8);
}
[data-theme=contrast] .copyright {
  background-color: var(--gray-dark);
}
[data-theme=contrast] .copyright:hover {
  background-color: var(--gray-darker);
}
.copyright__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
}

.contentblocks__item:has(.copyright) .copyright__name,
.gallery__photo:has(.copyright) .copyright__name {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.contentblocks__item:has(.copyright) .copyright__icon,
.gallery__photo:has(.copyright) .copyright__icon {
  transition: none;
}
.contentblocks__item:has(.copyright) .copyright:hover .copyright__name,
.gallery__photo:has(.copyright) .copyright:hover .copyright__name {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
}
.contentblocks__item:has(.copyright):focus-within .copyright,
.gallery__photo:has(.copyright):focus-within .copyright {
  background-color: hsla(0, 0%, 20%, 0.8);
}
.contentblocks__item:has(.copyright):focus-within .copyright__name,
.gallery__photo:has(.copyright):focus-within .copyright__name {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
}
[data-theme=contrast] .contentblocks__item:has(.copyright):focus-within .copyright,
[data-theme=contrast] .gallery__photo:has(.copyright):focus-within .copyright {
  background-color: var(--gray-darker);
}
.contentblocks__item:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]),
.gallery__photo:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.contentblocks__item:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) > :not([data-icon]),
.gallery__photo:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.contentblocks__item:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) > [data-icon],
.gallery__photo:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) > [data-icon] {
  align-self: var(--icon-align-self, start);
}
.contentblocks__item:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]),
.gallery__photo:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.contentblocks__item:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) [data-icon],
.gallery__photo:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.contentblocks__item:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) > span,
.gallery__photo:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.contentblocks__item:has(.copyright):not(:focus-within) .copyright:not(:hover):not(:has([data-icon])),
.gallery__photo:has(.copyright):not(:focus-within) .copyright:not(:hover):not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.contentblocks__item:has(.copyright):not(:focus-within) .copyright:not(:hover),
.gallery__photo:has(.copyright):not(:focus-within) .copyright:not(:hover) {
  aspect-ratio: 1/1;
  width: auto;
  --size: 2.4rem;
  height: var(--size);
  padding: 0;
}

.tags__item {
  color: var(--gray-dark);
}
.tags__item:has(> [data-icon]) {
  display: var(--icon-display, inline-flex);
  column-gap: var(--spacing-2xs);
  grid-template-columns: auto 1fr;
}
.tags__item:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.tags__item:has(> [data-icon]) > [data-icon] {
  --icon-scale: 0.8;
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
  align-self: var(--icon-align-self, start);
}

.overlay {
  display: var(--overlay-display, none);
}

.item__container {
  border-radius: var(--border-radius-md);
}
.item__list:not(:last-child) {
  --paragraph-margin-bottom: var(--spacing-md);
  margin-bottom: var(--paragraph-margin-bottom);
}
.item__short:not(:last-child), .item__info:not(:last-child) {
  --paragraph-margin-bottom: var(--spacing-md);
  margin-bottom: var(--paragraph-margin-bottom);
}
.item__content-block {
  display: flex;
  flex-direction: column;
  background-color: var(--white);
  border-radius: var(--border-radius-lg);
}
.item__content-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--spacing-sm);
  margin-bottom: var(--spacing-xs);
}
.item__link, .item__title {
  color: var(--heading-color);
  font-weight: var(--heading-font-weight);
  font-family: var(--heading-font-family);
  line-height: var(--heading-line-height);
}
.item__link, .item__title {
  font-size: var(--h5-font-size);
}
.item__link:not(:last-child), .item__title:not(:last-child) {
  --heading-margin-bottom: 0.6em;
  margin-bottom: var(--heading-margin-bottom);
}
.item__link, .item__title {
  --heading-color: var(--color1-base);
  text-decoration-color: transparent;
}
@media (hover: hover) {
  .item__link:hover, .item__title:hover {
    text-decoration-color: currentColor;
  }
}
.item__link:focus-visible, .item__title:focus-visible {
  text-decoration-color: currentColor;
}
.item__subtitle {
  color: var(--heading-color);
  font-weight: var(--heading-font-weight);
  font-family: var(--heading-font-family);
  line-height: var(--heading-line-height);
}
.item__subtitle:not(:last-child) {
  --heading-margin-bottom: 0.6em;
  margin-bottom: var(--heading-margin-bottom);
}
.item__subtitle {
  --heading-font-weight: 300;
}
.item__status {
  font-weight: 500;
  color: var(--white);
  background-color: var(--gray-darker);
  font-size: var(--font-size-xs);
  font-weight: 500;
  padding: var(--spacing-2xs) var(--spacing-xs);
  border-radius: var(--border-radius-md);
}
.item__photo {
  z-index: 1;
  position: relative;
  --photo-border-radius: 3rem;
}
.item__photo .event-tags,
.item__photo .item__status {
  position: absolute;
  z-index: var(--linktag-zindex);
}
.item__photo .event-tags {
  top: 2.5rem;
  left: 2.5rem;
}
.item__photo .item__status {
  bottom: 2.5rem;
  right: 2.5rem;
}
.item__photo .date-block {
  position: absolute;
  top: 0;
  left: 2.5rem;
  z-index: var(--linktag-zindex);
}
.item__photo.featured .date-block,
.item__photo.featured .tags {
  top: 3.5rem;
}
.item__photo.featured .date-block {
  right: 3.5rem;
}
.item__photo.featured .tags {
  left: 3.5rem;
}
.item .btn-link {
  padding: 0;
}
.item__readmore {
  width: 100%;
  display: flex;
  align-items: center;
  --link-color: var(--color2-base);
  --link-color-hover: var(--color1-base);
}
.item__readmore-icon {
  margin-left: auto;
}
.item__readmore-icon:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.item__readmore-icon:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.item__readmore-icon:has(> [data-icon]) > [data-icon] {
  --icon-scale: 1;
  --icon-size: 1.4rem;
  align-self: var(--icon-align-self, start);
}
.item__readmore-icon:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.item__readmore-icon:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.item__readmore-icon:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.item__readmore-icon:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.item__readmore-icon {
  aspect-ratio: 1/1;
  width: auto;
  --size: 1.6rem;
  height: var(--size);
  border-radius: 50%;
  padding: 0;
  padding: var(--spacing-3xs);
  background-color: var(--color2-base);
  --icon-color: var(--white);
  --size: 2.6rem;
  fill: var(--white);
}
.item.featured .date-full,
.item.featured .tags {
  color: var(--white);
}
.item.featured .item__container {
  color: var(--white);
  background-color: var(--gray-darker);
  padding: 1rem;
}
.item.featured .item__status {
  color: var(--gray-darker);
  background-color: var(--white);
}
.item.featured [class*=btn-],
.item.featured button {
  color: var(--gray-darker);
  background-color: var(--white);
  border: 0.1rem solid var(--white);
}
@media (hover: hover) {
  .item.featured [class*=btn-]:hover,
  .item.featured button:hover {
    color: var(--white);
    background-color: transparent;
  }
}
.item.featured [class*=btn-]:focus-visible,
.item.featured button:focus-visible {
  color: var(--white);
  background-color: transparent;
}
@media (hover: hover) {
  .item.featured .link-hover:hover .item__link,
  .item.featured .link-hover:hover .item__title {
    --heading-color: var(--white);
    text-decoration-color: var(--white);
  }
}
.item.featured .link-hover:focus-visible .item__link,
.item.featured .link-hover:focus-visible .item__title, .item.featured .link-hover:focus-within .item__link,
.item.featured .link-hover:focus-within .item__title {
  --heading-color: var(--white);
  text-decoration-color: var(--white);
}
.item .link-hover .item__link,
.item .link-hover .item__title {
  text-decoration: currentColor underline solid auto;
  text-underline-offset: 0.3rem;
  transition-property: color, background-color, border, text-decoration;
}
.item .link-hover .item__link,
.item .link-hover .item__title {
  transition: all 0.2s ease-in-out;
  text-decoration-color: transparent;
}
@media (hover: hover) {
  .item .link-hover:hover .item__link,
  .item .link-hover:hover .item__title {
    --heading-color: var(--link-color-hover);
    text-decoration-color: var(--link-color-hover);
  }
  .item .link-hover:hover .item__readmore-icon {
    transform: translateX(4px);
  }
}
.item .link-hover:focus-visible .item__link,
.item .link-hover:focus-visible .item__title, .item .link-hover:focus-within .item__link,
.item .link-hover:focus-within .item__title {
  --heading-color: var(--link-color-hover);
  text-decoration-color: var(--link-color-hover);
}
.item .link-hover:focus-visible .item__readmore-icon, .item .link-hover:focus-within .item__readmore-icon {
  transform: translateX(4px);
}

.blobbitem__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  background-color: var(--white);
}
@media (width >= 80em) {
  .blobbitem__content {
    margin-top: -12rem;
    margin-left: 15%;
    margin-right: 5%;
  }
}
@media (width >= 48em) and (width <= 79.98em) {
  .blobbitem__content {
    margin-top: -8rem;
    margin-left: 10%;
    margin-right: 2%;
  }
}
@media (width >= 32em) and (width <= 47.98em) {
  .blobbitem__content {
    margin-top: -8rem;
    margin-left: 8%;
    margin-right: 2%;
  }
}
@media (width <= 31.98em) {
  .blobbitem__content {
    margin-top: -8rem;
    margin-left: 2%;
    margin-right: 2%;
  }
}
.blobbitem__content {
  padding-block: var(--spacing-md);
  padding-inline: var(--spacing-md);
  border-top-left-radius: var(--border-radius-md);
}
.blobbitem__title {
  --heading-color: var(--color2-base);
  color: var(--heading-color);
  font-weight: var(--heading-font-weight);
  font-family: var(--heading-font-family);
  line-height: var(--heading-line-height);
}
.blobbitem__title {
  font-size: var(--h4-font-size);
}
.blobbitem__title:not(:last-child) {
  --heading-margin-bottom: 0;
  margin-bottom: var(--heading-margin-bottom);
}
.blobbitem__link, .blobbitem__title {
  --heading-color: var(--color1-base);
  --heading-font-family: hegante-display;
}
.blobbitem__photo {
  z-index: -1;
  position: relative;
}
.blobbitem__photo:after {
  content: "";
  background-color: var(--color1-lightest);
  position: absolute;
  left: -5rem;
  top: 2rem;
  clip-path: polygon(62.9% 7.5%, 64.3% 8%, 65.7% 8.5%, 67.1% 8.9%, 68.5% 9.4%, 69.9% 9.9%, 71.3% 10.3%, 72.6% 10.8%, 74% 11.3%, 75.4% 11.8%, 76.7% 12.2%, 78% 12.7%, 79.3% 13.2%, 80.6% 13.8%, 81.9% 14.3%, 83.1% 14.9%, 84.3% 15.4%, 85.4% 16%, 86.6% 16.6%, 87.7% 17.2%, 88.8% 17.9%, 89.8% 18.6%, 90.8% 19.2%, 91.7% 20%, 92.6% 20.7%, 93.5% 21.5%, 94.3% 22.3%, 95% 23.2%, 95.7% 24.1%, 96.4% 25%, 97% 25.9%, 97.5% 26.9%, 97.9% 28%, 98.4% 29%, 98.7% 30.2%, 99% 31.3%, 99.3% 32.5%, 99.5% 33.7%, 99.6% 34.9%, 99.7% 36.1%, 99.8% 37.4%, 99.8% 38.7%, 99.8% 40%, 99.7% 41.4%, 99.6% 42.7%, 99.5% 44.1%, 99.3% 45.5%, 99.1% 46.9%, 98.8% 48.3%, 98.6% 49.7%, 98.3% 51.1%, 97.9% 52.6%, 97.6% 54%, 97.2% 55.5%, 96.8% 56.9%, 96.3% 58.4%, 95.9% 59.8%, 95.4% 61.3%, 95% 62.7%, 94.5% 64.2%, 94% 65.6%, 93.4% 67%, 92.9% 68.5%, 92.4% 69.9%, 91.8% 71.3%, 91.2% 72.6%, 90.7% 74%, 90.1% 75.3%, 89.4% 76.7%, 88.8% 78%, 88.2% 79.2%, 87.5% 80.5%, 86.9% 81.7%, 86.2% 82.9%, 85.5% 84.1%, 84.8% 85.2%, 84% 86.3%, 83.3% 87.4%, 82.5% 88.4%, 81.7% 89.4%, 80.9% 90.4%, 80.1% 91.3%, 79.3% 92.2%, 78.4% 93%, 77.5% 93.8%, 76.6% 94.6%, 75.7% 95.3%, 74.8% 96%, 73.8% 96.6%, 72.8% 97.1%, 71.8% 97.6%, 70.8% 98.1%, 69.8% 98.4%, 68.7% 98.8%, 67.6% 99%, 66.5% 99.3%, 65.4% 99.5%, 64.3% 99.6%, 63.2% 99.7%, 62% 99.7%, 60.8% 99.8%, 59.7% 99.7%, 58.5% 99.7%, 57.3% 99.6%, 56% 99.4%, 54.8% 99.2%, 53.6% 99%, 52.4% 98.8%, 51.1% 98.5%, 49.9% 98.2%, 48.6% 97.9%, 47.4% 97.5%, 46.1% 97.2%, 44.9% 96.8%, 43.7% 96.4%, 42.4% 95.9%, 41.2% 95.5%, 39.9% 95%, 38.7% 94.5%, 37.4% 94%, 36.2% 93.5%, 35% 93%, 33.8% 92.5%, 32.6% 92%, 31.4% 91.4%, 30.2% 90.8%, 29.1% 90.3%, 27.9% 89.7%, 26.8% 89.1%, 25.6% 88.5%, 24.5% 87.8%, 23.4% 87.2%, 22.3% 86.5%, 21.3% 85.9%, 20.2% 85.2%, 19.2% 84.5%, 18.2% 83.7%, 17.2% 83%, 16.2% 82.2%, 15.3% 81.4%, 14.4% 80.6%, 13.5% 79.8%, 12.6% 78.9%, 11.7% 78.1%, 10.9% 77.2%, 10.1% 76.2%, 9.3% 75.3%, 8.6% 74.3%, 7.9% 73.3%, 7.2% 72.3%, 6.5% 71.2%, 5.9% 70.2%, 5.3% 69.1%, 4.7% 67.9%, 4.2% 66.8%, 3.7% 65.6%, 3.2% 64.4%, 2.8% 63.2%, 2.4% 62%, 2% 60.7%, 1.7% 59.5%, 1.3% 58.2%, 1.1% 56.9%, 0.8% 55.6%, 0.6% 54.2%, 0.4% 52.9%, 0.3% 51.6%, 0.2% 50.2%, 0.1% 48.8%, 0% 47.5%, 0% 46.1%, 0% 44.7%, 0.1% 43.3%, 0.1% 41.9%, 0.3% 40.5%, 0.4% 39.1%, 0.6% 37.7%, 0.8% 36.3%, 1.1% 34.9%, 1.3% 33.5%, 1.6% 32.1%, 2% 30.7%, 2.4% 29.3%, 2.8% 28%, 3.3% 26.6%, 3.7% 25.3%, 4.3% 23.9%, 4.8% 22.6%, 5.4% 21.3%, 6% 20.1%, 6.6% 18.8%, 7.3% 17.6%, 8% 16.4%, 8.7% 15.2%, 9.4% 14.1%, 10.2% 13%, 11% 11.9%, 11.8% 10.8%, 12.7% 9.8%, 13.5% 8.9%, 14.4% 7.9%, 15.3% 7%, 16.3% 6.2%, 17.2% 5.4%, 18.2% 4.7%, 19.2% 4%, 20.2% 3.3%, 21.3% 2.7%, 22.3% 2.2%, 23.4% 1.7%, 24.5% 1.3%, 25.6% 1%, 26.7% 0.7%, 27.8% 0.4%, 29% 0.2%, 30.2% 0.1%, 31.3% 0%, 32.5% 0%, 33.7% 0%, 35% 0.1%, 36.2% 0.2%, 37.4% 0.3%, 38.7% 0.5%, 40% 0.7%, 41.3% 1%, 42.5% 1.2%, 43.8% 1.5%, 45.2% 1.9%, 46.5% 2.2%, 47.8% 2.6%, 49.1% 3%, 50.5% 3.4%, 51.8% 3.8%, 53.2% 4.3%, 54.6% 4.7%, 55.9% 5.2%, 57.3% 5.7%, 58.7% 6.1%, 60.1% 6.6%, 61.5% 7.1%);
  z-index: -1;
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
  transform: scale(0.9);
}
.blobbitem__photo .photo__thumb {
  clip-path: url(#item-photo-mask);
  aspect-ratio: 369/342;
}
.blobbitem__readmore {
  width: 100%;
  display: flex;
  align-items: center;
  --link-color: var(--color2-base);
  --link-color-hover: var(--color1-base);
}
.blobbitem__readmore-icon {
  margin-left: auto;
}
.blobbitem__readmore-icon:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.blobbitem__readmore-icon:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.blobbitem__readmore-icon:has(> [data-icon]) > [data-icon] {
  --icon-scale: 1;
  --icon-size: 1.6rem;
  align-self: var(--icon-align-self, start);
}
.blobbitem__readmore-icon:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.blobbitem__readmore-icon:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.blobbitem__readmore-icon:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.blobbitem__readmore-icon:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.blobbitem__readmore-icon {
  aspect-ratio: 1/1;
  width: auto;
  --size: 2.4rem;
  height: var(--size);
  border-radius: 50%;
  padding: 0;
  padding: var(--spacing-3xs);
  background-color: var(--color2-base);
  --icon-color: var(--white);
  fill: var(--white);
}
.blobbitem__readmore .btn-link {
  padding: 0;
}
.blobbitem .link-hover .item__link,
.blobbitem .link-hover .item__title {
  text-decoration: currentColor underline solid auto;
  text-underline-offset: 0.3rem;
  transition-property: color, background-color, border, text-decoration;
}
.blobbitem .link-hover .item__link,
.blobbitem .link-hover .item__title {
  transition: all 0.2s ease-in-out;
  text-decoration-color: transparent;
}
@media (hover: hover) {
  .blobbitem .link-hover:hover .item__link,
  .blobbitem .link-hover:hover .item__title {
    --heading-color: var(--link-color-hover);
    text-decoration-color: var(--link-color-hover);
  }
  .blobbitem .link-hover:hover .blobbitem__readmore-icon {
    transform: translateX(4px);
  }
}
.blobbitem .link-hover:focus-visible .item__link,
.blobbitem .link-hover:focus-visible .item__title, .blobbitem .link-hover:focus-within .item__link,
.blobbitem .link-hover:focus-within .item__title {
  --heading-color: var(--link-color-hover);
  text-decoration-color: var(--link-color-hover);
}
.blobbitem .link-hover:focus-visible .blobbitem__readmore-icon, .blobbitem .link-hover:focus-within .blobbitem__readmore-icon {
  transform: translateX(4px);
}

.vstack .item:has(picture) .item__content-block {
  display: flex;
  flex-direction: column;
}
@media (width >= 32em) {
  .vstack .item:has(picture) .item__content-block {
    flex-direction: row;
  }
  .vstack .item:has(picture) .item__content-block .item__content {
    flex: 1 1 auto;
  }
  .vstack .item:has(picture) .item__content-block .item__photo {
    flex: 0 0 var(--item-media-width, 20%);
  }
}
.vstack .item:has(picture) .item__content-block {
  column-gap: var(--spacing-lg);
  row-gap: var(--spacing-sm);
}
.vstack .item:has(.date-block) .item__content-block {
  column-gap: var(--spacing-sm);
  row-gap: var(--spacing-xs);
  display: flex;
}
.vstack--bordered {
  --vstack-row-gap: 0;
}
.vstack--bordered .item {
  padding-block: calc(var(--vstack-row-gap-bordered, var(--spacing-md)) * 0.5);
  border-bottom: hsla(0, 0%, 20%, 0.1) 0.2rem dotted;
}
.vstack--bordered .item:first-of-type {
  padding-top: 0;
}
.vstack--bordered .item:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

.hstack .item__container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.hstack .item__content-block {
  flex: 1 1 auto;
}
.hstack .event-tags .tags {
  justify-content: flex-end;
  align-items: center;
}
.hstack .event-tags .tags__item {
  align-items: center;
  color: var(--gray-darker);
  background: var(--gray-lighter);
  padding: var(--spacing-xs);
}
.hstack .event-tags .tags__item:has(use[href$=-icon]), .hstack .event-tags .tags__item:has([data-icon=uitpas]), .hstack .event-tags .tags__item:has([data-icon=museumpas]) {
  border-radius: 0.8rem;
}
.hstack .event-tags .tags__item:has(use[href$=-single]) {
  background: none;
}
.hstack .event-tags .tags__item:has([data-icon$=pas]) {
  color: var(--white);
  background: var(--gray-darker);
}

.zone-overview:has(.item--blobb) {
  margin-bottom: var(--spacing-section);
}

.heading__wrapper:not(:has(.hero-split)) {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: var(--spacing-md);
  column-gap: var(--grid-column-gap);
  margin-bottom: var(--spacing-content);
}
.heading__wrapper:not(:has(.hero-split)) .page-heading {
  margin-bottom: 0;
}

.page-heading__title {
  display: flex;
  color: var(--color2-base);
}
.page-heading__title:has(:not(:only-child)) {
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: var(--spacing-sm);
  justify-content: space-between;
}
.page-heading__sub {
  color: var(--heading-color);
  font-weight: var(--heading-font-weight);
  font-family: var(--heading-font-family);
  line-height: var(--heading-line-height);
}
.page-heading__sub {
  font-size: var(--h6-font-size);
}
.page-heading__sub:not(:last-child) {
  --heading-margin-bottom: 1.2em;
  margin-bottom: var(--heading-margin-bottom);
}
.page-heading__sub {
  color: var(--color1-base);
}
.page-heading__short > p {
  margin: revert;
}
.page-heading__tag {
  color: var(--heading-color);
  font-weight: var(--heading-font-weight);
  font-family: var(--heading-font-family);
  line-height: var(--heading-line-height);
}
.page-heading__tag {
  font-size: var(--h5-font-size);
}
.page-heading__tag {
  color: var(--white);
  background-color: var(--color1-base);
  padding: var(--spacing-2xs) var(--spacing-xs);
  border-radius: var(--border-radius-md);
  font-weight: 500;
}
.page-heading:has(.page-heading__sub) .page-heading__title {
  margin-bottom: 0;
}

.page-controls {
  display: flex;
  gap: var(--spacing-xs);
}
.page-controls > a,
.page-controls > button {
  padding: var(--spacing-xs) var(--spacing-sm);
}
.hero:not(:last-child) {
  --paragraph-margin-bottom: var(--spacing-content);
  margin-bottom: var(--paragraph-margin-bottom);
}
.hero__container {
  position: relative;
}
@media (width <= 33.98em) {
  .hero__photo {
    --aspect-ratio-width: 544;
    --aspect-ratio-height: 405;
  }
}
@media (width >= 34em) and (width <= 61.98em) {
  .hero__photo {
    --aspect-ratio-width: 992;
    --aspect-ratio-height: 725;
  }
}
@media (width >= 62em) and (width <= 61.98em) {
  .hero__photo {
    --aspect-ratio-width: 992;
    --aspect-ratio-height: 725;
  }
}
@media (width >= 62em) {
  .hero__photo {
    --media-size-height: 725px;
  }
}
.hero__info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.hero__title {
  --heading-color: var(--color2-base);
  color: var(--heading-color);
  font-weight: var(--heading-font-weight);
  font-family: var(--heading-font-family);
  line-height: var(--heading-line-height);
}
.hero__title {
  font-size: var(--h1-font-size);
}
.hero__title:not(:last-child) {
  --heading-margin-bottom: 0;
  margin-bottom: var(--heading-margin-bottom);
}
.hero__title,
.hero__title > span {
  display: block;
}
@media (width <= 47.98em) {
  .hero__info {
    padding-top: var(--spacing-md);
  }
  .hero:has(.copyright) .copyright__name {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  .hero:has(.copyright) .copyright__icon {
    transition: none;
  }
  .hero:has(.copyright) .copyright:hover .copyright__name {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
  }
  .hero:has(.copyright):focus-within .copyright {
    background-color: hsla(0, 0%, 20%, 0.8);
  }
  .hero:has(.copyright):focus-within .copyright__name {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
  }
  [data-theme=contrast] .hero:has(.copyright):focus-within .copyright {
    background-color: var(--gray-darker);
  }
  .hero:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) {
    display: var(--icon-display, inline-grid);
    column-gap: 0;
    grid-template-columns: auto 1fr;
  }
  .hero:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) > :not([data-icon]) {
    grid-column: 2;
  }
  .hero:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) > [data-icon] {
    align-self: var(--icon-align-self, start);
  }
  .hero:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) {
    place-content: center;
    grid-template-columns: none;
  }
  .hero:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) [data-icon] {
    margin-block: unset;
  }
  .hero:has(.copyright):not(:focus-within) .copyright:not(:hover):has(> [data-icon]) > span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  .hero:has(.copyright):not(:focus-within) .copyright:not(:hover):not(:has([data-icon])) {
    display: grid;
    place-content: center;
  }
  .hero:has(.copyright):not(:focus-within) .copyright:not(:hover) {
    aspect-ratio: 1/1;
    width: auto;
    --size: 2.4rem;
    height: var(--size);
    padding: 0;
  }
  .hero.hero--fullwidth .hero__info {
    padding-inline: var(--spacing-md);
  }
}
@media (width >= 48em) {
  .hero__btn {
    --link-color: var(--color2-base);
    --link-color-hover: hsla(0, 0%, 100%, 0.8);
  }
  .hero .swiper__controls {
    position: absolute;
    bottom: var(--spacing-sm);
    right: var(--spacing-sm);
  }
}
.hero--fullwidth .thumb-photo,
.hero--fullwidth .thumb-video,
.hero--fullwidth .image-loaded {
  border-radius: unset;
}

.hero--slideshow {
  position: relative;
  box-shadow: 0 0 0 100vmax var(--full-background-color);
  --full-background-color: var(--color1-lighter);
  background-color: var(--full-background-color);
  clip-path: inset(0 -100vmax);
  padding-top: var(--spacing-content);
  padding-bottom: var(--spacing-section);
  margin-bottom: 0 !important;
  overflow: visible;
}
.hero--slideshow.hero--fullwidth {
  width: calc(100vw - var(--scrollbar-width, 0));
  margin-left: calc((100vw - var(--scrollbar-width, 0) - 100%) / -2);
}
.hero--slideshow .hero__item {
  display: flex;
  gap: 5%;
  row-gap: var(--spacing-xl);
  flex-direction: column;
}
@media (width >= 48em) {
  .hero--slideshow .hero__item {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}
.hero--slideshow .hero__content {
  overflow: visible;
}
@media (width >= 48em) {
  .hero--slideshow .hero__photo {
    width: 50%;
  }
}
.hero--slideshow .hero__photo {
  --photo-border-radius: 6rem;
  position: relative;
}
.hero--slideshow .hero__photo .photo__thumb {
  position: relative;
  width: min(100%, 90vw);
  aspect-ratio: 992/725;
  container-type: inline-size;
  overflow: visible;
}
.hero--slideshow .hero__photo img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 95cqw; /* 992 / 725 */
  aspect-ratio: 992/725;
  height: auto;
  object-fit: cover; /* bronfoto is 875x700, wordt boven/onder bijgesneden */
  object-position: 50% 60%;
  border-radius: 6rem; /* 56 / 725 */
  transform: translate(-50%, -50%) rotate(-7deg);
  display: block;
}
.hero--slideshow .hero__photo:before {
  content: "";
  position: absolute;
  inset: 0;
  height: 90%;
  width: 100%;
  background: var(--color1-light);
  border-radius: 6rem; /* 52 / 719 */
  opacity: 0.8;
  animation: blob-drift 5s ease-in-out infinite;
  will-change: border-radius, transform;
}
@media (width >= 48em) {
  .hero--slideshow .hero__info {
    width: 40%;
  }
}
@media (width >= 48em) {
  .hero--slideshow .hero__info-caption {
    max-width: 50ch;
    text-wrap: pretty;
  }
}
.hero--slideshow .swiper__controls {
  pointer-events: none;
  justify-content: flex-end;
}
.hero--slideshow .swiper__hero-controls {
  pointer-events: all;
}

/*
Zachte "blob"-animatie, naar het voorbeeld van de hero op compassfostering.com.
Daar morpht een SVG-clipPath (<animate attributeName="d" dur="40s">) heel traag
van vorm. Hier doen we hetzelfde in pure CSS: de acht hoekwaarden van
border-radius (horizontaal / verticaal) verschuiven langzaam en het vlak
drijft en kantelt een fractie mee. 40s, oneindig, geen harde overgangen.
*/
@keyframes blob-drift {
  0%, 100% {
    border-radius: 6rem;
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    border-radius: 8rem 5.5rem 7rem 5rem/5rem 9rem 5.5rem 9.5rem;
    transform: translate(0.5rem, -0.4cqw) rotate(0.6deg);
  }
  50% {
    border-radius: 5.5rem 9rem 5rem 9.5rem/8rem 5rem 7rem 5.5rem;
    transform: translate(-0.3cqw, 0.5rem) rotate(-0.5deg);
  }
  75% {
    border-radius: 7rem 5.2rem 8.8rem 4.7rem/5.5rem 9.5rem 5rem 7rem;
    transform: translate(0.4cqw, 0.3cqw) rotate(0.4deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .stack::before {
    animation: none;
  }
}
.hero-split {
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-section);
}
.hero-split__wrapper {
  display: flex;
  gap: 5%;
  row-gap: var(--spacing-xl);
  flex-direction: column;
}
@media (width >= 48em) {
  .hero-split__wrapper {
    align-items: center;
    flex-direction: row;
  }
}
.hero-split__title {
  --heading-color: var(--color2-base);
  --heading-font-family: hegante-display;
}
.hero-split__title > span {
  position: relative;
}
.hero-split__sub {
  color: var(--color1-base);
  font-size: var(--h3-font-size);
  font-weight: 500;
  margin-bottom: var(--spacing-md);
}
@media (width >= 48em) {
  .hero-split__info {
    max-width: 50ch;
    text-wrap: pretty;
  }
}
.hero-split__column {
  position: relative;
}
@media (width >= 48em) {
  .hero-split__column:first-child {
    width: 45%;
  }
}
@media (width >= 48em) {
  .hero-split__column:has(figure) {
    width: 45%;
  }
}
@media (width <= 47.98em) {
  .hero-split__column:has(figure) {
    order: -1;
  }
}
.hero-split__photo {
  --photo-border-radius: 6rem;
  position: relative;
}
.hero-split__photo .photo__thumb {
  position: relative;
  width: min(100%, 90vw);
  aspect-ratio: 992/725;
  container-type: inline-size;
  overflow: visible;
}
.hero-split__photo img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 95cqw; /* 992 / 725 */
  aspect-ratio: 992/725;
  height: auto;
  object-fit: cover; /* bronfoto is 875x700, wordt boven/onder bijgesneden */
  object-position: 50% 60%;
  border-radius: 6rem; /* 56 / 725 */
  transform: translate(-50%, -50%) rotate(5deg);
  display: block;
}
.hero-split__photo:before {
  content: "";
  position: absolute;
  inset: 0;
  height: 95%;
  width: 100%;
  background: var(--color1-light);
  border-radius: 6rem; /* 52 / 719 */
  opacity: 0.8;
  animation: blob-drift 5s ease-in-out infinite;
  will-change: border-radius, transform;
}

body:not(body:has(.hero-split__photo)) .hero-split {
  position: relative;
}
body:not(body:has(.hero-split__photo)) .hero-split__column {
  width: 100%;
}
@media (width >= 48em) {
  body:not(body:has(.hero-split__photo)) .hero-split__info {
    max-width: 75ch;
    text-wrap: pretty;
  }
}
body:not(body:has(.hero-split__photo)) .hero-split .wave--bottom {
  display: none;
}
body:has(.hero-split__photo) .hero-split {
  box-shadow: 0 0 0 100vmax var(--full-background-color);
  --full-background-color: var(--color1-lighter);
  background-color: var(--full-background-color);
  clip-path: inset(0 -100vmax);
  position: relative;
}
body:has(.hero-split__photo) .wave-wrapper {
  display: none;
}
body.home-overview .wave-wrapper {
  display: none;
}

.waves {
  /* Elke golf-laag krijgt een eigen, subtiele deining.
  Eén volledige cyclus duurt 10s en herhaalt daarna oneindig. */
  transform-box: fill-box;
  transform-origin: center;
  animation: waves-move 10s ease-in-out infinite;
}
.waves-wrap {
  position: absolute;
  right: -5rem;
  bottom: 15rem;
  width: 28.2rem;
  height: 4.4rem;
  /* extra ademruimte rondom, zodat de zachte uitslag van de golven
  	nooit tegen de rand van de wrapper aan loopt */
  padding: 12px 20px;
}
.waves--back {
  /* halve cyclus verschoven t.o.v. de voorste golf: dezelfde animatie,
  	maar in tegenfase — zo wisselen de twee lagen elkaar af in opacity */
  animation-delay: -5s;
}

@keyframes waves-move {
  0% {
    transform: translateX(0) translateY(0) scaleY(1);
    opacity: 1;
  }
  25% {
    transform: translateX(-4px) translateY(0.6px) scaleY(1.012);
    opacity: 0.7;
  }
  50% {
    transform: translateX(0) translateY(0) scaleY(1);
    opacity: 0.4;
  }
  75% {
    transform: translateX(4px) translateY(-0.6px) scaleY(0.988);
    opacity: 0.7;
  }
  100% {
    transform: translateX(0) translateY(0) scaleY(1);
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .waves {
    animation: none;
  }
}
.hero-split--search .hero-split__search:not(:last-child) {
  --paragraph-margin-bottom: var(--spacing-content);
  margin-bottom: var(--paragraph-margin-bottom);
}
@media (width >= 64em) {
  .hero-split--search .hero-split__search {
    position: relative;
    z-index: 1020;
    width: calc(100% + 6rem + var(--spacing-sm) + 0.5lh);
    transition: all 0.2s ease-in-out;
  }
  .hero-split--search .hero-split__search .search {
    position: static;
  }
}
@media (width >= 64em) and (width >= 48em) {
  .hero-split--search .hero-split__search:has(.search.open) {
    width: calc(1 * 100% + 0 * var(--flex-column-gap));
  }
}
@media (width >= 64em) and (width >= 64em) {
  .hero-split--search .hero-split__search:has(.search.open) {
    width: calc(2.4 * 100% + 1.4 * var(--flex-column-gap));
  }
}
.hero-split--search .list-inline {
  row-gap: var(--spacing-md);
}

[data-embla-cards] [data-embla-container],
[data-embla-gallery] [data-embla-container],
[data-embla-hero] [data-embla-container] {
  display: flex !important;
  margin-left: calc(var(--slide-spacing) * -1) !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
}
[data-embla-cards] [data-embla-slide],
[data-embla-gallery] [data-embla-slide],
[data-embla-hero] [data-embla-slide] {
  flex: 0 0 var(--slide-size) !important;
  min-width: 0 !important;
  padding-left: var(--slide-spacing) !important;
}

[data-embla-cards] {
  --slide-spacing: 3rem;
}
[data-embla-cards] [data-embla-slide] {
  --slide-size: 92%;
}
@media (width >= 48em) {
  [data-embla-cards] [data-embla-slide] {
    --slide-size: calc(100% / (var(--flex-columns) / var(--flex-column-span)));
  }
}

[data-embla-gallery] {
  --slide-spacing: 3rem;
}
[data-embla-gallery] [data-embla-slide] {
  --slide-size: 100%;
}

[data-embla-hero] {
  --slide-spacing: 0rem;
  --slide-size: 100%;
}

.swiper__embla {
  margin-bottom: var(--spacing-xs);
}
.swiper__button:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.swiper__button:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.swiper__button:has(> [data-icon]) > [data-icon] {
  align-self: var(--icon-align-self, start);
}
.swiper__button:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.swiper__button:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.swiper__button:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.swiper__button:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.swiper__button {
  aspect-ratio: 1/1;
  width: auto;
  --size: 4.2rem;
  height: var(--size);
  padding: 0;
}
.swiper__controls {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-sm);
}
.swiper__hero-controls {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-sm);
}
.swiper__slide-item {
  display: block;
  color: var(--white);
  background-color: var(--color1-base);
  border-radius: var(--border-radius-md);
  height: 40rem;
}
.swiper__dots {
  height: 2.6rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  list-style: none;
}
.swiper__dot {
  aspect-ratio: 1/1;
  width: auto;
  --size: 2.6rem;
  height: var(--size);
  position: relative;
  padding: 0.4rem;
  display: flex;
}
.swiper__dot .swiper__dot-button {
  background-color: var(--white);
}
.swiper__dot.embla-dot-selected .swiper__dot-button {
  background-color: var(--color1-base);
}
.swiper__dot-button {
  padding: 0rem;
  height: 100%;
  width: 100%;
  position: static;
  border-radius: 50%;
}
.swiper__dot-button::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.swiper__progress {
  border-radius: var(--border-radius-md);
  background-color: var(--white);
  position: relative;
  height: 0.6rem;
  justify-self: center;
  align-self: center;
  transition: opacity 0.3s ease-in-out;
  width: 8rem;
  max-width: 90%;
  overflow: hidden;
}
.swiper__progress.embla-progress-bar-hidden {
  opacity: 0;
}
.swiper__progress-bar {
  background-color: var(--color1-light);
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: -100%;
  animation-name: autoplay-progress;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}
.swiper__play:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.swiper__play:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.swiper__play:has(> [data-icon]) > [data-icon] {
  align-self: var(--icon-align-self, start);
}
.swiper__play:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.swiper__play:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.swiper__play:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.swiper__play:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.swiper__play {
  aspect-ratio: 1/1;
  width: auto;
  --size: 4.2rem;
  height: var(--size);
  padding: 0;
  color: var(--white);
  background-color: var(--color1-base);
}
@media (hover: hover) {
  .swiper__play:hover {
    color: var(--white);
    background-color: var(--color2-base);
  }
}
.swiper__play:focus-visible {
  color: var(--white);
  background-color: var(--color2-base);
}
.swiper__play {
  opacity: 0.3;
}
.swiper .embla-progress-bar-hidden .swiper__progress-bar {
  animation-play-state: paused;
}
@keyframes autoplay-progress {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}

.info-wrapper > *:not(:last-child) {
  --paragraph-margin-bottom: var(--spacing-md);
  margin-bottom: var(--paragraph-margin-bottom);
}

.info {
  --info-h2-margin-top: 0.8em;
}
.info .title,
.info p,
.info ol,
.info ul,
.info dl,
.info table,
.info blockquote,
.info iframe {
  margin: revert;
}
.info h2:not(:first-child) {
  margin-top: var(--info-h2-margin-top, var(--spacing-content));
}
.info h2 + h3 {
  margin-top: 0;
}
.info h3 + h4 {
  margin-top: 0;
}
.info h4 + h5 {
  margin-top: 0;
}
.info h5 + h6 {
  margin-top: 0;
}
.info:not(:last-child) {
  --paragraph-margin-bottom: var(--spacing-md);
  margin-bottom: var(--paragraph-margin-bottom);
}
.info ::marker {
  color: var(--icon-color);
  --icon-color: var(--color1-base);
}
.info ul:not([class]), .info ol:not([class]) {
  all: revert;
}
@media (width >= 48em) {
  .info ul:not([class]), .info ol:not([class]) {
    max-width: 75ch;
    text-wrap: pretty;
  }
}
.info hr.clearfix {
  clear: both;
  border: none;
}
.info .procedure-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-md);
}
.info [class*=spotlight-]:not(:first-child),
.info [class*=quote-]:not(:first-child),
.info [class*=alert-]:not(:first-child),
.info .table-responsive:not(:first-child),
.info .accordions__wrapper:not(:first-child) {
  margin-top: var(--spacing-md);
}
.info [class*=spotlight-] p:only-child,
.info [class*=quote-] p:only-child,
.info [class*=alert-] p:only-child,
.info .table-responsive p:only-child,
.info .accordions__wrapper p:only-child {
  margin-block: 0;
}
.info [class*=spotlight-] .title,
.info [class*=spotlight-] p,
.info [class*=spotlight-] ol,
.info [class*=spotlight-] ul,
.info [class*=spotlight-] dl,
.info [class*=spotlight-] table,
.info [class*=spotlight-] blockquote,
.info [class*=spotlight-] iframe,
.info [class*=quote-] .title,
.info [class*=quote-] p,
.info [class*=quote-] ol,
.info [class*=quote-] ul,
.info [class*=quote-] dl,
.info [class*=quote-] table,
.info [class*=quote-] blockquote,
.info [class*=quote-] iframe,
.info [class*=alert-] .title,
.info [class*=alert-] p,
.info [class*=alert-] ol,
.info [class*=alert-] ul,
.info [class*=alert-] dl,
.info [class*=alert-] table,
.info [class*=alert-] blockquote,
.info [class*=alert-] iframe {
  margin: revert;
}
.info [class*=spotlight-] h2:not(:first-child),
.info [class*=quote-] h2:not(:first-child),
.info [class*=alert-] h2:not(:first-child) {
  margin-top: var(--info-h2-margin-top, var(--spacing-content));
}
.info [class*=spotlight-] h2 + h3,
.info [class*=quote-] h2 + h3,
.info [class*=alert-] h2 + h3 {
  margin-top: 0;
}
.info [class*=spotlight-] h3 + h4,
.info [class*=quote-] h3 + h4,
.info [class*=alert-] h3 + h4 {
  margin-top: 0;
}
.info [class*=spotlight-] h4 + h5,
.info [class*=quote-] h4 + h5,
.info [class*=alert-] h4 + h5 {
  margin-top: 0;
}
.info [class*=spotlight-] h5 + h6,
.info [class*=quote-] h5 + h6,
.info [class*=alert-] h5 + h6 {
  margin-top: 0;
}
.info [class*=spotlight-] + h3,
.info [class*=spotlight-] + h4,
.info [class*=spotlight-] + h5,
.info [class*=spotlight-] + h6,
.info [class*=quote-] + h3,
.info [class*=quote-] + h4,
.info [class*=quote-] + h5,
.info [class*=quote-] + h6,
.info [class*=alert-] + h3,
.info [class*=alert-] + h4,
.info [class*=alert-] + h5,
.info [class*=alert-] + h6 {
  margin-top: var(--spacing-md);
}
.info [class*=spotlight-] p,
.info [class*=quote-] p,
.info [class*=alert-] p {
  --info-char: none;
}
.info [class*=alert-] {
  color: var(--body-color);
  background-color: var(--color1-lightest);
  padding: var(--spacing-md) var(--spacing-md);
  border-radius: var(--border-radius-md);
}
.info .alert-info {
  color: hsl(190, 90%, 20%);
  background-color: hsl(191, 88%, 90%);
}
.info .alert-succes {
  color: hsl(152, 69%, 19%);
  background-color: hsl(153, 31%, 86%);
}
.info .alert-warning {
  color: hsl(45, 94%, 21%);
  background-color: hsl(46, 100%, 90%);
}
.info .alert-danger {
  color: hsl(355, 61%, 32%);
  background-color: hsl(355, 70%, 91%);
}
.info [class*=spotlight-] {
  color: var(--body-color);
  background-color: var(--color1-lightest);
  padding: var(--spacing-md) var(--spacing-md);
  border-radius: 3rem;
}
.info [class*=spotlight-] {
  display: grid;
  column-gap: var(--icon-column-gap);
}
.info [class*=spotlight-]::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  background-image: none !important;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-1-5h2v2h-2v-2zm0-8h2v6h-2V7z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-1-5h2v2h-2v-2zm0-8h2v6h-2V7z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
  background-color: var(--icon-color);
  aspect-ratio: var(--icon-aspect-ratio-width, 1)/var(--icon-aspect-ratio-height, 1);
  width: auto;
  height: calc(var(--icon-size, 1lh) * var(--icon-scale, 1));
}
.info [class*=spotlight-] {
  grid-template-columns: auto 1fr;
  align-items: start;
}
.info [class*=spotlight-] > * {
  grid-column: 2;
}
.info .spotlight-1 {
  color: var(--body-color);
  background-color: var(--color1-lighter);
}
.info .spotlight-2 {
  color: var(--body-color);
  background-color: var(--color2-lighter);
}
.info [class*=quote-] {
  color: var(--body-color);
  background-color: var(--color1-lighter);
  padding: var(--spacing-md) var(--spacing-md);
  border-radius: 3rem;
}
.info [class*=quote-] {
  display: grid;
  column-gap: 3rem;
}
.info [class*=quote-]::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  background-image: none !important;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179zm10 0C13.553 16.227 13 15 13 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179zm10 0C13.553 16.227 13 15 13 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  --icon-color: var(--color1-base);
  --icon-scale: 1;
  margin-block: calc((1lh - var(--icon-size)) / 2);
  --icon-size: 2.4rem;
  background-color: var(--icon-color);
  aspect-ratio: var(--icon-aspect-ratio-width, 1)/var(--icon-aspect-ratio-height, 1);
  width: auto;
  height: calc(var(--icon-size, 1lh) * var(--icon-scale, 1));
}
.info [class*=quote-] {
  grid-template-columns: auto 1fr;
  align-items: start;
}
.info [class*=quote-] > * {
  grid-column: 2;
}
.info .quote-2 {
  border-left-color: var(--color2-base);
  background-color: var(--color2-lighter);
}
.info h3 {
  --heading-font-weight: 600;
}

.issuu__container {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.issuu__container {
  padding-top: max(60%, 32.6rem);
  width: 100%;
  height: 0;
}
.issuu-frame {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.inline-download {
  align-items: center;
  column-gap: var(--spacing-sm);
  row-gap: var(--spacing-sm);
  border: 0.1rem var(--color1-lighter) solid;
  border-radius: var(--border-radius-md);
  padding: var(--spacing-xs) var(--spacing-sm);
  display: grid;
  column-gap: var(--icon-column-gap);
}
.inline-download::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  background-image: none !important;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M3 19h18v2H3v-2zm10-5.828L19.071 7.1l1.414 1.414L12 17 3.515 8.515 4.929 7.1 11 13.17V2h2v11.172z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M3 19h18v2H3v-2zm10-5.828L19.071 7.1l1.414 1.414L12 17 3.515 8.515 4.929 7.1 11 13.17V2h2v11.172z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
  background-color: var(--icon-color);
  aspect-ratio: var(--icon-aspect-ratio-width, 1)/var(--icon-aspect-ratio-height, 1);
  width: auto;
  height: calc(var(--icon-size, 1lh) * var(--icon-scale, 1));
}
.inline-download {
  grid-template-columns: auto 1fr;
}
.inline-download::before {
  grid-row: span 2;
}
.inline-download > * {
  grid-column: 2;
}
.inline-download {
  --link-color: var(--body-color);
}
.inline-download {
  text-decoration-color: transparent;
}
.inline-download .description {
  text-decoration: underline;
}
.inline-download .file-info__size, .inline-download .file-info__extension {
  font-size: var(--font-size-sm);
  color: var(--gray-dark);
}
.inline-download .file-info__size::before {
  content: "[";
}
.inline-download .file-info__size::after {
  content: "]";
}
@media (hover: hover) {
  .inline-download:hover {
    border-color: var(--color1-lighter);
  }
}
.inline-download:focus-visible {
  border-color: var(--color1-lighter);
}

.item:has(.item__link[target=_blank]:not([href^="mailto:"])) .item__title > span,
a[target=_blank]:not([href^="mailto:"]):not(.btn-rss,
.btn-contentblocks,
.btn-sorting,
.photo__link,
.inline-download,
.files__link):not(.lcp-toolbar__item *,
.zone-icons *):not(:has([data-icon])) > span:not(.sr-only) {
  display: inline;
}
.item:has(.item__link[target=_blank]:not([href^="mailto:"])) .item__title > span::after,
a[target=_blank]:not([href^="mailto:"]):not(.btn-rss,
.btn-contentblocks,
.btn-sorting,
.photo__link,
.inline-download,
.files__link):not(.lcp-toolbar__item *,
.zone-icons *):not(:has([data-icon])) > span:not(.sr-only)::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  background-image: none !important;
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v9l-3.794-3.793-5.999 6-1.414-1.414 5.999-6L12 3h9z' /%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v9l-3.794-3.793-5.999 6-1.414-1.414 5.999-6L12 3h9z' /%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  --icon-scale: 0.7;
  background-color: var(--icon-color);
  aspect-ratio: var(--icon-aspect-ratio-width, 1)/var(--icon-aspect-ratio-height, 1);
  width: auto;
  height: calc(var(--icon-size, 1lh) * var(--icon-scale, 1));
  margin-inline-start: var(--spacing-2xs);
  vertical-align: middle;
}

a[target=_blank]:not([href^="mailto:"]):not(.btn-rss,
.btn-contentblocks,
.btn-sorting,
.inline-download):not(.item__link):not(.lcp-toolbar__item *,
.zone-icons *):not(:has([data-icon])):not(:has(> span:not(.sr-only))) {
  display: inline-flex;
  column-gap: var(--spacing-2xs);
}
a[target=_blank]:not([href^="mailto:"]):not(.btn-rss,
.btn-contentblocks,
.btn-sorting,
.inline-download):not(.item__link):not(.lcp-toolbar__item *,
.zone-icons *):not(:has([data-icon])):not(:has(> span:not(.sr-only)))::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  background-image: none !important;
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v9l-3.794-3.793-5.999 6-1.414-1.414 5.999-6L12 3h9z' /%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v9l-3.794-3.793-5.999 6-1.414-1.414 5.999-6L12 3h9z' /%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  --icon-scale: 0.7;
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
  background-color: var(--icon-color);
  aspect-ratio: var(--icon-aspect-ratio-width, 1)/var(--icon-aspect-ratio-height, 1);
  width: auto;
  height: calc(var(--icon-size, 1lh) * var(--icon-scale, 1));
}

label {
  display: inline-block;
}

.control-label,
label {
  color: var(--body-color);
  font-weight: 600;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

body:not(:-moz-handler-blocked) fieldset {
  display: table-cell;
}

legend {
  padding: 0;
  display: table;
}

.form-control {
  display: block;
}
.form-control:not([size]) {
  width: 100%;
}
.form-control {
  color: var(--gray-dark);
  background-color: var(--white);
  padding: var(--spacing-sm) var(--spacing-lg);
  border: 0.1rem var(--color1-light) solid;
  border-radius: var(--border-radius-md);
  line-height: 1;
}
.form-control:focus-visible {
  --focus-offset-shadow: 0 0 0 var(--focus-offset-width) var(--focus-offset-color);
  --focus-shadow: 0 0 0 calc(var(--focus-width) + var(--focus-offset-width)) var(--focus-color);
  box-shadow: var(--focus-offset-shadow), var(--focus-shadow), var(--shadow, 0 0 var(--black));
  outline: none;
}
.form-control {
  transition: all 0.2s ease-in-out;
}

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23858C8C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 6.5l3.5 3.5 3.5-3.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right var(--spacing-sm) center;
  background-size: 1.4rem;
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-xl);
  background-color: var(--color1-lightest);
}
select.form-control::-ms-expand {
  display: none;
}

input[type=checkbox],
input[type=radio] {
  --form-icon-inner-factor: 55%;
  position: relative;
  appearance: none;
  margin: 0;
  font: inherit;
  color: currentColor;
  flex-shrink: 0;
  width: auto;
  height: calc(var(--icon-size, 1lh) * var(--icon-scale, 1));
  display: inline-flex;
  aspect-ratio: var(--icon-aspect-ratio-width, 1)/var(--icon-aspect-ratio-height, 1);
}
input[type=checkbox],
input[type=radio] {
  background-color: var(--color1-lightest);
  border: solid 0.2rem var(--color1-light);
}
input[type=checkbox] + label, input[type=checkbox]:not(:disabled):not([readonly]),
input[type=radio] + label,
input[type=radio]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
input[type=checkbox] + label,
input[type=radio] + label {
  font-weight: 400;
}
input[type=checkbox]::before,
input[type=radio]::before {
  content: "";
  flex-shrink: 0;
  width: auto;
  height: calc(var(--icon-size, 1lh) * var(--icon-scale, 1));
  display: inline-flex;
  aspect-ratio: var(--icon-aspect-ratio-width, 1)/var(--icon-aspect-ratio-height, 1);
}
input[type=checkbox]::before,
input[type=radio]::before {
  width: var(--form-icon-inner-factor);
  height: var(--form-icon-inner-factor);
  background-color: var(--icon-color);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 0 0;
  transform: scale(0) translate(-50%, -50%);
  transition: 120ms transform ease-in-out;
  /* Windows High Contrast Mode */
}
input[type=checkbox]:checked,
input[type=radio]:checked {
  background-color: var(--color1-lightest);
  border-color: var(--color1-light);
}
input[type=checkbox]:checked::before,
input[type=radio]:checked::before {
  transform: scale(1) translate(-50%, -50%);
}

input[type=checkbox] {
  border-radius: 0.3rem;
}
input[type=checkbox]::before {
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

input[type=radio] {
  border-radius: 50%;
}
input[type=radio]::before {
  border-radius: 50%;
}

.filter-facet input[type=checkbox],
.filter-facet input[type=radio] {
  background-color: var(--white);
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group .form-control,
.input-group .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group__btn {
  display: flex;
}

.group-radioboxlist :has(> input[type=checkbox]),
.group-radioboxlist :has(> input[type=radio]),
.group-checkboxlist :has(> input[type=checkbox]),
.group-checkboxlist :has(> input[type=radio]) {
  display: var(--icon-display, flex);
  column-gap: var(--spacing-xs);
}
.group-radioboxlist :has(> input[type=checkbox]) input[type=checkbox],
.group-radioboxlist :has(> input[type=checkbox]) input[type=radio],
.group-radioboxlist :has(> input[type=radio]) input[type=checkbox],
.group-radioboxlist :has(> input[type=radio]) input[type=radio],
.group-checkboxlist :has(> input[type=checkbox]) input[type=checkbox],
.group-checkboxlist :has(> input[type=checkbox]) input[type=radio],
.group-checkboxlist :has(> input[type=radio]) input[type=checkbox],
.group-checkboxlist :has(> input[type=radio]) input[type=radio] {
  --icon-scale: 0.9;
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
}
.group-radioboxlist :has(> input[type=checkbox]) input[type=checkbox]::before,
.group-radioboxlist :has(> input[type=checkbox]) input[type=radio]::before,
.group-radioboxlist :has(> input[type=radio]) input[type=checkbox]::before,
.group-radioboxlist :has(> input[type=radio]) input[type=radio]::before,
.group-checkboxlist :has(> input[type=checkbox]) input[type=checkbox]::before,
.group-checkboxlist :has(> input[type=checkbox]) input[type=radio]::before,
.group-checkboxlist :has(> input[type=radio]) input[type=checkbox]::before,
.group-checkboxlist :has(> input[type=radio]) input[type=radio]::before {
  --icon-color: var(--color1-base);
  --form-icon-inner-factor: 55%;
}
.group-radioboxlist :has(> input):focus-within input:focus-visible,
.group-checkboxlist :has(> input):focus-within input:focus-visible {
  --focus-offset-shadow: 0 0 0 var(--focus-offset-width) var(--focus-offset-color);
  --focus-shadow: 0 0 0 calc(var(--focus-width) + var(--focus-offset-width)) var(--focus-color);
  box-shadow: var(--focus-offset-shadow), var(--focus-shadow), var(--shadow, 0 0 var(--black));
  outline: none;
  --focus-offset-shadow: inset 0 0 0 var(--focus-offset-width) var(--focus-offset-color);
  --focus-shadow: inset 0 0 0 calc(var(--focus-width) + var(--focus-offset-width)) var(--focus-color);
}

.group-inline {
  display: inline-flex;
  column-gap: var(--spacing-xs);
}

.form-group,
.fieldset-group {
  position: relative;
}
.form-group:not(:last-child),
.fieldset-group:not(:last-child) {
  --paragraph-margin-bottom: var(--spacing-md);
  margin-bottom: var(--paragraph-margin-bottom);
}

.control-info-text {
  position: relative;
  color: var(--gray-dark);
  font-size: var(--font-size-sm);
  padding-top: var(--spacing-2xs);
  padding-left: calc(0.5rem + 0.5lh + var(--spacing-xs));
}
.control-info-text::before {
  content: "";
  position: absolute;
  top: var(--spacing-2xs);
  left: 0.5rem;
  width: 1px;
  height: 0.5lh;
  background-color: var(--gray-dark);
}
.control-info-text::after {
  content: "";
  position: absolute;
  top: calc(var(--spacing-2xs) + 0.5lh);
  left: 0.5rem;
  width: 0.5lh;
  height: 1px;
  background-color: var(--gray-dark);
}

.checkboxlist-info {
  position: relative;
  color: var(--gray-dark);
  font-size: var(--font-size-sm);
  padding-top: var(--spacing-2xs);
  padding-left: calc(calc(1lh * 0.9 / 2) + 0.5lh + var(--spacing-xs));
}
.checkboxlist-info::before {
  content: "";
  position: absolute;
  top: var(--spacing-2xs);
  left: calc(1lh * 0.9 / 2);
  width: 1px;
  height: 0.5lh;
  background-color: var(--gray-dark);
}
.checkboxlist-info::after {
  content: "";
  position: absolute;
  top: calc(var(--spacing-2xs) + 0.5lh);
  left: calc(1lh * 0.9 / 2);
  width: 0.5lh;
  height: 1px;
  background-color: var(--gray-dark);
}

.toppos {
  position: fixed;
  right: 1vw;
  bottom: 1vw;
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-xs);
  align-items: flex-end;
  pointer-events: none;
  z-index: 1091;
}
.toppos > * {
  pointer-events: auto;
}

.btn-toggle-share:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.btn-toggle-share:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.btn-toggle-share:has(> [data-icon]) > [data-icon] {
  align-self: var(--icon-align-self, start);
}
.btn-toggle-share:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.btn-toggle-share:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.btn-toggle-share:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.btn-toggle-share:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.btn-toggle-share {
  aspect-ratio: 1/1;
  width: auto;
  --size: 4.2rem;
  height: var(--size);
  padding: 0;
  color: var(--color1-base);
  background-color: var(--color1-lightest);
  border-color: var(--color1-lightest);
  font-size: 1.4rem;
  font-weight: 600;
}
@media (hover: hover) {
  .btn-toggle-share:hover {
    color: var(--white);
    background-color: var(--color1-base);
    border-color: var(--color1-base);
  }
}
.btn-toggle-share:focus-visible {
  color: var(--white);
  background-color: var(--color1-base);
  border-color: var(--color1-base);
}

.btn-totop:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.btn-totop:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.btn-totop:has(> [data-icon]) > [data-icon] {
  align-self: var(--icon-align-self, start);
}
.btn-totop:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.btn-totop:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.btn-totop:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.btn-totop:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.btn-totop {
  aspect-ratio: 1/1;
  width: auto;
  --size: 4.2rem;
  height: var(--size);
  padding: 0;
  color: var(--white);
  background-color: var(--color2-base);
  border-color: var(--color2-base);
  font-size: 1.4rem;
  font-weight: 600;
}
@media (hover: hover) {
  .btn-totop:hover {
    color: var(--white);
    background-color: var(--color1-base);
    border-color: var(--color1-base);
  }
}
.btn-totop:focus-visible {
  color: var(--white);
  background-color: var(--color1-base);
  border-color: var(--color1-base);
}

.breadcrumb__list {
  display: block;
  list-style: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumb__item {
  display: inline;
}
.breadcrumb__item.active .breadcrumb__link {
  pointer-events: none;
  text-decoration: none;
  color: var(--body-color);
}
.breadcrumb__link {
  display: inline;
  white-space: nowrap;
}
.breadcrumb__link {
  --icon-scale: 0.7;
}
.breadcrumb__link:has(> [data-icon]):has([data-icon]):has(> [data-icon]) {
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.breadcrumb__link:has(> [data-icon]):has([data-icon]):has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.breadcrumb__link:has(> [data-icon]):has([data-icon]):has(> [data-icon]) > [data-icon] {
  align-self: var(--icon-align-self, start);
}
.breadcrumb__link:has(> [data-icon]):has([data-icon]) [data-icon] {
  margin-block: unset;
}
.breadcrumb__link:has(> [data-icon]):has([data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.breadcrumb__icon {
  vertical-align: middle;
}
.breadcrumb__icon--separator {
  --icon-color: var(--color1-base);
}
.breadcrumb .btn-expand:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.breadcrumb .btn-expand:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.breadcrumb .btn-expand:has(> [data-icon]) > [data-icon] {
  --icon-scale: 1;
  --icon-size: 1.6rem;
  align-self: var(--icon-align-self, start);
}
.breadcrumb .btn-expand:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.breadcrumb .btn-expand:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.breadcrumb .btn-expand:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.breadcrumb .btn-expand:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.breadcrumb .btn-expand {
  aspect-ratio: 1/1;
  width: auto;
  --size: 1lh;
  height: var(--size);
  padding: 0;
}

.breadcrumb-main {
  position: relative;
  z-index: 20;
  background-color: var(--color1-lighter);
  padding-bottom: var(--spacing-md);
}
.breadcrumb-main .breadcrumb__container-wrapper {
  display: flex;
  column-gap: var(--spacing-sm);
  align-items: center;
}
.breadcrumb-main .breadcrumb__container-wrapper:has(.toggled) .breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
}
.breadcrumb-main .breadcrumb__list {
  padding-block: var(--spacing-sm);
  padding-inline: var(--spacing-md);
  border-radius: var(--border-radius-md);
}
.breadcrumb-main.has-more .breadcrumb__container-wrapper {
  overflow-x: clip;
  background-color: var(--white);
  padding-block: var(--spacing-sm);
  padding-inline: var(--spacing-md);
  border-radius: var(--border-radius-md);
}
.breadcrumb-main.has-more .breadcrumb__list {
  padding-left: 0;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}

.breadcrumb-search {
  margin-top: var(--spacing-sm);
}
.breadcrumb-search .breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
}

body:not(body:has(.hero-split)) .breadcrumb {
  margin-bottom: var(--spacing-content);
}

.files__item {
  container: files-item/inline-size;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-sm);
  border: 0.1rem solid var(--color1-light);
  border-radius: var(--border-radius-md);
  padding: var(--spacing-xs) var(--spacing-sm);
}
.files__container {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  column-gap: var(--spacing-sm);
  row-gap: var(--spacing-sm);
  min-width: 0;
}
@container files-item (width >= 45rem) {
  .files__container {
    flex: 1;
  }
}
.files__link:has(> .sr-only) {
  margin: 0;
  font-size: 0;
  line-height: 0;
}
.files__link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: var(--linktag-zindex);
}
.files__link {
  box-shadow: none !important;
  outline: none !important;
}
.files__link:focus-visible::after {
  --focus-offset-shadow: 0 0 0 var(--focus-offset-width) var(--focus-offset-color);
  --focus-shadow: 0 0 0 calc(var(--focus-width) + var(--focus-offset-width)) var(--focus-color);
  box-shadow: var(--focus-offset-shadow), var(--focus-shadow), var(--shadow, 0 0 var(--black));
  outline: none;
}
.files__link:active::after {
  outline-offset: var(--outline-offset, var(--outline-offset-width));
  outline: var(--outline-width) var(--outline-style) var(--outline-color);
}
.files__link {
  min-width: 0;
}
.files__name {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.files__size, .files__date, .files__info {
  font-size: var(--font-size-sm);
  color: var(--gray-dark);
}
.files__info {
  color: var(--white);
  background-color: var(--color1-base);
  padding: var(--spacing-2xs) var(--spacing-xs);
  border-radius: var(--border-radius-md);
  font-weight: 500;
  text-transform: uppercase;
}
.files__info {
  min-width: fit-content;
  transition: all 0.2s ease-in-out;
}
.files__info:has(> [data-icon]) {
  display: var(--icon-display, inline-flex);
  column-gap: var(--spacing-2xs);
  grid-template-columns: auto 1fr;
}
.files__info:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.files__info:has(> [data-icon]) > [data-icon] {
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
  align-self: var(--icon-align-self, start);
}
.files__player {
  height: 1lh;
  width: 10rem;
}
.files__download {
  position: relative;
  color: var(--white);
  background-color: var(--color1-base);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: 3rem;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  transition-property: color, background-color, border-color, text-decoration;
}
@media (hover: hover) {
  .files__download:hover {
    --icon-color: currentColor;
  }
}
.files__download:focus-visible {
  --icon-color: currentColor;
}
.files__download:active:not(:disabled) {
  transform: scale(var(--btn-pressed-scale, 0.97));
  transition: transform 120ms var(--ease-out, cubic-bezier(0.23, 1, 0.32, 1));
}
.files__download:has(> [data-icon]) {
  display: var(--icon-display, inline-flex);
  column-gap: var(--icon-column-gap);
  grid-template-columns: auto 1fr;
}
.files__download:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.files__download:has(> [data-icon]) > [data-icon] {
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
  align-self: var(--icon-align-self, start);
}
.files__icon, .files__player {
  display: none;
}
@container files-item (width >= 45rem) {
  .files__icon, .files__player {
    display: block;
  }
}
.files .link-hover:focus-within .files__name {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
@media (hover: hover) {
  .files .link-hover:hover {
    border: 0.1rem solid var(--link-color-hover);
  }
  .files .link-hover:hover .files__info {
    color: var(--white);
    background-color: var(--link-color-hover);
  }
  .files .link-hover:hover .files__download {
    color: var(--white);
    background-color: var(--color2-base);
  }
}
.files .link-hover:focus-visible, .files .link-hover:focus-within {
  border: 0.1rem solid var(--link-color-hover);
}
.files .link-hover:focus-visible .files__info, .files .link-hover:focus-within .files__info {
  color: var(--white);
  background-color: var(--link-color-hover);
}
.files .link-hover:focus-visible .files__download, .files .link-hover:focus-within .files__download {
  color: var(--white);
  background-color: var(--color2-base);
}
.status {
  color: var(--body-color);
  background-color: var(--white);
  font-size: var(--font-size-sm);
  padding: var(--spacing-3xs) var(--spacing-sm);
  border: 0.1rem var(--color1-lighter) solid;
  border-radius: 0.8rem;
}
.status {
  display: var(--icon-display, inline-flex);
  column-gap: var(--icon-column-gap);
}
.status::before {
  content: "";
  flex-shrink: 0;
  width: auto;
  height: calc(var(--icon-size, 1lh) * var(--icon-scale, 1));
  display: inline-flex;
  aspect-ratio: var(--icon-aspect-ratio-width, 1)/var(--icon-aspect-ratio-height, 1);
}
.status::before {
  aspect-ratio: 1/1;
  width: auto;
  --size: 1rem;
  height: var(--size);
  border-radius: 50%;
  background-color: var(--icon-color);
  --icon-scale: 1;
  margin-block: calc((1lh - var(--icon-size)) / 2);
  --icon-size: 1rem;
}
.status {
  --open: #198754;
  --closed: #dc3545;
  --appointment: #ffc107;
  --byappointment: #ffc107;
  --closingsoon: #ffc107;
  --reachablebyphone: #ffc107;
}
.status.open, .status[data-status=open] {
  --icon-color: var(--open);
}
.status.closed, .status[data-status=closed] {
  --icon-color: var(--closed);
}
.status.appointment, .status[data-status=appointment] {
  --icon-color: var(--appointment);
}
.status.byappointment, .status[data-status=byappointment] {
  --icon-color: var(--byappointment);
}
.status.closingsoon, .status[data-status=closingsoon] {
  --icon-color: var(--closingsoon);
}
.status.reachablebyphone, .status[data-status=reachablebyphone] {
  --icon-color: var(--reachablebyphone);
}

.openings {
  container: openings/inline-size;
  position: relative;
}
.openings__container {
  background-color: var(--color1-lightest);
  padding-block: var(--spacing-md);
}
.openings__container::after, .openings__container::before {
  content: "";
  position: absolute;
  width: 100vw;
  left: calc((100vw - 100%) / -2);
  height: 0.1rem;
  background-color: var(--color1-lighter);
  top: 0;
}
.openings__container::after {
  top: unset;
  bottom: 0;
}
@container openings (width >= 60rem) {
  .openings__container {
    border: 0.1rem var(--color1-lighter) solid;
    border-radius: var(--border-radius-md);
    padding-block: var(--spacing-lg);
  }
  .openings__container::after, .openings__container::before {
    content: unset;
  }
}
.openings__title:not(:last-child) {
  --heading-margin-bottom: 0;
}
.openings__title {
  --heading-font-weight: 600;
}
.openings__btn-today {
  padding: var(--spacing-xs) var(--spacing-sm);
}
.openings-header,
.openings-info {
  margin-block: var(--spacing-md);
}
@container openings (min-width: 60rem) {
  .openings-header,
  .openings-info {
    margin-inline: var(--spacing-lg);
  }
}

.openings-info:has(> [data-icon]) > [data-icon] {
  vertical-align: text-top;
  margin-right: var(--icon-column-gap);
}

.openings-header {
  display: flex;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-xs);
  align-items: baseline;
  flex-wrap: wrap;
}
@container openings (min-width: 80rem) {
  .openings-header {
    grid-template-columns: auto 1fr;
  }
}
.openings-header__today {
  display: flex;
  gap: var(--spacing-sm);
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
}

.openings-control {
  display: flex;
  column-gap: var(--spacing-md);
  align-items: center;
  isolation: isolate;
  flex-grow: 1;
  justify-content: flex-end;
}
.openings-control__date {
  display: flex;
  align-items: center;
  column-gap: var(--spacing-sm);
  padding-left: var(--spacing-md);
  border: 0.1rem var(--color1-lighter) solid;
  border-radius: 3rem;
  background-color: var(--white);
}
.openings-control__date-txt {
  white-space: nowrap;
}
.openings-control__date-btn {
  color: var(--body-color);
  background-color: var(--body-background-color);
  padding: var(--spacing-xs) var(--spacing-sm);
}
.openings-control__date-btn:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.openings-control__date-btn:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.openings-control__date-btn:has(> [data-icon]) > [data-icon] {
  align-self: var(--icon-align-self, start);
}
.openings-control__date-btn:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.openings-control__date-btn:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.openings-control__date-btn:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.openings-control__date-btn:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.openings-control__date-btn {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: var(--spacing-xs) var(--spacing-sm);
}
.openings-control__control-btn {
  color: var(--body-color);
  background-color: var(--body-background-color);
  border: 0.1rem var(--color1-lighter) solid;
  border-radius: 3rem;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition-property: color, background-color, border-color, text-decoration;
}
@media (hover: hover) {
  .openings-control__control-btn:hover {
    --icon-color: currentColor;
  }
}
.openings-control__control-btn:focus-visible {
  --icon-color: currentColor;
}
.openings-control__control-btn:active:not(:disabled) {
  transform: scale(var(--btn-pressed-scale, 0.97));
  transition: transform 120ms var(--ease-out, cubic-bezier(0.23, 1, 0.32, 1));
}
.openings-control__control-btn:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.openings-control__control-btn:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.openings-control__control-btn:has(> [data-icon]) > [data-icon] {
  align-self: var(--icon-align-self, start);
}
.openings-control__control-btn:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.openings-control__control-btn:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.openings-control__control-btn:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.openings-control__control-btn:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.openings-control__control-btn {
  padding: var(--spacing-xs) var(--spacing-sm);
}
@media (width <= 47.98em) {
  .openings-control__control-btn:first-of-type {
    margin-left: auto;
  }
}
.openings-control__popup {
  position: absolute;
  background-color: var(--white);
  border-radius: var(--border-radius-md);
  border: 0.1rem var(--color1-lighter) solid;
  z-index: 100;
  box-shadow: 0.5rem 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.04);
}
.openings-control__popup .group-datepicker {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.openings-control__popup-container {
  position: relative;
  padding: var(--spacing-md);
}
.openings-control__close-btn {
  position: absolute;
  top: 0;
  right: 0;
}
.openings-control__close-btn:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.openings-control__close-btn:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.openings-control__close-btn:has(> [data-icon]) > [data-icon] {
  align-self: var(--icon-align-self, start);
}
.openings-control__close-btn:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.openings-control__close-btn:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.openings-control__close-btn:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.openings-control__close-btn:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.openings-control__close-btn {
  aspect-ratio: 1/1;
  width: auto;
  --size: 1.6rem;
  height: var(--size);
  padding: 0;
  transform: translate(50%, -50%);
}
.openings-control__close-btn:active {
  transform: translate(50%, -50%);
}

.openings-days {
  container: openings-days/inline-size;
}
.openings-days__list {
  row-gap: 0;
}
@container openings-days (min-width: 80rem) {
  .openings-days__list {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: var(--grid-column-gap);
  }
}
.openings-days__item {
  padding-block: var(--spacing-md);
  border-bottom: 0.1rem var(--color1-lighter) solid;
}
.openings-days__item:last-of-type {
  border-bottom: none;
}
.openings-days__item:has(.hours__fully-closed) .openings-days__date {
  opacity: 0.3;
}
@container openings (max-width: 60rem) {
  .openings-days__item.today {
    box-shadow: 0 0 0 100vmax var(--full-background-color);
    --full-background-color: var(--color1-lighter);
    background-color: var(--full-background-color);
    clip-path: inset(0 -100vmax);
  }
}
@container openings (min-width: 60rem) {
  .openings-days__item.today {
    background-color: var(--color1-lighter);
    border-left: solid 0.2rem var(--color1-base);
  }
}
@container openings (min-width: 60rem) {
  .openings-days__item.selected {
    border-left: solid 0.2rem var(--color1-base);
  }
}
@container openings (min-width: 60rem) {
  .openings-days__item {
    padding-inline: var(--spacing-lg);
  }
}
@container openings-days (min-width: 80rem) {
  .openings-days__item {
    display: grid;
    grid-column: 1/-1;
    grid-template-columns: subgrid;
    align-items: baseline;
  }
  .openings-days__item .openings-days__date {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }
}
.openings-days__date {
  display: flex;
  gap: var(--spacing-2xs);
  align-items: baseline;
  margin-bottom: var(--spacing-sm);
}
.openings-days__date-weekday {
  font-size: var(--h4-font-size);
  font-weight: 600;
  text-transform: capitalize;
}
.openings-days__hours-info {
  margin-top: var(--spacing-md);
  color: var(--gray-dark);
}
.openings-days__hours-info:has(> [data-icon]) {
  display: var(--icon-display, inline-flex);
  column-gap: var(--spacing-2xs);
  grid-template-columns: auto 1fr;
}
.openings-days__hours-info:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.openings-days__hours-info:has(> [data-icon]) > [data-icon] {
  --icon-scale: 0.8;
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
  align-self: var(--icon-align-self, start);
}

.openings-exceptions__date .date-wrapper {
  display: inline;
}
.openings-exceptions__reason {
  display: flex;
  gap: var(--spacing-xs);
  flex-wrap: wrap;
  align-items: baseline;
}
.openings-exceptions .hours {
  container: unset;
}
.openings-exceptions .dl-hstack__term {
  color: var(--body-color);
}
@container dl-hstack (max-width: 80rem) {
  .openings-exceptions .dl-hstack {
    --dl-row-gap: var(--spacing-md);
  }
}

.hours {
  container: hours/inline-size;
}
.hours__title {
  text-decoration: currentColor underline solid auto;
  text-underline-offset: 0.3rem;
  transition-property: color, background-color, border, text-decoration;
}
.hours__title {
  font-size: var(--h6-font-size);
  font-weight: 600;
  text-decoration-color: currentColor;
  color: var(--body-color);
}
.hours__list {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--spacing-xs) var(--spacing-md);
  align-items: baseline;
}
@container hours (width <= 51.18rem) {
  .hours__list {
    grid-template-columns: 1fr;
  }
  .hours__list .hours__item {
    display: flex;
    flex-direction: column;
    row-gap: var(--spacing-2xs);
  }
}
.hours__item {
  display: contents;
}
.hours__closed {
  grid-column: 1/-1;
}
.hours__date {
  background-color: var(--body-color);
  background-color: var(--white);
  border-radius: var(--border-radius-sm);
  padding: var(--spacing-2xs) var(--spacing-xs);
  border-left: transparent solid 0.2rem;
}

.skip:not(:focus):not(:focus-within) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.main {
  margin-bottom: var(--spacing-section);
  overflow-x: clip;
}
.main__container {
  container-type: inline-size;
}
.main__container section > .container-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-section);
}

.page-grid {
  display: grid;
  grid-template: auto/100%;
  gap: var(--spacing-content) var(--spacing-section);
}
@media (width >= 64em) {
  .page-grid--reverse, .atoz .page-container, .filter-overview .page-container {
    grid-template-columns: 1fr 2fr;
  }
  .page-grid--reverse > :not(.page-content), .atoz .page-container > :not(.page-content), .filter-overview .page-container > :not(.page-content) {
    grid-column: 1;
  }
  .page-grid--reverse > .page-content, .atoz .page-container > .page-content, .filter-overview .page-container > .page-content {
    grid-column: 2;
  }
}
@media (width >= 64em) {
  .page-grid {
    grid-template-columns: 2fr 1fr;
  }
  .page-grid > * {
    height: fit-content;
  }
  .page-grid > :not(.page-content) {
    grid-column: 2;
  }
  .page-grid > .page-content {
    grid-column: 1;
    grid-row: 1/-1;
  }
  .page-grid > .page-content:only-child {
    grid-column: span 2;
  }
  .page-grid:has(> :nth-child(3)) {
    grid-template-rows: repeat(calc(var(--sidebar-count, 1) - 1), auto) 1fr;
  }
  .page-grid:has(> :nth-child(3)) > .page-content {
    grid-row: 1/-1;
  }
}
@media (width >= 80em) {
  .page-grid {
    --page-max-spread: calc((100cqi - var(--spacing-section)) * 2 / 3);
  }
}

.page-content {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-content);
}

.side-bar {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-xl);
}

@media (width >= 64em) {
  [data-sticky], .contact-overview pcontent .page-container:has(.compact-contact--spotlight .compact-contact__item:only-child) .compact-contact--spotlight, .product-detail .page-container > .compact-contact:has(.compact-contact__item:only-child), .page-grid:not(:has(.side-bar, .compact-contact)) .anchors--sticky {
    position: sticky;
    top: var(--spacing-xl);
    z-index: 1020;
  }
}

.filter-toggle:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.filter-toggle:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.filter-toggle:has(> [data-icon]) > [data-icon] {
  --icon-scale: 1;
  --icon-size: 2.4rem;
  align-self: var(--icon-align-self, start);
}
.filter-toggle:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.filter-toggle:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.filter-toggle:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.filter-toggle:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.filter-toggle {
  aspect-ratio: 1/1;
  width: auto;
  --size: 1.6rem;
  height: var(--size);
  padding: 0;
  color: var(--body-color);
  background-color: var(--white);
}
@media (hover: hover) {
  .filter-toggle:hover {
    color: var(--white);
    background-color: var(--gray-darker);
  }
}
.filter-toggle:focus-visible {
  color: var(--white);
  background-color: var(--gray-darker);
}
.filter-toggle {
  order: -1;
  width: auto;
  height: 1lh;
  margin-right: var(--icon-column-gap);
}
.filter-toggle.active .filter-toggle__icon {
  transform: rotate(180deg);
}

.filter-overview .pagination {
  padding-block: var(--spacing-content);
  border-top: 0.1rem var(--color1-lighter) solid;
  flex-basis: 100%;
}
@media (width >= 48em) {
  .filter-overview:not(:has(.page-content:only-child)) .hstack {
    --flex-column-span: 6;
  }
}
@media (width >= 64em) {
  .filter-overview:not(:has(.page-content:only-child)) .hstack {
    --flex-column-span: 6;
  }
}

.filter-display fieldset {
  display: flex;
  align-items: center;
  column-gap: var(--spacing-sm);
  background-color: var(--gray-lighter);
  border-radius: 3rem;
  padding: var(--spacing-2xs);
}
.filter-display legend {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.filter-display :has(> input) {
  border-radius: 3rem;
  padding: var(--spacing-2xs) var(--spacing-sm);
  border: 0.1rem var(--color1-lighter) solid;
  position: relative;
}
.filter-display :has(> input) input {
  position: absolute;
  z-index: -1;
}
.filter-display :has(> input) input:focus-visible {
  box-shadow: none !important;
}
.filter-display :has(> input) label {
  font-weight: 400;
}
.filter-display :has(> input) label:has(> [data-icon]) {
  display: var(--icon-display, inline-flex);
  column-gap: var(--icon-column-gap);
  grid-template-columns: auto 1fr;
}
.filter-display :has(> input) label:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.filter-display :has(> input) label:has(> [data-icon]) > [data-icon] {
  --icon-scale: 0.5;
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
  align-self: var(--icon-align-self, start);
}
.filter-display :has(> input):has(:checked) {
  background-color: var(--white);
}
.filter-display :has(> input):has(input:focus-visible) {
  --focus-offset-shadow: 0 0 0 var(--focus-offset-width) var(--focus-offset-color);
  --focus-shadow: 0 0 0 calc(var(--focus-width) + var(--focus-offset-width)) var(--focus-color);
  box-shadow: var(--focus-offset-shadow), var(--focus-shadow), var(--shadow, 0 0 var(--black));
  outline: none;
  --focus-offset-shadow: 0 0 0 var(--focus-offset-width) var(--focus-offset-color);
  --focus-shadow: 0 0 0 calc(var(--focus-width) + var(--focus-offset-width)) var(--focus-color);
  --focus-offset-color: var(--white);
  --focus-offset-width: 0.2rem;
}
.filter-display :has(> input):not(:has(input:checked)) {
  border-color: transparent;
}
.filter-display :has(> input):not(:has(input:checked)) label {
  color: var(--gray-dark);
}
@media (hover: hover) {
  .filter-display :has(> input):not(:has(input:checked)):hover {
    background-color: var(--white);
  }
}
.filter-display :has(> input):not(:has(input:checked)):focus-visible, .filter-display :has(> input):not(:has(input:checked)):focus-within {
  background-color: var(--white);
}

.filter-facet__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-sm);
}
.filter-facet .search__input {
  background-color: var(--color1-lighter);
  border-color: var(--color1-lighter);
}
.filter-facet .search__btn {
  color: inherit;
  --icon-color: inherit;
  background-color: var(--color1-lighter);
  border-color: var(--color1-lighter);
  cursor: default;
}
.filter-facet__list, .list-filter {
  row-gap: var(--spacing-xs);
}
.filter-facet__list-sub {
  flex: 0 0 calc(100% - 1lh - var(--icon-column-gap));
  margin-left: calc(1lh + var(--icon-column-gap) + 0.45lh);
  margin-top: var(--spacing-xs);
}
.filter-facet :has(> .filter-toggle) {
  display: flex;
  flex-wrap: wrap;
}
.filter-facet :has(+ .filter-toggle) {
  flex: 1 1 0;
  min-width: 0;
}
.filter-facet :has(> .active) {
  position: relative;
}
.filter-facet :has(> .active)::before {
  content: "";
  display: block;
  background-color: var(--color1-lighter);
  --size-width: 0.1rem;
  width: var(--size-width);
  --size-height: calc(100% - 1lh - 0.1rem);
  height: var(--size-height);
  position: absolute;
  top: 1lh;
  left: calc(0.5lh - 0.1rem);
}
.filter-facet-details, .event-details {
  color: var(--body-color);
  background-color: var(--color1-lightest);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--border-radius-md);
  border: 0.1rem var(--color1-lighter) solid;
}
.filter-facet-details .summary [data-icon], .event-details .summary [data-icon] {
  --icon-scale: 1;
  transition: all 0.2s ease-in-out;
}
.filter-facet-details .summary, .event-details .summary {
  color: var(--heading-color);
  font-weight: var(--heading-font-weight);
  font-family: var(--heading-font-family);
  line-height: var(--heading-line-height);
}
.filter-facet-details .summary, .event-details .summary {
  font-size: var(--h5-font-size);
}
.filter-facet-details .summary [data-icon], .event-details .summary [data-icon] {
  --icon-scale: 1;
}

.filter-header__results {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: var(--spacing-sm);
  row-gap: var(--spacing-sm);
  font-size: var(--font-size-sm);
  position: relative;
  padding-bottom: var(--spacing-xl);
}
.filter-header__results::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(var(--spacing-xl) / 2 + 0.1rem);
  border-color: hsla(0, 0%, 20%, 0.1);
  border-width: 0.2rem;
  border-style: dotted;
  width: 100%;
}
.filter-header__results::after {
  border-width: 0;
  border-top-width: 0.2rem;
}
.filter-header__total {
  display: inline-flex;
  column-gap: var(--spacing-xs);
  align-items: baseline;
}
.filter-header__total .title:not(:last-child) {
  --heading-margin-bottom: 0;
}
.filter-header__total .title {
  --heading-font-weight: 500;
}
.filter-header__btn-remove-all {
  border: 0.1rem var(--color1-lighter) solid;
  border-color: transparent;
  font-size: var(--font-size-sm);
  font-weight: 300;
  padding: var(--spacing-2xs) var(--spacing-xs);
  border-radius: var(--border-radius-md);
}
@media (hover: hover) {
  .filter-header__btn-remove-all:hover {
    border-color: #dc3545;
    color: #dc3545;
  }
}
.filter-header__btn-remove-all:focus-visible {
  border-color: #dc3545;
  color: #dc3545;
}
.filter-header__search .form-group {
  align-self: flex-end;
  flex-wrap: wrap;
  row-gap: var(--spacing-xs);
}
.filter-header__search .form-group label {
  white-space: nowrap;
  align-self: center;
  font-weight: 400;
}
.filter-header__search .form-group label:after {
  content: ":";
}
.filter-header__search .form-group .control-wrapper {
  flex-shrink: 0;
}
.filter-header__search .form-control {
  border-radius: 1.2rem;
}
.filter-header__search select.form-control {
  cursor: pointer;
}
.filter-header__search select.form-control:focus, .filter-header__search select.form-control:active {
  border-radius: 1.2rem 1.2rem 0 0;
}

.filter-tags {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: var(--spacing-sm);
  align-items: baseline;
}
.filter-tags__title > span::after {
  content: ": ";
}
.filter-tags__list {
  list-style: none;
  padding-left: 0;
}
.details__content {
  margin-top: var(--spacing-md);
}
@supports (block-size: calc-size(auto, size)) {
  .details::details-content {
    display: block;
    block-size: 0;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
    transition-property: block-size, content-visibility;
    transition-behavior: allow-discrete;
  }
  .details[open]::details-content {
    block-size: calc-size(auto, size);
  }
}
.details[open] > .summary [data-icon] {
  transform: rotate(180deg);
}
.details[open] > .summary .summary__icon::after {
  transform: rotate(0deg);
}
.details[open] > .summary .summary__icon::before {
  transform: rotate(-90deg);
  opacity: 0;
}

.summary {
  cursor: pointer;
  touch-action: manipulation;
  display: var(--icon-display, flex);
  column-gap: var(--spacing-sm);
}
.summary__title {
  margin: 0 auto 0 0 !important;
}
.summary:has(> h1.summary__title) {
  --title-line-height: calc(var(--h1-font-size) * var(--heading-line-height));
}
.summary:has(> h2.summary__title) {
  --title-line-height: calc(var(--h2-font-size) * var(--heading-line-height));
}
.summary:has(> h3.summary__title) {
  --title-line-height: calc(var(--h3-font-size) * var(--heading-line-height));
}
.summary:has(> h4.summary__title) {
  --title-line-height: calc(var(--h4-font-size) * var(--heading-line-height));
}
.summary:has(> h5.summary__title) {
  --title-line-height: calc(var(--h5-font-size) * var(--heading-line-height));
}
.summary:has(> h6.summary__title) {
  --title-line-height: calc(var(--h6-font-size) * var(--heading-line-height));
}
.summary [data-icon] {
  --icon-scale: 1;
  margin-block: calc((1lh - var(--icon-size)) / 2);
  --icon-size: 2.4rem;
  transition: all 0.2s ease-in-out;
}
.summary__icon {
  display: inline-flex;
  position: relative;
  color: var(--icon-color);
  aspect-ratio: 1/1;
  width: auto;
  height: var(--btn-size, 1.6rem);
  --icon-scale: 1;
  --icon-size: 2.4rem;
  margin-block: calc((var(--title-line-height, 1lh) - var(--btn-size, 1.6rem)) / 2);
}
.summary__icon::before, .summary__icon::after {
  display: block;
  width: var(--icon-size);
  height: 0.3rem;
  border-radius: 0.125rem;
  background-color: currentcolor;
  transition: all 0.2s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.summary__icon:after {
  transform: rotate(90deg);
}
.summary:focus-visible > :not(.summary__title) {
  --focus-offset-shadow: 0 0 0 var(--focus-offset-width) var(--focus-offset-color);
  --focus-shadow: 0 0 0 calc(var(--focus-width) + var(--focus-offset-width)) var(--focus-color);
  box-shadow: var(--focus-offset-shadow), var(--focus-shadow), var(--shadow, 0 0 var(--black));
  outline: none;
  --focus-offset-shadow: 0 0 0 var(--focus-offset-width) var(--focus-offset-color);
  --focus-shadow: 0 0 0 calc(var(--focus-width) + var(--focus-offset-width)) var(--focus-color);
  --focus-offset-color: var(--white);
  --focus-offset-width: 0.2rem;
}

.accordion-details {
  position: relative;
  padding-bottom: var(--spacing-md);
}
.accordion-details::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(var(--spacing-md) / 2 + 0.1rem);
  border-color: hsla(0, 0%, 20%, 0.1);
  border-width: 0.2rem;
  border-style: dotted;
  width: 100%;
}
.accordion-details::after {
  border-width: 0;
  border-top-width: 0.2rem;
}
.accordion-details .summary__title {
  --heading-color: var(--color1-dark);
  --h2-font-size: var(--h4-font-size);
}
.accordion-details .summary__icon {
  --icon-color: var(--color1-dark);
  --icon-size: 1.6rem;
  background-color: var(--color1-lighter);
  border-radius: 4rem;
  --btn-size: 3.5rem;
}
.accordion-details .details__content:has(.accordion-details) {
  margin-top: var(--spacing-lg);
}
.accordion-details .accordion-details {
  position: relative;
  padding-bottom: var(--spacing-lg);
}
.accordion-details .accordion-details::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(var(--spacing-lg) / 2 + 0.1rem);
  border-color: hsla(0, 0%, 20%, 0.06);
  border-width: 0.2rem;
  border-style: dotted;
  width: 100%;
}
.accordion-details .accordion-details::after {
  border-width: 0;
  border-top-width: 0.2rem;
}
.accordion-details .accordion-details:last-of-type {
  padding-bottom: 0;
}
.accordion-details .accordion-details:last-of-type::after {
  border-color: transparent;
}
.accordion-details .accordion-details .summary__icon {
  order: -1;
  --icon-size: 1.4rem;
  --btn-size: 2.4rem;
}
.accordion-details .accordion-details .details__content {
  padding-left: calc(2.4rem + var(--spacing-sm));
}

.anchors-details {
  color: var(--body-color);
  background-color: var(--color2-lighter);
  padding: var(--spacing-xl);
  border-radius: var(--border-radius-md);
}
.anchors-details .summary {
  color: var(--heading-color);
  font-weight: var(--heading-font-weight);
  font-family: var(--heading-font-family);
  line-height: var(--heading-line-height);
}
.anchors-details .summary {
  font-size: var(--h4-font-size);
}
.anchors-details .summary__title {
  --heading-font-weight: 600;
  color: var(--color2-base);
}
.anchors__list {
  border-left: var(--color2-light) 0.1rem solid;
  padding-left: var(--spacing-md);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.anchors__item {
  position: relative;
}
.anchors__item::before {
  position: absolute;
  content: "";
  border-left: var(--anchors-border-color-active, transparent) 0.4rem solid;
  left: calc((var(--spacing-md) + 0.4rem - 0.1rem) * -1);
  transition: all 0.2s ease-in-out;
  transition-property: border-color;
  border-radius: 0.8rem;
  --size-width: 0.4rem;
  width: var(--size-width);
  --size-height: 100%;
  height: var(--size-height);
}
.anchors__item.active {
  --anchors-border-color-active: var(--color2-base);
}
.anchors__item.active .anchors__link {
  cursor: default;
  --link-color: var(--gray-darker);
}
@media (hover: hover) {
  .anchors__item:hover {
    --anchors-border-color-active: var(--link-color-hover);
  }
}
.anchors__item:focus-visible, .anchors__item:focus-within {
  --anchors-border-color-active: var(--link-color-hover);
}
.anchors__link {
  text-decoration: none;
}

.logos:not(:last-child) {
  --paragraph-margin-bottom: var(--spacing-section);
  margin-bottom: var(--paragraph-margin-bottom);
}
.logos__container {
  gap: var(--spacing-sm);
}
.logos__list {
  justify-content: space-between;
  align-items: center;
}
.logos .thumb-photo {
  width: auto;
  height: var(--logos-height, 5rem);
  aspect-ratio: auto;
}

.btn-az:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.btn-az {
  aspect-ratio: 1/1;
  width: auto;
  --size: 2.4rem;
  height: var(--size);
  padding: 0;
  --size: 3.5rem;
}

.az__list .active {
  transition: none;
}
.az__list .active > .btn-az {
  color: var(--white);
  background-color: var(--color2-base);
}
.alphabet__results {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-content);
}
.alphabet__item {
  display: flex;
  column-gap: var(--spacing-md);
}
.alphabet__letter {
  --heading-color: var(--white);
}
.alphabet__letter:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.alphabet__letter {
  aspect-ratio: 1/1;
  width: auto;
  --size: 6rem;
  height: var(--size);
  padding: 0;
  background-color: var(--color2-base);
  border-radius: 4rem;
}
.social__item {
  display: flex;
  align-items: center;
}
.social__link {
  position: relative;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  cursor: pointer;
  transition-property: color, background-color, border-color, text-decoration;
}
@media (hover: hover) {
  .social__link:hover {
    --icon-color: currentColor;
  }
}
.social__link:focus-visible {
  --icon-color: currentColor;
}
.social__link:active:not(:disabled) {
  transform: scale(var(--btn-pressed-scale, 0.97));
  transition: transform 120ms var(--ease-out, cubic-bezier(0.23, 1, 0.32, 1));
}
.social__link:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.social__link:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.social__link:has(> [data-icon]) > [data-icon] {
  --icon-scale: 1;
  --icon-size: 2.4rem;
  align-self: var(--icon-align-self, start);
}
.social__link:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.social__link:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.social__link:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.social__link:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}

.social-share {
  display: flex;
  gap: var(--spacing-md);
  pointer-events: none;
}
.social-share > * {
  pointer-events: auto;
}
.social-share .social__icon {
  --icon-color: var(--color1-base);
}
.social-share button {
  order: 2;
}
.social-share__btns {
  background-color: var(--color1-lightest);
  padding: var(--spacing-sm);
  border: 0.1rem var(--color1-lighter) solid;
  border-color: var(--color1-lighter);
  border-radius: var(--border-radius-md);
}

.feedback {
  position: relative;
  padding-top: var(--spacing-section);
}
.feedback::before {
  top: calc(var(--spacing-section) / 2 + 0.1rem);
  content: "";
  position: absolute;
  left: 0;
  border-color: hsla(0, 0%, 20%, 0.1);
  border-width: 0.2rem;
  border-style: dashed;
  width: 100%;
}
.feedback::before {
  border-width: 0;
  border-top-width: 0.2rem;
}
.feedback__container {
  padding-bottom: var(--spacing-xl);
}

.compact-contact__title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.compact-contact__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}
.compact-contact__item {
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  gap: var(--spacing-md);
}
@media (width >= 32em) {
  .compact-contact__item {
    position: relative;
  }
  .compact-contact__item .compact-contact__subtitle:not(:last-child) {
    --heading-margin-bottom: 0;
  }
  .compact-contact__item .compact-contact__hours-status {
    position: absolute;
    top: 0;
    right: var(--spacing-lg);
    transform: translateY(-50%);
  }
}
.compact-contact__subtitle-link {
  text-decoration-color: transparent;
}
@media (hover: hover) {
  .compact-contact__subtitle-link:hover {
    text-decoration-color: currentColor;
  }
}
.compact-contact__subtitle-link:focus-visible {
  text-decoration-color: currentColor;
}
.compact-contact__tablist {
  display: flex;
  column-gap: 1.5rem;
}
.compact-contact__tab-btn {
  text-decoration: currentColor underline solid auto;
  text-underline-offset: 0.3rem;
  transition-property: color, background-color, border, text-decoration;
}
.compact-contact__tab-btn {
  color: hsla(234, 61%, 12%, 0.6);
  background-color: initial;
  border-radius: initial;
  font-weight: 600;
  font-size: var(--h6-font-size);
  padding-inline: 0;
  padding-block: var(--spacing-2xs);
  text-decoration-color: transparent;
}
@media (hover: hover) {
  .compact-contact__tab-btn:hover {
    color: var(--link-color-hover);
    background-color: initial;
    text-decoration-color: currentColor;
  }
}
.compact-contact__tab-btn:focus-visible {
  color: var(--link-color-hover);
  background-color: initial;
  text-decoration-color: currentColor;
}
.compact-contact__tab-btn[aria-selected=true] {
  color: var(--body-color);
  text-decoration-color: currentColor;
}
@media (hover: hover) {
  .compact-contact__tab-btn:hover {
    opacity: 1;
  }
}
.compact-contact__tab-btn:focus-visible {
  opacity: 1;
}
.compact-contact__tab-btn:active {
  transform: none !important;
}
.compact-contact__subcolumn {
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  row-gap: var(--spacing-md);
}
.compact-contact__subcolumn:not(:last-child) {
  position: relative;
  padding-bottom: calc(var(--spacing-lg) * 2);
}
.compact-contact__subcolumn:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(var(--spacing-lg) * 2 / 2 + 0.1rem);
  border-color: hsla(0, 0%, 20%, 0.1);
  border-width: 0.2rem;
  border-style: dashed;
  width: 100%;
}
.compact-contact__subcolumn:not(:last-child)::after {
  border-width: 0;
  border-top-width: 0.2rem;
}
.compact-contact__info-short {
  color: var(--body-color);
  background-color: var(--color1-lighter);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--border-radius-md);
}
.compact-contact__info-short:has(> [data-icon]) {
  display: var(--icon-display, inline-flex);
  column-gap: var(--spacing-2xs);
  grid-template-columns: auto 1fr;
}
.compact-contact__info-short:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.compact-contact__info-short:has(> [data-icon]) > [data-icon] {
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
  align-self: var(--icon-align-self, start);
}
.compact-contact .appointment__btn {
  width: 100%;
}
.compact-contact--partial {
  container: compact-contact-partial/inline-size;
}
@container compact-contact-partial (width >= 70rem) {
  .compact-contact--partial .compact-contact__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@container compact-contact-partial (width >= 110rem) {
  .compact-contact--partial .compact-contact__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.compact-contact--spotlight .compact-contact__item {
  container: compact-contact-spotlight-item/inline-size;
  display: grid;
  grid-template-columns: 1fr;
}
.compact-contact--spotlight .compact-contact__list {
  gap: var(--spacing-content) var(--grid-column-gap);
}
@media (width >= 48em) {
  .compact-contact--spotlight .compact-contact__list:has(> .compact-contact__item:nth-child(2)) {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (width >= 80em) {
  .compact-contact--spotlight .compact-contact__list:has(> .compact-contact__item:nth-child(2)) {
    grid-template-columns: repeat(3, 1fr);
  }
  .compact-contact--spotlight .compact-contact__list:has(> .compact-contact__item:nth-child(2)):not(:has(> .compact-contact__item:nth-child(3))) {
    grid-template-columns: repeat(2, 1fr);
  }
  .compact-contact--spotlight .compact-contact__list:has(> .compact-contact__item:nth-child(4)):not(:has(> .compact-contact__item:nth-child(5))) {
    grid-template-columns: repeat(2, 1fr);
  }
}
@container compact-contact-spotlight-item (width >= 80rem) {
  .compact-contact--spotlight .compact-contact__content {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
    column-gap: calc(var(--spacing-lg) * 2);
    row-gap: calc(var(--spacing-lg) * 2);
  }
  .compact-contact--spotlight .compact-contact__content .compact-contact__subcolumn--appointment {
    grid-column: 1/-1;
    position: relative;
  }
  .compact-contact--spotlight .compact-contact__content .compact-contact__subcolumn--appointment::before {
    top: calc(var(--spacing-lg) * 2 / 2 + 0.1rem);
    content: "";
    position: absolute;
    left: 0;
    border-color: hsla(0, 0%, 20%, 0.1);
    border-width: 0.2rem;
    border-style: dashed;
    width: 100%;
  }
  .compact-contact--spotlight .compact-contact__content .compact-contact__subcolumn--appointment::before {
    border-width: 0;
    border-top-width: 0.2rem;
  }
  .compact-contact--spotlight .compact-contact__content .compact-contact__subcolumn:not(:last-child) {
    padding-bottom: 0;
  }
  .compact-contact--spotlight .compact-contact__content .compact-contact__subcolumn:not(:last-child):not(.compact-contact__subcolumn--info-container)::after {
    content: none;
  }
  .compact-contact--spotlight .compact-contact__content .compact-contact__subcolumn--info-container {
    align-self: stretch;
    position: relative;
  }
  .compact-contact--spotlight .compact-contact__content .compact-contact__subcolumn--info-container::after {
    content: "";
    position: absolute;
    left: auto;
    width: 0;
    top: 0;
    bottom: 0;
    left: auto;
    right: calc((var(--spacing-lg) * 2 / 2 + 0.1rem) * -1);
    border-color: hsla(0, 0%, 20%, 0.1);
    border-style: dashed;
    border-width: 0;
    border-right-width: 0.2rem;
  }
}

.streetmap {
  width: 100%;
  height: 100%;
  min-height: var(--streetmap-min-height);
  border-radius: var(--border-radius-md);
  overflow: hidden;
}
.streetmap__container {
  --streetmap-min-height: 35rem;
  border-radius: var(--border-radius-md);
  overflow: hidden;
  width: 100%;
  height: 100%;
  min-height: var(--streetmap-min-height);
}

.poi-svg__wrapper {
  --size-width: 4rem;
  width: var(--size-width);
  --size-height: 4.8rem;
  height: var(--size-height);
  position: relative;
}
.poi-svg__wrapper::before, .poi-svg__wrapper::after {
  content: "";
}
.poi-svg__wrapper {
  display: flex;
  column-gap: var(--icon-column-gap);
}
.poi-svg__wrapper::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  background-image: none !important;
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.716 51.563'%3e%3cpath d='M39.461,38.461l-15.1,15.1-15.1-15.1a21.358,21.358,0,1,1,30.205,0Z' transform='translate%28-3 -2%29' fill='%23fff'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.716 51.563'%3e%3cpath d='M39.461,38.461l-15.1,15.1-15.1-15.1a21.358,21.358,0,1,1,30.205,0Z' transform='translate%28-3 -2%29' fill='%23fff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--icon-color);
  aspect-ratio: var(--icon-aspect-ratio-width, 1)/var(--icon-aspect-ratio-height, 1);
  width: auto;
  height: calc(var(--icon-size, 1lh) * var(--icon-scale, 1));
}
.poi-svg__wrapper {
  --icon-color: var(--white);
  --icon-scale: 1;
  --icon-size: 4.8rem;
  --icon-aspect-ratio-width: 4;
  --icon-aspect-ratio-height: 4.8;
}
.poi-svg__wrapper::before {
  z-index: 2;
}
.poi-svg__wrapper::after {
  --size-width: calc(4rem / 1.5);
  width: var(--size-width);
  --size-height: calc(4rem / 5);
  height: var(--size-height);
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 50%;
  bottom: -0.5rem;
  transform: translate(-50%, 0.4rem);
  z-index: 1;
}
.poi-svg__holder {
  --size-width: 100%;
  width: var(--size-width);
  --size-height: 100%;
  height: var(--size-height);
  position: absolute;
  left: 0;
  top: 0;
}
.poi-svg__holder::before {
  aspect-ratio: 1/1;
  width: auto;
  --size: calc(4rem - 0.6rem);
  height: var(--size);
  border-radius: 50%;
  content: "";
  position: absolute;
  top: calc(0.6rem / 2);
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--poi-background-color, var(--color1-base));
  z-index: 3;
}
.poi-svg__holder::after {
  aspect-ratio: 1/1;
  width: auto;
  --size: 4rem;
  height: var(--size);
  border-radius: 50%;
  content: "";
  position: absolute;
  background-color: var(--white);
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.4);
  z-index: 0;
}
.poi-svg__icon {
  flex-shrink: 0;
  width: auto;
  height: calc(var(--icon-size, 1lh) * var(--icon-scale, 1));
  display: inline-flex;
  aspect-ratio: var(--icon-aspect-ratio-width, 1)/var(--icon-aspect-ratio-height, 1);
}
.poi-svg__icon {
  fill: var(--icon-color);
  transition: all 0.2s ease-in-out, --icon-color 0.2s ease-in-out;
  --icon-color: var(--white);
  --icon-scale: 1;
  --icon-size: 2rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0.8rem;
  z-index: 4;
}

[data-animate="1"] .poi-svg__wrapper {
  opacity: 0;
  animation-name: poiEntrance;
  animation-duration: 2.2s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-delay: outputCssvar(0.2s, poi-animation-delay);
  animation-timing-function: ease-out;
}
[data-animate="1"] .poi-svg__wrapper::after {
  animation-name: poiEntranceShadow;
  animation-duration: 2.2s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-delay: outputCssvar(0.2s, poi-animation-delay);
  animation-timing-function: ease-out;
}
[data-animate="1"] .poi-svg__wrapper.highlight {
  opacity: 1;
  animation-name: poiHighlight;
  animation-duration: 2.2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}
[data-animate="1"] .poi-svg__wrapper.highlight::after {
  animation-name: poiHighlightShadow;
  animation-duration: 2.2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}

@keyframes poiEntrance {
  0% {
    transform: translateY(-4rem);
    opacity: 0;
  }
  35% {
    transform: translateY(-4rem);
    opacity: 0;
  }
  50% {
    transform: translateY(0);
    opacity: 1;
  }
  52% {
    transform: translateY(0);
  }
  61% {
    transform: translateY(-2.2rem);
  }
  62% {
    transform: translateY(-2.2rem);
  }
  70% {
    transform: translateY(0);
  }
  72% {
    transform: translateY(0);
  }
  81% {
    transform: translateY(-0.8rem);
  }
  82% {
    transform: translateY(-0.8rem);
  }
  86% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes poiEntranceShadow {
  0% {
    --size-width: calc(4rem / 2);
    width: var(--size-width);
    --size-height: calc(4rem / 6.5);
    height: var(--size-height);
    opacity: 0;
    transform: translate(-50%, 4rem);
  }
  35% {
    --size-width: calc(4rem / 2);
    width: var(--size-width);
    --size-height: calc(4rem / 6.5);
    height: var(--size-height);
    opacity: 0;
    transform: translate(-50%, 4rem);
  }
  50% {
    --size-width: calc(4rem / 1.5);
    width: var(--size-width);
    --size-height: calc(4rem / 5);
    height: var(--size-height);
    opacity: 1;
    transform: translate(-50%, 0);
  }
  52% {
    --size-width: calc(4rem / 1.5);
    width: var(--size-width);
    --size-height: calc(4rem / 5);
    height: var(--size-height);
    opacity: 1;
    transform: translate(-50%, 0);
  }
  61% {
    --size-width: calc(4rem / 2);
    width: var(--size-width);
    --size-height: calc(4rem / 6);
    height: var(--size-height);
    opacity: 0.6;
    transform: translate(-50%, 2.2rem);
  }
  62% {
    --size-width: calc(4rem / 2);
    width: var(--size-width);
    --size-height: calc(4rem / 6);
    height: var(--size-height);
    opacity: 0.6;
    transform: translate(-50%, 2.2rem);
  }
  70% {
    --size-width: calc(4rem / 1.5);
    width: var(--size-width);
    --size-height: calc(4rem / 5);
    height: var(--size-height);
    opacity: 1;
    transform: translate(-50%, 0);
  }
  72% {
    --size-width: calc(4rem / 1.5);
    width: var(--size-width);
    --size-height: calc(4rem / 5);
    height: var(--size-height);
    opacity: 1;
    transform: translate(-50%, 0);
  }
  81% {
    --size-width: calc(4rem / 2);
    width: var(--size-width);
    --size-height: calc(4rem / 5.5);
    height: var(--size-height);
    opacity: 0.8;
    transform: translate(-50%, 0.8rem);
  }
  82% {
    --size-width: calc(4rem / 2);
    width: var(--size-width);
    --size-height: calc(4rem / 5.5);
    height: var(--size-height);
    opacity: 0.8;
    transform: translate(-50%, 0.8rem);
  }
  86% {
    --size-width: calc(4rem / 1.5);
    width: var(--size-width);
    --size-height: calc(4rem / 5);
    height: var(--size-height);
    opacity: 1;
    transform: translate(-50%, 0);
  }
  100% {
    --size-width: calc(4rem / 1.5);
    width: var(--size-width);
    --size-height: calc(4rem / 5);
    height: var(--size-height);
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
@keyframes poiHighlight {
  0% {
    transform: translateY(0);
  }
  12% {
    transform: translateY(0);
  }
  21% {
    transform: translateY(-0.8rem);
  }
  22% {
    transform: translateY(-0.8rem);
  }
  30% {
    transform: translateY(0);
  }
  32% {
    transform: translateY(0);
  }
  41% {
    transform: translateY(-0.8rem);
  }
  42% {
    transform: translateY(-0.8rem);
  }
  50% {
    transform: translateY(0);
  }
  52% {
    transform: translateY(0);
  }
  61% {
    transform: translateY(-0.8rem);
  }
  62% {
    transform: translateY(-0.8rem);
  }
  70% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes poiHighlightShadow {
  0% {
    --size-width: calc(4rem / 1.5);
    width: var(--size-width);
    --size-height: calc(4rem / 5);
    height: var(--size-height);
    opacity: 1;
    transform: translate(-50%, 0);
  }
  12% {
    --size-width: calc(4rem / 1.5);
    width: var(--size-width);
    --size-height: calc(4rem / 5);
    height: var(--size-height);
    opacity: 1;
    transform: translate(-50%, 0);
  }
  21% {
    --size-width: calc(4rem / 2);
    width: var(--size-width);
    --size-height: calc(4rem / 5.5);
    height: var(--size-height);
    opacity: 0.8;
    transform: translate(-50%, 0.8421052632rem);
  }
  22% {
    --size-width: calc(4rem / 2);
    width: var(--size-width);
    --size-height: calc(4rem / 5.5);
    height: var(--size-height);
    opacity: 0.8;
    transform: translate(-50%, 0.8421052632rem);
  }
  30% {
    --size-width: calc(4rem / 1.5);
    width: var(--size-width);
    --size-height: calc(4rem / 5);
    height: var(--size-height);
    opacity: 1;
    transform: translate(-50%, 0);
  }
  32% {
    --size-width: calc(4rem / 1.5);
    width: var(--size-width);
    --size-height: calc(4rem / 5);
    height: var(--size-height);
    opacity: 1;
    transform: translate(-50%, 0);
  }
  41% {
    --size-width: calc(4rem / 2);
    width: var(--size-width);
    --size-height: calc(4rem / 5.5);
    height: var(--size-height);
    opacity: 0.8;
    transform: translate(-50%, 0.8421052632rem);
  }
  42% {
    --size-width: calc(4rem / 2);
    width: var(--size-width);
    --size-height: calc(4rem / 5.5);
    height: var(--size-height);
    opacity: 0.8;
    transform: translate(-50%, 0.8421052632rem);
  }
  50% {
    --size-width: calc(4rem / 1.5);
    width: var(--size-width);
    --size-height: calc(4rem / 5);
    height: var(--size-height);
    opacity: 1;
    transform: translate(-50%, 0);
  }
  52% {
    --size-width: calc(4rem / 1.5);
    width: var(--size-width);
    --size-height: calc(4rem / 5);
    height: var(--size-height);
    opacity: 1;
    transform: translate(-50%, 0);
  }
  61% {
    --size-width: calc(4rem / 2);
    width: var(--size-width);
    --size-height: calc(4rem / 5.5);
    height: var(--size-height);
    opacity: 0.8;
    transform: translate(-50%, 0.8421052632rem);
  }
  62% {
    --size-width: calc(4rem / 2);
    width: var(--size-width);
    --size-height: calc(4rem / 5.5);
    height: var(--size-height);
    opacity: 0.8;
    transform: translate(-50%, 0.8421052632rem);
  }
  70% {
    --size-width: calc(4rem / 1.5);
    width: var(--size-width);
    --size-height: calc(4rem / 5);
    height: var(--size-height);
    opacity: 1;
    transform: translate(-50%, 0);
  }
  100% {
    --size-width: calc(4rem / 1.5);
    width: var(--size-width);
    --size-height: calc(4rem / 5);
    height: var(--size-height);
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
/*--------------**
|  Date | layout  |
**--------------*/
.date-full {
  color: var(--gray-dark);
}
.date-full:has(> [data-icon]) {
  display: var(--icon-display, inline-flex);
  column-gap: var(--spacing-2xs);
  grid-template-columns: auto 1fr;
}
.date-full:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.date-full:has(> [data-icon]) > [data-icon] {
  --icon-scale: 0.8;
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
  align-self: var(--icon-align-self, start);
}

.date-block {
  display: flex;
  position: relative;
  width: fit-content;
  min-width: 6.4rem;
}
.date-block__entry {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex-grow: 1;
  color: var(--white);
  padding: 1.4rem 1.2rem;
  background-color: var(--color2-base);
  border-radius: var(--border-radius-md);
}
.date-block__entry:has(.date-block__datetext) {
  padding-top: 1.9rem;
}
.date-block__datetext {
  position: absolute;
  bottom: 100%;
  transform: translateY(50%);
  margin-top: -2.8rem;
  line-height: 0.8;
  color: var(--color2-base);
  font-size: var(--font-size-sm);
  padding: 0.3rem 0.6rem;
  background-color: var(--white);
  border-radius: var(--border-radius-md);
  border: 0.2rem solid var(--color2-base);
}
.date-block__day {
  font-size: var(--h4-font-size);
}
.date-block__month {
  font-weight: 700;
  font-size: var(--font-size-sm);
}
.date-block__weekday {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.date-status {
  font-weight: 600;
}
.date-status::before {
  content: "(";
}
.date-status::after {
  content: ")";
}

.tickets__link {
  padding: var(--spacing-xs) var(--spacing-sm);
}
.nav-meta {
  flex-wrap: nowrap;
  column-gap: var(--spacing-sm);
  row-gap: 0;
}
@media (width <= 47.98em) {
  .nav-meta {
    justify-content: center;
  }
}
.nav-meta .nav__link {
  color: var(--black);
  background-color: initial;
  padding-inline: 0;
  border-radius: 0;
}
@media (hover: hover) {
  .nav-meta .nav__link:hover {
    background-color: initial;
    color: var(--link-color-hover);
    --icon-color: currentColor;
  }
}
.nav-meta .nav__link:focus-visible {
  background-color: initial;
  color: var(--link-color-hover);
  --icon-color: currentColor;
}
.nav-meta .nav__link {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}
.nav-meta .nav__link:hover, .nav-meta .nav__link:focus-within {
  text-decoration: underline;
}

.meta .dropdown__menu .nav__link {
  color: var(--body-color);
  padding: var(--spacing-xs) var(--spacing-sm);
  background-color: transparent;
  text-decoration: none;
  border-radius: var(--border-radius-md);
}
@media (hover: hover) {
  .meta .dropdown__menu .nav__link:hover {
    color: var(--link-color-hover);
    background-color: var(--color2-base);
    --icon-color: currentColor;
  }
}
.meta .dropdown__menu .nav__link:focus-visible {
  color: var(--link-color-hover);
  background-color: var(--color2-base);
  --icon-color: currentColor;
}
.meta .dropdown:not(.open) > .nav__link {
  border-color: transparent;
}
@media (width >= 48em) {
  .meta:not(.has-dropdown) .meta__item:first-child {
    margin-left: auto;
  }
}
.meta.has-dropdown .meta__container-wrapper {
  display: var(--nav-display, flex);
  justify-content: flex-end;
}
.meta.has-dropdown .dropdown {
  margin-right: calc((var(--spacing-md) - 0.8rem) * -1);
}

body:has(dialog[open]) {
  overflow: hidden;
}

.dialog {
  border: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
  color: inherit;
  opacity: 0;
  transition: opacity all 0.2s ease-in-out, display all 0.2s ease-in-out;
  transition-behavior: allow-discrete;
}
.dialog[open] {
  opacity: 1;
  position: fixed;
  inset: 0;
  margin: auto;
  height: fit-content;
  width: 100%;
  padding: var(--spacing-sm);
  background-color: var(--white);
  color: var(--body-color);
  border-radius: var(--border-radius-md);
}
@media (width >= 48em) {
  .dialog[open] {
    min-width: 48rem;
    width: auto;
    max-width: 90vw;
  }
}
@starting-style {
  .dialog[open] {
    opacity: 0;
  }
}
.dialog::backdrop {
  background-color: hsla(204, 75%, 87%, 0.8);
  backdrop-filter: blur(2rem);
  opacity: 0;
  transition: opacity all 0.2s ease-in-out, display all 0.2s ease-in-out;
  transition-behavior: allow-discrete;
}
@starting-style {
  .dialog::backdrop {
    opacity: 0;
  }
}
.dialog[open]::backdrop {
  opacity: 1;
}
.dialog .group-inline button {
  font-size: var(--font-size-sm);
  padding: var(--spacing-2xs) var(--spacing-xs);
  border-radius: var(--border-radius-md);
}
.dialog--fullscreen[open] {
  margin: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  min-width: unset;
  overflow: hidden;
  color: var(--white);
  background-color: transparent;
  border-radius: 0;
}

.dialog-embla {
  height: 100%;
  color: var(--white);
}
.dialog-embla__iframe {
  aspect-ratio: 544/355;
  max-height: 70%;
  width: 100%;
}
.dialog-embla__iframe-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialog-embla__close {
  position: absolute;
  top: var(--spacing-sm);
  right: var(--spacing-sm);
}
.dialog-embla__close:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.dialog-embla__close:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.dialog-embla__close:has(> [data-icon]) > [data-icon] {
  align-self: var(--icon-align-self, start);
}
.dialog-embla__close:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.dialog-embla__close:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.dialog-embla__close:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.dialog-embla__close:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.dialog-embla__close {
  aspect-ratio: 1/1;
  width: auto;
  --size: 4.2rem;
  height: var(--size);
  padding: 0;
}
.dialog-embla__swiper, .dialog-embla__container, .dialog-embla__embla {
  height: 100%;
}
.dialog-embla__slide-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.dialog-embla__img {
  max-height: 70%;
  border-radius: var(--border-radius-md);
  margin-bottom: var(--spacing-xs);
  margin-inline: auto;
}
.dialog-embla__description {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (width >= 80em) {
  .dialog-embla__description {
    overflow: unset;
    text-overflow: unset;
    display: unset;
  }
}
.dialog-embla__info {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  font-size: var(--font-size-sm);
  width: 100%;
  position: absolute;
  text-wrap: balance;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
  bottom: 6rem;
}
@media (width >= 80em) {
  .dialog-embla__info {
    max-width: 54%;
    bottom: var(--spacing-xs);
  }
}
.dialog-embla__copyright {
  display: flex;
  align-items: center;
  font-size: var(--font-size-xs);
}
.dialog-embla__copyright:has(.dialog-embla__copyright-txt:empty) {
  display: none;
}
.dialog-embla__swiper.single-slide .swiper__buttons {
  display: none;
}
.dialog-embla .swiper__controls {
  position: absolute;
  top: var(--spacing-sm);
  left: var(--spacing-sm);
}
.dialog-embla .swiper__buttons {
  position: absolute;
  bottom: var(--spacing-sm);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: var(--spacing-xs);
}
@media (width >= 80em) {
  .dialog-embla .swiper__buttons {
    bottom: 50%;
    width: 100%;
    left: 0;
    padding-inline: var(--spacing-sm);
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
  }
}
.dialog-embla .swiper__button {
  pointer-events: all;
  color: var(--white);
  background-color: var(--color2-base);
}
@media (hover: hover) {
  .dialog-embla .swiper__button:hover {
    color: var(--white);
    background-color: var(--color1-base);
  }
}
.dialog-embla .swiper__button:focus-visible {
  color: var(--white);
  background-color: var(--color1-base);
}

.pagination__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  list-style: none;
  gap: var(--spacing-xs);
}
.pagination__link {
  text-decoration: none;
  background-color: var(--gray-lighter);
  color: var(--black);
  border: none;
}
.pagination__link:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.pagination__link:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.pagination__link:has(> [data-icon]) > [data-icon] {
  align-self: var(--icon-align-self, start);
}
.pagination__link:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.pagination__link:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.pagination__link:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.pagination__link:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.pagination__link {
  aspect-ratio: 1/1;
  width: auto;
  --size: 2.4rem;
  height: var(--size);
  padding: 0;
}
.pagination__link.active {
  background-color: var(--color1-base);
  color: var(--white);
}
.pagination__next, .pagination__prev {
  margin-top: 0.3rem;
  text-decoration: none;
  color: var(--black);
}
.pagination__next .pagination__icon, .pagination__prev .pagination__icon {
  display: none;
}
.pagination:has(.pagination__item.active:first-of-type) .pagination__prev {
  pointer-events: none;
  opacity: 0.3;
}
.pagination:has(.pagination__item.active:last-of-type) .pagination__next {
  pointer-events: none;
  opacity: 0.3;
}
.pagination.has-overflow .pagination__item {
  display: none;
}
.pagination.has-overflow .pagination__item:nth-child(1), .pagination.has-overflow .pagination__item:nth-child(2) {
  display: flex;
}
.pagination.has-overflow .pagination__item:nth-last-child(1), .pagination.has-overflow .pagination__item:nth-last-child(2) {
  display: flex;
}
.pagination.has-overflow .pagination__item.active {
  display: flex;
}

/*------------------**
|  Sitemap Structure  |
**------------------*/
.btn-treeview-toggle {
  order: -1;
}
.btn-treeview-toggle:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.btn-treeview-toggle:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.btn-treeview-toggle:has(> [data-icon]) > [data-icon] {
  --icon-scale: 1;
  --icon-size: 1.6rem;
  align-self: var(--icon-align-self, start);
}
.btn-treeview-toggle:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.btn-treeview-toggle:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.btn-treeview-toggle:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.btn-treeview-toggle:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.btn-treeview-toggle {
  aspect-ratio: 1/1;
  width: auto;
  --size: 1.6rem;
  height: var(--size);
  padding: 0;
  --size-width: auto;
  width: var(--size-width);
  --size-height: 1lh;
  height: var(--size-height);
  top: var(--spacing-sm);
  margin-right: var(--icon-column-gap);
}

.sitemap__list {
  row-gap: var(--spacing-xs);
}
.sitemap__item {
  display: flex;
  flex-wrap: wrap;
}
.sitemap__item > .sitemap__list {
  flex: 0 0 calc(100% - 1lh - var(--icon-column-gap));
  margin-left: calc(1lh + var(--icon-column-gap));
  margin-top: var(--spacing-xs);
}
.sitemap__item > .sitemap__link {
  flex: 1 1 0;
  min-width: 0;
}
.sitemap__item.active {
  position: relative;
}
.sitemap__item.active::before {
  content: "";
  display: block;
  background-color: var(--color1-lighter);
}
.sitemap__item.no-sub::before {
  position: relative;
  content: "";
  display: block;
  --size-width: auto;
  width: var(--size-width);
  --size-height: 1lh;
  height: var(--size-height);
  aspect-ratio: 1/1;
  top: var(--spacing-sm);
  margin-right: var(--icon-column-gap);
  background-color: var(--gray-light);
  border-radius: 3rem;
  scale: var(--icon-scale);
  --icon-scale: 0.4;
}
.sitemap__item.active {
  position: relative;
}
.sitemap__item.active::before {
  --size-width: 0.1rem;
  width: var(--size-width);
  --size-height: calc(100% - 1lh - var(--spacing-sm) - 0.1rem);
  height: var(--size-height);
  position: absolute;
  top: calc(1lh + var(--spacing-sm));
  left: calc(0.5lh - 0.05rem);
}
@media (hover: hover) {
  .sitemap__item:hover > .sitemap__link {
    background-color: var(--gray-lighter);
  }
}
.sitemap__item:focus-visible > .sitemap__link {
  background-color: var(--gray-lighter);
}
.sitemap__link {
  background-color: transparent;
  padding: var(--spacing-sm) var(--spacing-xs);
}
.brand {
  display: inline-flex;
}
.brand__logo {
  flex-shrink: 0;
  width: auto;
  height: calc(var(--icon-size, 1lh) * var(--icon-scale, 1));
  display: inline-flex;
  aspect-ratio: var(--brand-aspect-ratio-width, auto)/var(--brand-aspect-ratio-height, auto);
}
.brand__logo {
  --icon-scale: 1;
  --icon-size: var(--brand-size-height);
}
.brand__txt {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.search__group:focus-within {
  --focus-offset-shadow: 0 0 0 var(--focus-offset-width) var(--focus-offset-color);
  --focus-shadow: 0 0 0 calc(var(--focus-width) + var(--focus-offset-width)) var(--focus-color);
  box-shadow: var(--focus-offset-shadow), var(--focus-shadow), var(--shadow, 0 0 var(--black));
  outline: none;
}
.search__group {
  border-radius: 1.2rem;
}
.search__label {
  display: inline-flex;
  align-self: center;
  font-size: var(--font-size-lg);
}
.search__label:has(> .search__icon) {
  padding-inline: var(--spacing-md);
}
.search__icon {
  vertical-align: middle;
}
.search__input {
  color: var(--gray-dark);
  background-color: var(--white);
  border: 0.1rem var(--color1-light) solid;
  border-color: var(--color1-light);
  border-radius: 1.2rem;
  border-right: 0;
}
.search__input:focus-visible {
  box-shadow: none !important;
}
.search__input[data-tooltip] {
  --tooltip-cursor: text;
}
.search__input::placeholder {
  opacity: 1;
}
.search__input-group button:focus-visible {
  box-shadow: none !important;
}
.search__input-group button {
  --focus-offset-shadow: inset 0 0 0 var(--focus-offset-width) var(--focus-offset-color);
  --focus-shadow: inset 0 0 0 calc(var(--focus-width) + var(--focus-offset-width)) var(--focus-color);
  --outline-offset: calc((var(--outline-width) + var(--outline-offset-width)) * -1);
}
.search.open .search__group,
.search.open .search__input {
  border-bottom-left-radius: 0;
}
.search.open .search__group,
.search.open .btn-search {
  border-bottom-right-radius: 0;
}
.search.open .search-suggestion {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.search {
  position: relative;
}

.search-suggestion {
  position: absolute;
  z-index: 1030;
  width: 100%;
  top: calc(100% + var(--focus-width) + var(--focus-offset-width) + -1.8rem);
  background-color: var(--white);
  border: 0.1rem var(--color1-lighter) solid;
  border-radius: 1.2rem;
}
.search-suggestion {
  overflow: hidden;
}
.search-suggestion__item {
  position: relative;
  transition: all 0.2s ease-in-out;
  padding: var(--spacing-sm);
  border-radius: var(--border-radius-md);
}
.search-suggestion__item .search-suggestion__shortcuts-icon {
  opacity: 0;
  position: absolute;
  top: 50%;
  right: var(--spacing-sm);
  transform: translateY(-50%);
  transition: all 0.2s ease-in-out;
}
.search-suggestion__link {
  color: var(--gray-darker);
  text-decoration: none;
  font-weight: 600;
}
.search-suggestion__type {
  color: var(--gray-dark);
}
.search-suggestion__list {
  padding: var(--spacing-sm);
  gap: var(--spacing-2xs);
}
.search-suggestion__shortcuts {
  display: none;
}
@media (width >= 48em) {
  .search-suggestion__shortcuts {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
  }
}
.search-suggestion__shortcuts-key {
  display: flex;
  color: var(--gray-dark);
  font-size: var(--font-size-sm);
  gap: var(--spacing-2xs);
  flex-wrap: wrap;
  font-weight: 500;
}
.search-suggestion__shortcuts-icon {
  background-color: var(--white);
  border-radius: 0.8rem;
  border: 0.1rem var(--color1-lighter) solid;
}
.search-suggestion__more {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-lg);
}
.search-suggestion__more-link {
  text-decoration: none;
  color: var(--gray-dark);
  font-weight: 600;
}
@media (hover: hover) {
  .search-suggestion .link-hover.search-suggestion__item:hover {
    color: var(--color1-base);
    background-color: var(--color1-lighter);
  }
  .search-suggestion .link-hover.search-suggestion__item:hover .search-suggestion__link {
    color: var(--color1-base);
  }
}
.search-suggestion .link-hover.search-suggestion__item:focus-visible, .search-suggestion .link-hover.search-suggestion__item:focus-within {
  color: var(--color1-base);
  background-color: var(--color1-lighter);
}
.search-suggestion .link-hover.search-suggestion__item:focus-visible .search-suggestion__link, .search-suggestion .link-hover.search-suggestion__item:focus-within .search-suggestion__link {
  color: var(--color1-base);
}
.search-suggestion .link-hover.search-suggestion__item:focus-within .search-suggestion__shortcuts-icon {
  opacity: 1;
}
.search-suggestion .link-hover.search-suggestion__more {
  background-color: var(--color1-lightest);
}
.search-suggestion .link-hover.search-suggestion__more .search-suggestion__more-link {
  position: static;
}
.search-suggestion .link-hover.search-suggestion__more .search-suggestion__more-link::after {
  --focus-offset-shadow: inset 0 0 0 var(--focus-offset-width) var(--focus-offset-color);
  --focus-shadow: inset 0 0 0 calc(var(--focus-width) + var(--focus-offset-width)) var(--focus-color);
}
.search-suggestion .link-hover.search-suggestion__more .search-suggestion__more-link::after {
  --focus-border-radius: 1.2rem;
  border-radius: var(--focus-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.search-contact-teaser .openings-days:not(:last-child),
.search-contact-teaser .hours-today:not(:last-child) {
  --paragraph-margin-bottom: var(--spacing-md);
  margin-bottom: var(--paragraph-margin-bottom);
}
.search-contact-teaser .hours-today .title {
  --heading-font-weight: 500;
}
.search-contact-teaser .contact__info-short {
  width: fit-content;
}

.ai-search:not(:last-child) {
  --paragraph-margin-bottom: var(--spacing-content);
  margin-bottom: var(--paragraph-margin-bottom);
}

@media (hover: hover) {
  .ai-search-button:hover {
    --ai-search-primary: currentColor;
  }
}
.ai-search-button:focus-visible {
  --ai-search-primary: currentColor;
}

.breadcrumb-search {
  margin-bottom: 0;
}

.btn-search {
  color: var(--color1-base);
  background-color: var(--white);
  border: 0.1rem var(--color1-light) solid;
  border-color: var(--white);
  border-left: unset;
  padding-inline: var(--spacing-sm);
  padding-right: calc(1.2rem / 2);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 1.2rem;
  border-bottom-right-radius: 1.2rem;
}
@media (hover: hover) {
  .btn-search:hover {
    color: var(--white);
    background-color: var(--color2-base);
    border-color: var(--color2-base);
  }
}
.btn-search:focus-visible {
  color: var(--white);
  background-color: var(--color2-base);
  border-color: var(--color2-base);
}
.btn-search:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.btn-search:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.btn-search:has(> [data-icon]) > [data-icon] {
  --icon-scale: 1;
  --icon-size: 2.6rem;
  align-self: var(--icon-align-self, start);
}
.btn-search:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.btn-search:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.btn-search:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.btn-search:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.btn-search {
  --icon-color: var(--color1-base);
  padding-right: var(--spacing-sm);
}

.btn-recognition, .search__loading {
  padding-inline: var(--spacing-xs);
  background-color: var(--white);
  border-top: 0.1rem var(--color1-light) solid;
  border-bottom: 0.1rem var(--color1-light) solid;
  border-left: unset;
  border-right: unset;
  border-radius: 0;
}
.header__search.has-overlay .overlay {
  --search-overlay-overlay-background-color: hsla(204, 75%, 87%, 0.8);
  position: fixed;
}
.header__search.has-overlay .overlay::after {
  content: "";
  --size-width: 100%;
  width: var(--size-width);
  --size-height: 100%;
  height: var(--size-height);
  background-color: var(--search-overlay-overlay-background-color);
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  backdrop-filter: blur(var(--search-overlay-overlay-blur, 2rem));
}
.header__search.has-overlay .overlay {
  --overlay-display: block;
  top: 0;
  left: 0;
  --size-width: 100%;
  width: var(--size-width);
  --size-height: 100%;
  height: var(--size-height);
  z-index: 2000;
}
.header__search.has-overlay {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  z-index: 2010;
  padding-top: calc(var(--spacing-md) * 2 + 4.2rem);
  --size-width: 100%;
  width: var(--size-width);
  --size-height: 100%;
  height: var(--size-height);
}
.header__search.has-overlay .search {
  position: relative;
  z-index: 2010;
  background-color: var(--color1-base);
  padding: var(--spacing-sm);
  border-radius: 4rem;
}
.header__search.has-overlay .search-suggestion {
  left: var(--spacing-sm);
  right: var(--spacing-sm);
  width: auto;
}
.header__search.has-overlay .btn-toggle-close {
  position: absolute;
  top: var(--spacing-md);
  right: var(--spacing-md);
  z-index: 2010;
}
.header__search.has-overlay .btn-toggle-close:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.header__search.has-overlay .btn-toggle-close:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.header__search.has-overlay .btn-toggle-close:has(> [data-icon]) > [data-icon] {
  align-self: var(--icon-align-self, start);
}
.header__search.has-overlay .btn-toggle-close:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.header__search.has-overlay .btn-toggle-close:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.header__search.has-overlay .btn-toggle-close:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.header__search.has-overlay .btn-toggle-close:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.header__search.has-overlay .btn-toggle-close {
  aspect-ratio: 1/1;
  width: auto;
  --size: 4.2rem;
  height: var(--size);
  padding: 0;
  color: var(--white);
  background-color: var(--color1-base);
}
@media (hover: hover) {
  .header__search.has-overlay .btn-toggle-close:hover {
    color: var(--white);
    background-color: var(--color2-base);
  }
}
.header__search.has-overlay .btn-toggle-close:focus-visible {
  color: var(--white);
  background-color: var(--color2-base);
}
.header__search.has-overlay:not(.is-active) {
  display: none;
}

.btn-toggle-search {
  color: var(--white);
  background-color: var(--color1-base);
}
@media (hover: hover) {
  .btn-toggle-search:hover {
    color: var(--white);
    background-color: var(--color2-base);
  }
}
.btn-toggle-search:focus-visible {
  color: var(--white);
  background-color: var(--color2-base);
}
.btn-toggle-search:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.btn-toggle-search:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.btn-toggle-search:has(> [data-icon]) > [data-icon] {
  align-self: var(--icon-align-self, start);
}
.btn-toggle-search:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.btn-toggle-search:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.btn-toggle-search:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.btn-toggle-search:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.btn-toggle-search {
  aspect-ratio: 1/1;
  width: auto;
  --size: 5.8rem;
  height: var(--size);
  padding: 0;
}
.btn-toggle-search.is-active {
  --icon-color: currentColor;
}

.header__container-wrapper {
  gap: var(--spacing-sm);
  align-items: center;
  padding-block: var(--spacing-md);
  gap: var(--spacing-lg);
  display: flex;
  justify-content: space-between;
}
@media (width <= 47.98em) {
  .header__container-wrapper {
    flex-direction: column;
  }
}
.header__main {
  background-color: var(--color1-lighter);
}
.header .menu-toggle {
  grid-area: menu;
}
.header__brand {
  grid-area: logo;
  flex-shrink: 0;
}
.header__search {
  grid-area: search;
}
.header__right {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  align-items: flex-end;
}
@media (width <= 47.98em) {
  .header__right {
    align-items: center;
  }
}
.header__right-wrapper {
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
  display: flex;
  gap: var(--spacing-sm);
  background-color: var(--white);
  border-radius: 5rem;
  padding-inline: var(--spacing-xs);
  padding-block: var(--spacing-xs);
  width: fit-content;
}

.menu [data-maxheight=true] {
  overflow-y: auto;
  overflow-x: clip;
}
.menu [data-maxheight=true]::-webkit-scrollbar {
  width: 1.7rem;
  height: 1.7rem;
}
.menu [data-maxheight=true] {
  scrollbar-width: thin;
}
.menu__header {
  display: var(--menu-header-display, none);
  justify-content: space-between;
  align-items: center;
}
.menu__header .btn-toggle-close {
  color: var(--white);
  background-color: transparent;
}
@media (hover: hover) {
  .menu__header .btn-toggle-close:hover {
    color: var(--white);
    background-color: var(--gray-darker);
  }
}
.menu__header .btn-toggle-close:focus-visible {
  color: var(--white);
  background-color: var(--gray-darker);
}
.menu__title {
  color: var(--heading-color);
  font-weight: var(--heading-font-weight);
  font-family: var(--heading-font-family);
  line-height: var(--heading-line-height);
}
.menu .dropdown-sub__icon {
  transition: all 0.2s ease-in-out;
}
.menu .overlay {
  --menu-overlay-background-color: hsla(204, 75%, 87%, 0.8);
  position: fixed;
}
.menu .overlay::after {
  content: "";
  --size-width: 100%;
  width: var(--size-width);
  --size-height: 100%;
  height: var(--size-height);
  background-color: var(--menu-overlay-background-color);
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  backdrop-filter: blur(var(--menu-overlay-blur, 2rem));
}
.menu .overlay {
  top: 0;
  left: 0;
  --size-width: 100%;
  width: var(--size-width);
  --size-height: 100%;
  height: var(--size-height);
  z-index: 2000;
}
.menu.has-hamburger {
  overflow: hidden;
  position: fixed;
  top: var(--menu-position-top, 0);
  left: 0;
  right: auto;
  bottom: auto;
  z-index: 2010;
  --size-width: 100%;
  width: var(--size-width);
  --size-height: 100%;
  height: var(--size-height);
}
.menu.has-hamburger .overlay {
  --overlay-display: block;
}
.menu.has-hamburger .menu__nav {
  position: relative;
  z-index: 2010;
}
@media (width <= 47.98em) {
  .menu.has-hamburger {
    --menu-position-top: 0 !important;
    --container-column-gap: 0;
  }
}
.menu.has-hamburger:not(.is-active) {
  display: none;
}

body:has(.menu.has-hamburger) {
  --menu-toggle-display: inline-flex;
}
@media (width <= 47.98em) {
  body:has(.menu.has-hamburger) {
    --menu-header-display: flex;
  }
}
body:has(.menu.has-hamburger) [data-menu-position=top] {
  --menu-header-display: flex;
}
body:has(.menu.has-hamburger) [data-menu-position=top] .menu__container-wrapper {
  --container-column-gap: 0;
}

@media (width >= 48em) {
  body:has(.has-hamburger.is-active) [data-menu-position-top-calculated] .header__main {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2020;
  }
}

.menu-toggle {
  display: var(--menu-toggle-display, none);
}

.btn-toggle-menu:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.btn-toggle-menu:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.btn-toggle-menu:has(> [data-icon]) > [data-icon] {
  align-self: var(--icon-align-self, start);
}
.btn-toggle-menu:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.btn-toggle-menu:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.btn-toggle-menu:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.btn-toggle-menu:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.btn-toggle-menu {
  aspect-ratio: 1/1;
  width: auto;
  --size: 5.8rem;
  height: var(--size);
  padding: 0;
  color: var(--white);
  background-color: var(--color2-base);
  border: none;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: 4rem;
  text-decoration: underline;
  text-decoration-color: transparent;
  font-size: var(--h5-font-size);
  font-weight: 500;
}
@media (hover: hover) {
  .btn-toggle-menu:hover {
    color: var(--white);
    background-color: var(--color1-base);
    text-decoration-color: var(--link-color-hover);
  }
}
.btn-toggle-menu:focus-visible {
  color: var(--white);
  background-color: var(--color1-base);
  text-decoration-color: var(--link-color-hover);
}
.btn-toggle-menu {
  --icon-color: var(--white);
  --icon-scale: 1;
}
.btn-toggle-menu:not(.is-active) {
  --focus-offset-shadow: 0 0 0 var(--focus-offset-width) var(--focus-offset-color);
  --focus-shadow: 0 0 0 calc(var(--focus-width) + var(--focus-offset-width)) var(--focus-color);
  --focus-offset-width: var(--spacing-sm);
  --outline-offset-width: var(--spacing-sm);
}
.btn-toggle-menu.is-active {
  color: var(--white);
  text-decoration: none;
  background-color: var(--color1-base);
  padding-block: var(--spacing-sm);
  padding-inline: var(--spacing-md);
  text-decoration-color: var(--link-color-hover);
}
.btn-toggle-menu.is-active {
  --icon-color: currentColor;
}
@media (width <= 31.98em) {
  .btn-toggle-menu {
    margin-right: 0;
  }
  .btn-toggle-menu .toggle__txt {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
}

[data-icon=hamburger-menu] {
  color: var(--icon-color);
}

.footer-icons .zone-icons .zone__container {
  border-top: 0.1rem var(--color1-lighter) solid;
  background-color: transparent;
  border-radius: unset;
  padding-inline: unset;
}

.footer {
  position: sticky;
  top: 100vh;
  overflow-x: clip;
}
.footer .heading {
  --h2-font-size: var(--h3-font-size);
}
.footer .heading:not(:last-child) {
  --heading-margin-bottom: var(--spacing-lg);
}
.footer .heading {
  --heading-color: var(--white);
}
.footer__list {
  row-gap: var(--spacing-sm);
}
.footer__copy {
  margin-right: auto;
}
.footer__link--lcp:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.footer__link--lcp:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.footer__link--lcp:has(> [data-icon]) > [data-icon] {
  align-self: var(--icon-align-self, start);
}
.footer__link--lcp:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.footer__link--lcp:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.footer__link--lcp:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.footer__link--lcp:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.footer__link--lcp {
  aspect-ratio: 1/1;
  width: auto;
  --size: 1.6rem;
  height: var(--size);
  padding: 0;
}
.footer__top {
  position: relative;
  color: var(--white);
  background-color: var(--color1-dark);
}
.footer__top .container {
  padding-block: var(--spacing-section);
}
.footer__top .footer__row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  column-gap: var(--spacing-md);
  row-gap: var(--spacing-lg);
  padding-block: var(--spacing-xl);
}
@media (width <= 47.98em) {
  .footer__top .footer__row {
    flex-direction: column;
  }
  .footer__top .footer__row .footer-contact {
    order: 1;
  }
  .footer__top .footer__row .footer-spotlight {
    order: 3;
  }
  .footer__top .footer__row .footer-social {
    order: 2;
  }
  .footer__top .footer__row .footer-social .heading {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
}
.footer__top a {
  --link-color: var(--white);
  --link-color-hover: var(--white);
}
.footer__bottom {
  z-index: 2;
  position: relative;
  padding-block: var(--spacing-md);
  --link-color: var(--body-color);
}
.footer__bottom .list-inline, .footer__bottom .footer__row {
  column-gap: var(--spacing-md);
}
.footer-contact .compact-contact--partial {
  container: none;
}
.footer-contact .compact-contact__subtitle {
  --heading-color: var(--white);
  --box-font-size: var(--h3-font-size);
}
.footer-contact .compact-contact__subtitle-link {
  --link-color: var(--white);
}
.footer-contact .compact-contact__item {
  color: var(--white);
  background-color: unset;
  padding: 0;
  border: unset;
}
.footer-contact .compact-contact__item {
  row-gap: var(--spacing-lg);
  position: static;
}
.footer-contact .compact-contact__subheader {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  row-gap: var(--spacing-sm);
  column-gap: var(--spacing-sm);
}
.footer-contact .compact-contact__hours-status {
  position: static;
  transform: none;
}
@media (width >= 48em) {
  .footer-contact .compact-contact__content:not(:only-child) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    column-gap: calc(var(--spacing-lg) * 2);
    row-gap: calc(var(--spacing-lg) * 2);
  }
  .footer-contact .compact-contact__content:not(:only-child) .compact-contact__subcolumn--appointment {
    grid-column: 1/-1;
    position: relative;
  }
  .footer-contact .compact-contact__content:not(:only-child) .compact-contact__subcolumn--appointment::before {
    top: calc(var(--spacing-lg) * 2 / 2 + 0.1rem);
    content: "";
    position: absolute;
    left: 0;
    border-color: hsla(0, 0%, 20%, 0.1);
    border-width: 0.2rem;
    border-style: dashed;
    width: 100%;
  }
  .footer-contact .compact-contact__content:not(:only-child) .compact-contact__subcolumn--appointment::before {
    border-width: 0;
    border-top-width: 0.2rem;
  }
  .footer-contact .compact-contact__content:not(:only-child) .compact-contact__subcolumn:not(:last-child) {
    padding-bottom: 0;
  }
  .footer-contact .compact-contact__content:not(:only-child) .compact-contact__subcolumn:not(:last-child):not(.compact-contact__subcolumn--info-container)::after {
    content: none;
  }
  .footer-contact .compact-contact__content:not(:only-child) .compact-contact__subcolumn--info-container {
    align-self: stretch;
    position: relative;
  }
  .footer-contact .compact-contact__content:not(:only-child) .compact-contact__subcolumn--info-container::after {
    content: "";
    position: absolute;
    left: auto;
    width: 0;
    top: 0;
    bottom: 0;
    left: auto;
    right: calc((var(--spacing-lg) * 2 / 2 + 0.1rem) * -1);
    border-color: hsla(0, 0%, 20%, 0.1);
    border-style: dashed;
    border-width: 0;
    border-right-width: 0.2rem;
  }
}
.footer-contact .compact-contact__tab-btn {
  color: hsla(0, 0%, 100%, 0.7);
  font-size: var(--h6-font-size);
}
@media (hover: hover) {
  .footer-contact .compact-contact__tab-btn:hover {
    color: var(--white);
  }
}
.footer-contact .compact-contact__tab-btn:focus-visible {
  color: var(--white);
}
.footer-contact .compact-contact__tab-btn[aria-selected=true] {
  color: var(--white);
}
.footer-contact .hours__date {
  width: fit-content;
  background-color: hsla(0, 0%, 100%, 0.1);
  border-color: var(--white);
}
.footer-contact .status {
  color: var(--white);
  background-color: hsla(0, 0%, 100%, 0.1);
}

.footer-spotlight .list-icon .list__icon {
  --icon-color: var(--color1-light);
}

.footer-social .social__link:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.footer-social .social__link:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.footer-social .social__link:has(> [data-icon]) > [data-icon] {
  --icon-scale: 1;
  --icon-size: var(--h2-font-size);
  align-self: var(--icon-align-self, start);
}
.footer-social .social__link:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.footer-social .social__link:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.footer-social .social__link:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.footer-social .social__link:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.footer-social .social__link {
  aspect-ratio: 1/1;
  width: auto;
  --size: 2.4rem;
  height: var(--size);
  padding: 0;
}

@media (width <= 31.98em) {
  .footer-portal {
    display: none;
  }
}
.footer-portal {
  padding-top: var(--spacing-xl);
}
.footer-portal__icon {
  --icon-color: var(--white);
  --icon-scale: 1;
  --icon-size: calc(8rem * var(--font-scaler, 1));
}

.footer-ladder {
  position: relative;
}
@media (width >= 48em) and (width <= 79.98em) {
  .footer-ladder {
    display: none;
  }
}
@media (width <= 47.98em) {
  .footer-ladder {
    position: absolute;
    top: 8rem;
    right: 4rem;
    order: 4;
  }
}

@media (width >= 80em) {
  .pool-ladder-icon {
    position: absolute;
    top: -13rem;
  }
}
.pool-ladder-icon {
  width: 100px;
  aspect-ratio: 33/32; /* zelfde verhouding als de originele viewBox (33x32) */
  height: auto;
  display: block;
  overflow: visible; /* zodat de golf niet afgesneden wordt tijdens het bouncen */
  /* ladder: haken, rails, sporten — vaste vorm */
}
.pool-ladder-icon .ladder-frame {
  fill: var(--color1-light);
}
.pool-ladder-icon {
  /* golf (onderste path): dit deel bounct */
}
.pool-ladder-icon .ladder-wave {
  fill: var(--color1-light);
  animation: wave-bounce 2.6s ease-in-out infinite;
}

/* lichte op-en-neer bounce van de golf */
@keyframes wave-bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-1.2px);
  }
}
/* respecteer gebruikers die animatie liever uit hebben */
@media (prefers-reduced-motion: reduce) {
  .pool-ladder-icon .ladder-wave {
    animation: none;
  }
}
.zone-overview, .zone-related {
  --vstack-row-gap: var(--spacing-content);
  --vstack-row-gap-bordered: var(--spacing-content);
}
@media (width >= 48em) {
  .zone-overview .hstack, .zone-related .hstack {
    --flex-column-span: 6;
  }
}
@media (width >= 64em) {
  .zone-overview .hstack, .zone-related .hstack {
    --flex-column-span: 4;
  }
}

.zone {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "heading" "container" "buttons";
}
@media (width >= 48em) {
  .zone {
    grid-template-columns: 1fr auto;
    grid-template-areas: "heading buttons" "container container";
  }
}
.zone {
  row-gap: var(--spacing-xl);
  align-items: center;
}
.zone:not(:has(.zone__heading)):not(:has(.zone__buttons)) {
  grid-template-areas: "container";
}
@media (width >= 48em) {
  .zone:not(:has(.zone__heading)):not(:has(.zone__buttons)) {
    grid-template-areas: "container container";
  }
}
.zone__heading {
  grid-area: heading;
}
.zone__heading:not(:last-child) {
  --heading-margin-bottom: 0;
}
.zone__heading:has(> [data-icon]) {
  display: var(--icon-display, flex);
  column-gap: var(--icon-column-gap);
  grid-template-columns: auto 1fr;
}
.zone__heading:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.zone__heading:has(> [data-icon]) > [data-icon] {
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
  align-self: var(--icon-align-self, start);
}
.zone__container {
  grid-area: container;
  min-width: 0;
}
.zone__list:not(:last-child) {
  --paragraph-margin-bottom: var(--spacing-xl);
  margin-bottom: var(--paragraph-margin-bottom);
}
.zone__buttons {
  grid-area: buttons;
  align-self: center;
}

.zone-icons {
  margin-top: -8rem;
}
.zone-icons .zone__container {
  background-color: transparent;
  padding-block: var(--spacing-lg);
  padding-inline: var(--spacing-lg);
  border-radius: 4rem;
}
.zone-icons .zone__list {
  display: flex;
  flex-direction: column;
  column-gap: var(--grid-column-gap);
  row-gap: var(--grid-row-gap);
}
.zone-icons .item {
  display: flex;
  padding-inline: var(--spacing-md);
}
.zone-icons .item__link {
  color: var(--color1-base);
  font-size: var(--h5-font-size);
  font-weight: 500;
  text-decoration: underline;
}
@media (hover: hover) {
  .zone-icons .item__link:hover {
    color: var(--color2-base);
    --icon-color: currentColor;
  }
}
.zone-icons .item__link:focus-visible {
  color: var(--color2-base);
  --icon-color: currentColor;
}
.zone-icons .item__link:active:not(:disabled) {
  transform: scale(var(--btn-pressed-scale, 0.97));
  transition: transform 120ms var(--ease-out, cubic-bezier(0.23, 1, 0.32, 1));
}
.zone-icons .item__icon {
  --icon-color: var(--color1-base);
  --icon-scale: 1;
  --icon-size: var(--h1-font-size);
}
@media (width <= 31.98em) {
  .zone-icons .item:has(> [data-icon]) {
    display: var(--icon-display, inline-flex);
    column-gap: var(--spacing-sm);
    grid-template-columns: auto 1fr;
  }
  .zone-icons .item:has(> [data-icon]) > :not([data-icon]) {
    grid-column: 2;
  }
  .zone-icons .item:has(> [data-icon]) > [data-icon] {
    --icon-color: var(--color1-base);
    --icon-scale: 1;
    margin-block: calc((1lh - var(--icon-size)) / 2);
    --icon-size: var(--h1-font-size);
    align-self: var(--icon-align-self, start);
  }
}
@media (width >= 32em) {
  .zone-icons .zone__list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  .zone-icons .item {
    align-items: center;
    column-gap: var(--spacing-sm);
    row-gap: var(--spacing-sm);
  }
  .zone-icons .item__icon {
    --icon-scale: 1;
    --icon-size: calc(2.8rem * var(--font-scaler, 1));
  }
}

/*
:has(.hero) {
	// .main{background-color: red;}
	.main__container:has(> :first-child.home) {
		section:first-of-type:has(.spotlight) {
			$offset-top: calc(($zone-icons-container-padding-vertical + 2rem) * -1);
			.spotlight {
				position: relative;
				top: $offset-top;
				+ section {
					margin-top: $offset-top;
				}
			}
		}
	}
}
*/
.zone-category-tree {
  --icon-scale: 1.2;
}
.zone-category-tree .zone__list {
  gap: var(--spacing-sm);
}
.zone-category-tree .item {
  border: 0.1rem var(--color1-lighter) solid;
  border-radius: var(--border-radius-md);
  padding: var(--spacing-sm) var(--spacing-md);
  overflow: hidden;
}
.zone-category-tree .item:has(.item__sub-list) .item__container:not(:last-child) {
  --paragraph-margin-bottom: var(--spacing-md);
  margin-bottom: var(--paragraph-margin-bottom);
}
@media (hover: hover) {
  .zone-category-tree .item .link-hover:hover {
    --icon-color: var(--link-color-hover);
  }
}
.zone-category-tree .item .link-hover:focus-visible {
  --icon-color: var(--link-color-hover);
}
.zone-category-tree .item__content-block:has(> [data-icon]) {
  display: var(--icon-display, inline-flex);
  column-gap: 1.5rem;
  grid-template-columns: auto 1fr;
}
.zone-category-tree .item__content-block:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.zone-category-tree .item__content-block:has(> [data-icon]) > [data-icon] {
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
  align-self: var(--icon-align-self, start);
}
.zone-category-tree .item__sub-list.list-vstack {
  row-gap: var(--spacing-2xs);
}
.zone-category-tree .item__sub-list {
  padding-left: calc(var(--icon-size, 1lh) * var(--icon-scale, 1) + 1.5rem);
  position: relative;
}
.zone-category-tree .item__sub-list::before {
  content: "";
  display: block;
  background-color: var(--color1-lighter);
  --size-width: 0.1rem;
  width: var(--size-width);
  --size-height: 100%;
  height: var(--size-height);
  position: absolute;
  top: 0;
  left: calc(var(--icon-size, 1lh) * var(--icon-scale, 1) / 2 - 0.05rem);
}
.zone-category-tree .item__sub-list > .list__item {
  position: relative;
}
.zone-category-tree .item__sub-list > .list__item::before {
  position: absolute;
  content: "";
  border-left: var(--zone-category-tree-border-color-active, transparent) 0.3rem solid;
  left: calc(-1 * (var(--icon-size, 1lh) * var(--icon-scale, 1) / 2 + 1.5rem + 0.15rem));
  transition: all 0.2s ease-in-out;
  transition-property: border-color;
  --size-width: 0.3rem;
  width: var(--size-width);
  --size-height: 100%;
  height: var(--size-height);
}
@media (hover: hover) {
  .zone-category-tree .item__sub-list > .list__item:hover {
    --zone-category-tree-border-color-active: var(--link-color-hover);
  }
}
.zone-category-tree .item__sub-list > .list__item:focus-visible, .zone-category-tree .item__sub-list > .list__item:focus-within {
  --zone-category-tree-border-color-active: var(--link-color-hover);
}

.zone-subs .item {
  color: var(--body-color);
  background-color: var(--white);
  border: 0.1rem var(--color1-lighter) solid;
  padding: var(--spacing-xl) var(--spacing-lg);
  border-radius: var(--border-radius-md);
}
.zone-subs .item__link:has(> [data-icon]) {
  display: var(--icon-display, inline-flex);
  column-gap: 1.5rem;
  grid-template-columns: auto 1fr;
}
.zone-subs .item__link:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.zone-subs .item__link:has(> [data-icon]) > [data-icon] {
  --icon-color: var(--zone-subs-color, var(--color1-base));
  --icon-scale: 0.9;
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
  align-self: var(--icon-align-self, start);
}
.zone-subs .list-icon li > [data-icon] {
  --icon-color: var(--zone-subs-color, var(--color1-base));
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
}
.zone-subs .list-icon .list__link {
  --link-color-hover: var(--zone-subs-color, var(--color1-base));
}
.zone-subs .btn-link {
  color: hsla(234, 61%, 12%, 0.48);
  text-decoration: none;
  font-size: var(--font-size-sm);
}
@media (hover: hover) {
  .zone-subs .btn-link:hover {
    color: var(--link-color-hover);
    text-decoration: underline;
  }
}
.zone-subs .btn-link:focus-visible {
  color: var(--link-color-hover);
  text-decoration: underline;
}

.zone-highlight {
  container: zone-highlight/inline-size;
}
.zone-highlight .zone__container {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: var(--spacing-xl);
  row-gap: var(--spacing-md);
}
@container zone-highlight (width <= 79.98rem) {
  .zone-highlight .zone__container {
    grid-template-columns: 1fr;
  }
}
@container zone-highlight (width <= 79.98rem) {
  .zone-highlight .zone__photo {
    justify-self: start;
  }
}

.zone-swiper {
  position: relative;
  overflow: clip;
}
.zone-swiper .item {
  min-width: clamp(16rem, 28vw, 24rem);
}
.zone-swiper .swiper__button {
  color: var(--body-color);
  background-color: var(--gray-lighter);
}
@media (hover: hover) {
  .zone-swiper .swiper__button:hover {
    color: var(--white);
    background-color: var(--color1-base);
  }
}
.zone-swiper .swiper__button:focus-visible {
  color: var(--white);
  background-color: var(--color1-base);
}
.zone-swiper .swiper__dot-button {
  background-color: var(--color1-lighter);
}
.zone-swiper .swiper__dot.embla-dot-selected .swiper__dot-button {
  background-color: var(--color1-base);
}

.zone-mix {
  position: relative;
}
.zone-mix .container {
  position: relative;
}
.zone-mix .zone__heading {
  --heading-color: var(--color2-base);
  --heading-font-family: hegante-display;
}
.zone-mix .zone__content-top {
  font-weight: 500;
  color: var(--color1-base);
}
.zone-mix .zone-swiper {
  box-shadow: 0 0 0 100vmax var(--full-background-color);
  --full-background-color: var(--color2-lighter);
  background-color: var(--full-background-color);
  clip-path: inset(0 -100vmax);
  padding-block: var(--spacing-section);
}
.zone-mix .zone__buttons {
  display: flex;
  gap: var(--spacing-md);
}
.zone-mix .zone__btn {
  color: var(--link-color-hover);
  font-weight: 300;
  padding-block: var(--spacing-sm);
  padding-inline: 0;
  background-color: initial;
  border-radius: initial;
}
@media (hover: hover) {
  .zone-mix .zone__btn:hover {
    color: var(--link-color);
    background-color: initial;
  }
}
.zone-mix .zone__btn:focus-visible {
  color: var(--link-color);
  background-color: initial;
}
.zone-mix .swiper__buttons {
  display: none;
}
.zone-mix .swiper__button {
  color: var(--white);
  background-color: var(--color2-base);
}
.zone-mix .swiper__dots {
  gap: var(--spacing-sm);
}
.zone-mix .swiper__dot-button {
  background-color: var(--color1-base);
}
.zone-mix .swiper__dot.embla-dot-selected .swiper__dot-button {
  background-color: var(--color2-base);
}
.zone-mix .swiper__controls {
  display: flex;
  width: 100%;
  justify-content: center;
}
.zone-mix .item__content {
  padding-block: var(--spacing-md);
  padding-inline: var(--spacing-md);
}
.zone-mix .item__content-block {
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
}
.zone-mix .item .date-block__entry {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.zone-mix .item.activiteiten .item__title {
  --heading-color: var(--color2-base);
}
.zone-mix .item.nieuws .item__readmore-icon {
  background-color: var(--color1-base);
}
.zone-mix .item.nieuws .btn-link {
  --link-color: var(--color1-base);
  --link-color-hover: var(--color2-base);
}
.zone-quote {
  box-shadow: 0 0 0 100vmax var(--full-background-color);
  --full-background-color: var(--gray-lighter);
  background-color: var(--full-background-color);
  clip-path: inset(0 -100vmax);
  padding-block: var(--spacing-section);
}
.zone-quote .zone__txt {
  display: flex;
  gap: var(--spacing-md);
  justify-content: space-around;
}
@media (width <= 79.98em) {
  .zone-quote .zone__txt {
    flex-direction: column;
  }
}
.zone-quote .zone__heading {
  margin-bottom: 0;
}
@media (width >= 80em) {
  .zone-quote .zone__heading {
    text-wrap: pretty;
    max-width: 15ch;
  }
}
@media (width >= 80em) {
  .zone-quote .zone__info {
    text-wrap: pretty;
    max-width: 40ch;
  }
}
.zone-quote .item {
  transition: all 0.2s ease-in-out;
}
.zone-quote .item__container {
  display: flex;
  column-gap: var(--icon-column-gap);
}
.zone-quote .item__container::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  background-image: none !important;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179zm10 0C13.553 16.227 13 15 13 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179zm10 0C13.553 16.227 13 15 13 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  --icon-color: var(--color1-base);
  --icon-scale: 1;
  --icon-size: 4rem;
  background-color: var(--icon-color);
  aspect-ratio: var(--icon-aspect-ratio-width, 1)/var(--icon-aspect-ratio-height, 1);
  width: auto;
  height: calc(var(--icon-size, 1lh) * var(--icon-scale, 1));
}
.zone-quote .item__container:before {
  position: absolute;
  right: var(--spacing-md);
  top: var(--spacing-md);
  z-index: 2;
}
.zone-quote .item__photo {
  width: 10rem;
  --photo-border-radius: 20rem;
  --item-media-width: 20rem;
}
.zone-quote .item__photo .thumb-photo {
  aspect-ratio: 1/1;
  width: auto;
  --avatar-size: 10rem;
  height: var(--avatar-size);
  border-radius: 20rem;
}
.zone-quote .item__photo--full {
  transition: all 0.2s ease-in-out;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.zone-quote .item__photo--full img,
.zone-quote .item__photo--full picture,
.zone-quote .item__photo--full .photo {
  display: block;
  min-width: 100%;
  height: 100%;
  width: 100%;
}
.zone-quote .item__photo--full img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.zone-quote .item__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.zone-quote .item__content-block {
  padding: var(--spacing-md);
  background-color: var(--white);
  border-radius: var(--border-radius-md);
  overflow: hidden;
  position: relative;
}
.zone-quote .item__data {
  margin-top: auto;
}
.zone-quote .item__title, .zone-quote .item__short {
  margin-bottom: 0;
}
.zone-quote .item__title {
  position: relative;
  z-index: 2;
  text-transform: uppercase;
  font-size: 1.5rem;
  color: var(--color1-base);
  margin-bottom: var(--spacing-md);
}
.zone-quote .item__buttons {
  order: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: var(--spacing-content);
}
@media (hover: hover) {
  .zone-quote .item.link-hover:hover .item__content-block {
    background-color: var(--gray-light);
  }
  .zone-quote .item.link-hover:hover .item__photo--full {
    opacity: 1;
  }
  .zone-quote .item.link-hover:hover .item__photo--full .photo:after {
    display: none;
  }
  .zone-quote .item.link-hover:hover .item__title {
    color: var(--link-color-hover);
  }
  .zone-quote .item.link-hover:hover .item__quotemark:before {
    right: 50%;
    top: 50%;
  }
}
.zone-quote .item.link-hover:focus-visible .item__content-block, .zone-quote .item.link-hover:focus-within .item__content-block {
  background-color: var(--gray-light);
}
.zone-quote .item.link-hover:focus-visible .item__photo--full, .zone-quote .item.link-hover:focus-within .item__photo--full {
  opacity: 1;
}
.zone-quote .item.link-hover:focus-visible .item__photo--full .photo:after, .zone-quote .item.link-hover:focus-within .item__photo--full .photo:after {
  display: none;
}
.zone-quote .item.link-hover:focus-visible .item__title, .zone-quote .item.link-hover:focus-within .item__title {
  color: var(--link-color-hover);
}
.zone-quote .item.link-hover:focus-visible .item__quotemark:before, .zone-quote .item.link-hover:focus-within .item__quotemark:before {
  right: 50%;
  top: 50%;
}

.cookie-compliance {
  position: fixed;
  bottom: var(--spacing-md);
  left: var(--spacing-md);
  width: 30rem;
  z-index: 200;
}
.cookie-compliance .container {
  --container-max-width: auto;
}
.cookie-compliance__wrapper {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding-inline: var(--spacing-md);
  font-size: 1.6rem;
  color: var(--body-color);
  background-color: var(--color2-lighter);
  padding-block: var(--spacing-md);
  border-radius: var(--border-radius-md);
}
.cookie-compliance__text {
  text-wrap: pretty;
}
.cookie-compliance__actions {
  justify-content: center;
}
.cookie-compliance__btn {
  color: var(--body-color);
  background-color: var(--color2-light);
}
@media (hover: hover) {
  .cookie-compliance__btn:hover {
    color: var(--white);
    background-color: var(--color2-dark);
  }
}
.cookie-compliance__btn:focus-visible {
  color: var(--white);
  background-color: var(--color2-dark);
}
.cookie-compliance__btn {
  font-size: 1.4rem;
  font-weight: 700;
}
.cookie-compliance a {
  color: var(--body-color);
}
@media (hover: hover) {
  .cookie-compliance a:hover {
    color: var(--color2-dark);
  }
}
.cookie-compliance a:focus-visible {
  color: var(--color2-dark);
}
.cookie-compliance a.btn-cookie-compliance {
  font-size: 1.4rem;
  font-weight: 700;
}

.cookie-settings__submit {
  color: var(--body-color);
  background-color: var(--color2-light);
}
@media (hover: hover) {
  .cookie-settings__submit:hover {
    color: var(--white);
    background-color: var(--color2-dark);
  }
}
.cookie-settings__submit:focus-visible {
  color: var(--white);
  background-color: var(--color2-dark);
}

.alertbanner {
  position: relative;
  overflow-x: clip;
}
.alertbanner__wrapper {
  color: var(--white);
  padding: var(--spacing-md);
}
.alertbanner__wrapper {
  box-shadow: 0 0 0 100vmax var(--full-background-color);
  --full-background-color: var(--color1-base);
  background-color: var(--full-background-color);
  clip-path: inset(0 -100vmax);
  display: flex;
  gap: var(--spacing-sm);
  align-items: center;
  justify-content: space-between;
}
.alertbanner__heading {
  display: flex;
  column-gap: var(--spacing-sm);
  color: var(--heading-color);
  font-weight: var(--heading-font-weight);
  font-family: var(--heading-font-family);
  line-height: var(--heading-line-height);
}
.alertbanner__heading {
  font-size: var(--h5-font-size);
}
.alertbanner__heading:not(:last-child) {
  --heading-margin-bottom: 0;
  margin-bottom: var(--heading-margin-bottom);
}
.alertbanner__heading {
  color: var(--white);
}
.alertbanner__icon {
  --icon-scale: 1;
}
.alertbanner__btn {
  flex-shrink: 0;
  color: var(--white);
  background-color: var(--color1-dark);
}
@media (hover: hover) {
  .alertbanner__btn:hover {
    color: var(--white);
    background-color: var(--color2-base);
  }
}
.alertbanner__btn:focus-visible {
  color: var(--white);
  background-color: var(--color2-base);
}
@media (width <= 47.98em) {
  .alertbanner__btn {
    margin-left: 3rem;
  }
}
.alertbanner__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md) var(--spacing-md);
  align-items: flex-start;
}
@media (width >= 48em) {
  .alertbanner__content {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
}
.alertbanner .toggle--close {
  position: absolute;
  top: 0;
  right: 0;
}
.alertbanner .btn-toggle-close:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.alertbanner .btn-toggle-close:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.alertbanner .btn-toggle-close:has(> [data-icon]) > [data-icon] {
  align-self: var(--icon-align-self, start);
}
.alertbanner .btn-toggle-close:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.alertbanner .btn-toggle-close:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.alertbanner .btn-toggle-close:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.alertbanner .btn-toggle-close:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.alertbanner .btn-toggle-close {
  aspect-ratio: 1/1;
  width: auto;
  --size: 4.2rem;
  height: var(--size);
  padding: 0;
  color: var(--white);
  background-color: transparent;
}
@media (hover: hover) {
  .alertbanner .btn-toggle-close:hover {
    color: var(--white);
    background-color: var(--gray-darker);
  }
}
.alertbanner .btn-toggle-close:focus-visible {
  color: var(--white);
  background-color: var(--gray-darker);
}

/*-----------------------------**
|  Layout | Module Alert banner  |
**-----------------------------*/
.contentblocks {
  container: content-blocks/inline-size;
}
.contentblocks__list {
  display: grid;
  gap: var(--spacing-md);
}
@container content-blocks (width >= 90rem) {
  .contentblocks__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@container content-blocks (width >= 90rem) {
  .contentblocks__list[data-cols="1"] {
    grid-template-columns: repeat(1, 1fr);
  }
}
@container content-blocks (width >= 125rem) {
  .contentblocks__list:not(:has(.contentblocks__photo))[data-cols="3"], .contentblocks__list:not(:has(.contentblocks__photo))[data-cols="6"] {
    grid-template-columns: repeat(3, 1fr);
  }
}
.contentblocks__container {
  container: content-block-item/inline-size;
}
.contentblocks__item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  position: relative;
}
.contentblocks__short:not(:last-child), .contentblocks__title:not(:last-child) {
  margin-bottom: var(--spacing-sm);
}
.contentblocks__title {
  text-wrap: balance;
  font-size: var(--h4-font-size);
  --heading-font-weight: 900;
}
.contentblocks__btn svg {
  order: 2;
}
.contentblocks__btn > span {
  order: 1;
}
@media (hover: hover) {
  .contentblocks__btn:hover {
    text-decoration-color: var(--link-color-hover);
  }
}
.contentblocks__btn:focus-visible {
  text-decoration-color: var(--link-color-hover);
}
.contentblocks__photo {
  container: content-blocks-photo/inline-size;
  position: relative;
}
.contentblocks__photo .swiper__controls {
  position: absolute;
  left: var(--spacing-xs);
  bottom: var(--spacing-xs);
}
@container content-blocks-photo (width <= 19.98rem) {
  .contentblocks__photo .swiper__controls .swiper__hero-controls {
    gap: var(--spacing-xs);
  }
  .contentblocks__photo .swiper__controls .swiper__play {
    --size: 1.6rem;
    width: var(--size);
  }
  .contentblocks__photo .swiper__controls .swiper__play svg {
    --icon-size: 1.6rem;
  }
  .contentblocks__photo .swiper__controls .swiper__dot {
    --size: 1.2rem;
    padding: 0.2rem;
  }
  .contentblocks__photo .swiper__controls .swiper__dot-button {
    width: 1.2rem;
    height: 0.3rem;
  }
}
.contentblocks__content:has([target=_blank]) .contentblocks__title > span {
  display: inline !important;
  display: inline-flex;
  column-gap: var(--spacing-2xs);
}
.contentblocks__content:has([target=_blank]) .contentblocks__title > span::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  background-image: none !important;
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v9l-3.794-3.793-5.999 6-1.414-1.414 5.999-6L12 3h9z' /%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml;utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v9l-3.794-3.793-5.999 6-1.414-1.414 5.999-6L12 3h9z' /%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  --icon-scale: 0.7;
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
  background-color: var(--icon-color);
  aspect-ratio: var(--icon-aspect-ratio-width, 1)/var(--icon-aspect-ratio-height, 1);
  width: auto;
  height: calc(var(--icon-size, 1lh) * var(--icon-scale, 1));
}
.contentblocks .swiper__dot {
  display: flex;
  align-items: center;
}
.contentblocks .swiper__dot.embla-dot-selected .swiper__dot-button {
  background-color: var(--white);
}
.contentblocks .swiper__dot-button {
  border-radius: 0;
  width: var(--spacing-lg);
  height: var(--spacing-2xs);
  background-color: hsla(0, 0%, 100%, 0.3);
  border: none;
}
@media (hover: hover) {
  .contentblocks .swiper__dot-button:hover {
    background-color: var(--white);
  }
}
.contentblocks .swiper__dot-button:focus-visible {
  background-color: var(--white);
}
.contentblocks .swiper__play {
  background-color: transparent;
  border: none;
}
.contentblocks .swiper__play .swiper__button-icon {
  --icon-color: hsla(0, 0%, 100%, 0.75);
}
@media (hover: hover) {
  .contentblocks .swiper__play:hover .swiper__button-icon {
    --icon-color: var(--white);
  }
}
.contentblocks .swiper__play:focus-visible .swiper__button-icon {
  --icon-color: var(--white);
}

.footer-contentblocks:not(:last-child) {
  margin-bottom: var(--spacing-section);
}

.contentblocks--image {
  margin-bottom: var(--spacing-section);
}
.contentblocks--image[data-box=cps-secondary] {
  color: var(--body-color);
}
.contentblocks--image[data-box=cps-secondary] .contentblocks__icon {
  --icon-color: var(--color1-base);
}
.contentblocks--image[data-box=cps-secondary] .contentblocks__title {
  --heading-color: var(--color1-base);
}
.contentblocks--image[data-box=cps-secondary] .contentblocks__title .drop {
  fill: var(--color2-base);
}
.contentblocks--image[data-box=cps-secondary] .contentblocks__btn {
  color: var(--white);
  background-color: var(--color1-base);
}
@media (hover: hover) {
  .contentblocks--image[data-box=cps-secondary] .contentblocks__btn:hover {
    color: var(--white);
    background-color: var(--color2-base);
  }
}
.contentblocks--image[data-box=cps-secondary] .contentblocks__btn:focus-visible {
  color: var(--white);
  background-color: var(--color2-base);
}
.contentblocks--image[data-box=cps-secondary] .contentblocks__photo:after {
  background-color: var(--color1-lighter);
}
.contentblocks--image .contentblocks__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
@media (width >= 80em) {
  .contentblocks--image .contentblocks__photo {
    order: 2;
  }
}
.contentblocks--image .contentblocks__photo {
  z-index: -1;
  position: relative;
}
.contentblocks--image .contentblocks__photo:after {
  content: "";
  background-color: var(--color2-lighter);
  position: absolute;
  right: -5rem;
  top: -2rem;
  clip-path: polygon(62.9% 7.5%, 64.3% 8%, 65.7% 8.5%, 67.1% 8.9%, 68.5% 9.4%, 69.9% 9.9%, 71.3% 10.3%, 72.6% 10.8%, 74% 11.3%, 75.4% 11.8%, 76.7% 12.2%, 78% 12.7%, 79.3% 13.2%, 80.6% 13.8%, 81.9% 14.3%, 83.1% 14.9%, 84.3% 15.4%, 85.4% 16%, 86.6% 16.6%, 87.7% 17.2%, 88.8% 17.9%, 89.8% 18.6%, 90.8% 19.2%, 91.7% 20%, 92.6% 20.7%, 93.5% 21.5%, 94.3% 22.3%, 95% 23.2%, 95.7% 24.1%, 96.4% 25%, 97% 25.9%, 97.5% 26.9%, 97.9% 28%, 98.4% 29%, 98.7% 30.2%, 99% 31.3%, 99.3% 32.5%, 99.5% 33.7%, 99.6% 34.9%, 99.7% 36.1%, 99.8% 37.4%, 99.8% 38.7%, 99.8% 40%, 99.7% 41.4%, 99.6% 42.7%, 99.5% 44.1%, 99.3% 45.5%, 99.1% 46.9%, 98.8% 48.3%, 98.6% 49.7%, 98.3% 51.1%, 97.9% 52.6%, 97.6% 54%, 97.2% 55.5%, 96.8% 56.9%, 96.3% 58.4%, 95.9% 59.8%, 95.4% 61.3%, 95% 62.7%, 94.5% 64.2%, 94% 65.6%, 93.4% 67%, 92.9% 68.5%, 92.4% 69.9%, 91.8% 71.3%, 91.2% 72.6%, 90.7% 74%, 90.1% 75.3%, 89.4% 76.7%, 88.8% 78%, 88.2% 79.2%, 87.5% 80.5%, 86.9% 81.7%, 86.2% 82.9%, 85.5% 84.1%, 84.8% 85.2%, 84% 86.3%, 83.3% 87.4%, 82.5% 88.4%, 81.7% 89.4%, 80.9% 90.4%, 80.1% 91.3%, 79.3% 92.2%, 78.4% 93%, 77.5% 93.8%, 76.6% 94.6%, 75.7% 95.3%, 74.8% 96%, 73.8% 96.6%, 72.8% 97.1%, 71.8% 97.6%, 70.8% 98.1%, 69.8% 98.4%, 68.7% 98.8%, 67.6% 99%, 66.5% 99.3%, 65.4% 99.5%, 64.3% 99.6%, 63.2% 99.7%, 62% 99.7%, 60.8% 99.8%, 59.7% 99.7%, 58.5% 99.7%, 57.3% 99.6%, 56% 99.4%, 54.8% 99.2%, 53.6% 99%, 52.4% 98.8%, 51.1% 98.5%, 49.9% 98.2%, 48.6% 97.9%, 47.4% 97.5%, 46.1% 97.2%, 44.9% 96.8%, 43.7% 96.4%, 42.4% 95.9%, 41.2% 95.5%, 39.9% 95%, 38.7% 94.5%, 37.4% 94%, 36.2% 93.5%, 35% 93%, 33.8% 92.5%, 32.6% 92%, 31.4% 91.4%, 30.2% 90.8%, 29.1% 90.3%, 27.9% 89.7%, 26.8% 89.1%, 25.6% 88.5%, 24.5% 87.8%, 23.4% 87.2%, 22.3% 86.5%, 21.3% 85.9%, 20.2% 85.2%, 19.2% 84.5%, 18.2% 83.7%, 17.2% 83%, 16.2% 82.2%, 15.3% 81.4%, 14.4% 80.6%, 13.5% 79.8%, 12.6% 78.9%, 11.7% 78.1%, 10.9% 77.2%, 10.1% 76.2%, 9.3% 75.3%, 8.6% 74.3%, 7.9% 73.3%, 7.2% 72.3%, 6.5% 71.2%, 5.9% 70.2%, 5.3% 69.1%, 4.7% 67.9%, 4.2% 66.8%, 3.7% 65.6%, 3.2% 64.4%, 2.8% 63.2%, 2.4% 62%, 2% 60.7%, 1.7% 59.5%, 1.3% 58.2%, 1.1% 56.9%, 0.8% 55.6%, 0.6% 54.2%, 0.4% 52.9%, 0.3% 51.6%, 0.2% 50.2%, 0.1% 48.8%, 0% 47.5%, 0% 46.1%, 0% 44.7%, 0.1% 43.3%, 0.1% 41.9%, 0.3% 40.5%, 0.4% 39.1%, 0.6% 37.7%, 0.8% 36.3%, 1.1% 34.9%, 1.3% 33.5%, 1.6% 32.1%, 2% 30.7%, 2.4% 29.3%, 2.8% 28%, 3.3% 26.6%, 3.7% 25.3%, 4.3% 23.9%, 4.8% 22.6%, 5.4% 21.3%, 6% 20.1%, 6.6% 18.8%, 7.3% 17.6%, 8% 16.4%, 8.7% 15.2%, 9.4% 14.1%, 10.2% 13%, 11% 11.9%, 11.8% 10.8%, 12.7% 9.8%, 13.5% 8.9%, 14.4% 7.9%, 15.3% 7%, 16.3% 6.2%, 17.2% 5.4%, 18.2% 4.7%, 19.2% 4%, 20.2% 3.3%, 21.3% 2.7%, 22.3% 2.2%, 23.4% 1.7%, 24.5% 1.3%, 25.6% 1%, 26.7% 0.7%, 27.8% 0.4%, 29% 0.2%, 30.2% 0.1%, 31.3% 0%, 32.5% 0%, 33.7% 0%, 35% 0.1%, 36.2% 0.2%, 37.4% 0.3%, 38.7% 0.5%, 40% 0.7%, 41.3% 1%, 42.5% 1.2%, 43.8% 1.5%, 45.2% 1.9%, 46.5% 2.2%, 47.8% 2.6%, 49.1% 3%, 50.5% 3.4%, 51.8% 3.8%, 53.2% 4.3%, 54.6% 4.7%, 55.9% 5.2%, 57.3% 5.7%, 58.7% 6.1%, 60.1% 6.6%, 61.5% 7.1%);
  z-index: -1;
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
  transform: scale(0.9);
}
.contentblocks--image .contentblocks__photo .photo__thumb {
  clip-path: url(#item-photo-mask);
  aspect-ratio: 369/342;
}
.contentblocks--image .contentblocks__title {
  --heading-font-family: hegante-display;
  --heading-color: var(--color2-base);
}
.contentblocks--image .contentblocks__title .drop {
  fill: var(--color1-base);
}
@media (width >= 48em) {
  .contentblocks--image .contentblocks__short {
    max-width: 50ch;
    text-wrap: pretty;
  }
}
@container content-blocks (width >= 40rem) {
  .contentblocks--image:not(:only-child) {
    flex-direction: row;
  }
  .contentblocks--image:not(:only-child) .contentblocks__photo {
    flex: 0 0 12rem;
  }
  .contentblocks--image:not(:only-child) .contentblocks__content {
    flex-grow: 1;
  }
  .contentblocks--image:not(:only-child) .contentblocks__icon-wrapper {
    position: absolute;
    right: var(--spacing-md);
    top: var(--spacing-md);
  }
  .contentblocks--image:not(:only-child) .contentblocks__icon {
    --icon-color: var(--color2-base);
    --icon-scale: 1;
    --icon-size: 5rem;
  }
}
@container content-blocks (width <= 39.98rem) {
  .contentblocks--image:not(:only-child) .contentblocks__icon-wrapper {
    aspect-ratio: 1/1;
    width: auto;
    --size: 4rem;
    height: var(--size);
    position: absolute;
    background-color: var(--color1-base);
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .contentblocks--image:not(:only-child) .contentblocks__icon {
    --icon-color: var(--white);
    --icon-size: 3rem;
  }
}
.contentblocks--image:only-child {
  padding: 0;
  background-color: transparent;
  gap: 0;
}
.contentblocks--image:only-child .contentblocks__content {
  color: var(--body-color);
  background-color: var(--color1-lightest);
  padding: var(--spacing-xl) var(--spacing-lg);
  border-radius: var(--border-radius-md);
}
.contentblocks--image:only-child .contentblocks__content {
  height: fit-content;
  position: relative;
  background-color: transparent;
}
@container content-blocks (width >= 85rem) {
  .contentblocks--image:only-child {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xl);
  }
  .contentblocks--image:only-child .contentblocks__icon-wrapper {
    right: initial;
    left: 0;
  }
  .contentblocks--image:only-child .contentblocks__photo {
    flex: 0 0 40rem;
    scale: 0.9;
  }
  .contentblocks--image:only-child .contentblocks__content {
    flex-grow: 0;
  }
  .contentblocks--image:only-child .contentblocks__title {
    font-size: var(--h2-font-size);
    --heading-font-weight: 700;
  }
}
@container content-blocks (width >= 95rem) {
  .contentblocks--image:only-child .contentblocks__content {
    padding-inline: var(--spacing-content);
    padding-block: var(--spacing-content);
  }
  .contentblocks--image:only-child .contentblocks__icon-wrapper {
    aspect-ratio: 1/1;
    width: auto;
    --size: 6rem;
    height: var(--size);
  }
  .contentblocks--image:only-child .contentblocks__icon {
    --icon-size: 4rem;
  }
  .contentblocks--image:only-child .contentblocks__photo {
    flex: 0 0 55rem;
  }
}

.contentblocks--icon {
  background-color: var(--color2-lighter);
}
.contentblocks--icon[data-box=cps-secondary] {
  color: var(--body-color);
  background-color: var(--color1-lighter);
}
.contentblocks--icon[data-box=cps-secondary] .contentblocks__icon {
  --icon-color: var(--color1-base);
}
.contentblocks--icon[data-box=cps-secondary] .contentblocks__title {
  --heading-color: var(--color1-base);
}
.contentblocks--icon[data-box=cps-secondary] .contentblocks__btn {
  --link-color: var(--color1-base);
}
.contentblocks--icon .contentblocks__icon-wrapper {
  position: absolute;
  right: var(--spacing-md);
  top: var(--spacing-md);
}
.contentblocks--icon .contentblocks__icon {
  --icon-color: var(--color2-base);
  --icon-scale: 1;
  --icon-size: 5rem;
}
.contentblocks--icon .contentblocks__title {
  padding-right: calc(var(--spacing-md) + var(--spacing-lg));
  --heading-color: var(--color2-base);
}
.contentblocks--icon .contentblocks__btn {
  --link-color: var(--color2-base);
}

.vacancy-detail .vacancy-info {
  border-radius: var(--border-radius-md);
  padding: var(--spacing-md);
  background-color: var(--gray-lighter);
  margin-bottom: var(--spacing-md);
  gap: var(--spacing-xs);
}

.vacancy-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xs);
  margin-bottom: var(--spacing-2xs);
}
.vacancy-info__item {
  display: flex;
  gap: var(--spacing-2xs);
}

.hall-finder__info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.hall-finder__info-item {
  background-color: var(--gray-lighter);
  padding: var(--spacing-xs);
  border-radius: var(--border-radius-md);
}
.hall-finder__info-sub {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.hall-finder__info-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.hall-finder__info-items {
  display: flex;
  flex-direction: column;
}

.hall-finder-taxo__container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.project__dates {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-sm);
  padding: var(--spacing-xl) var(--spacing-lg);
  border-radius: var(--border-radius-md);
  background-color: var(--gray-lighter);
  margin-bottom: var(--spacing-content);
}
.project__dates-title {
  font-weight: 700;
}
.project__dates-status {
  background-color: var(--gray-dark);
  color: var(--white);
  padding: var(--spacing-xs) var(--spacing-2xs);
  border-radius: var(--border-radius-md);
  font-weight: 400;
}
.project__short {
  font-size: var(--h5-font-size);
}
@media (width >= 48em) {
  .project__short {
    max-width: 75ch;
    text-wrap: pretty;
  }
}
.project__heading .page-heading__title {
  margin-bottom: var(--spacing-xs);
}

.timeline__container {
  background-color: var(--gray-lighter);
  padding: var(--spacing-xl) var(--spacing-lg);
  border-radius: var(--border-radius-md);
}
.timeline__list {
  row-gap: var(--spacing-md);
}
.timeline__item {
  display: var(--icon-display, inline-flex);
  column-gap: var(--spacing-lg);
  position: relative;
}
.timeline__item::before {
  content: "";
  display: block;
  background-color: var(--gray-darker);
  --size-width: 0.2rem;
  width: var(--size-width);
  --size-height: calc(100% + var(--spacing-md));
  height: var(--size-height);
  position: absolute;
  top: calc(var(--spacing-md) * -1);
  left: calc(1.4rem - 0.1rem);
}
.timeline__item:first-child::before {
  top: calc(2.8rem + (1lh - 2.8rem) / 2);
  --size-height: calc(100% - (2.8rem + (1lh - 2.8rem) / 2));
  height: var(--size-height);
}
.timeline__status {
  position: relative;
  margin-block: calc((1lh - 2.8rem) / 2);
  z-index: 1;
  isolation: isolate;
}
.timeline__status:has(> [data-icon]) {
  display: var(--icon-display, inline-grid);
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.timeline__status:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.timeline__status:has(> [data-icon]) > [data-icon] {
  --icon-scale: 0.6;
  align-self: var(--icon-align-self, start);
}
.timeline__status:has(> [data-icon]) {
  place-content: center;
  grid-template-columns: none;
}
.timeline__status:has(> [data-icon]) [data-icon] {
  margin-block: unset;
}
.timeline__status:has(> [data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.timeline__status:not(:has([data-icon])) {
  display: grid;
  place-content: center;
}
.timeline__status {
  aspect-ratio: 1/1;
  width: auto;
  --size: 2.8rem;
  height: var(--size);
  border-radius: 50%;
  padding: 0;
  --icon-color: var(--white);
}
.timeline__status:has(> [data-icon]) {
  box-shadow: 0 0 0 0.2rem var(--gray-darker);
}
.timeline__status:not(:has(> [data-icon])) {
  background-color: var(--gray-darker);
  transform: scale(0.5);
}
.timeline__status:not(:has(> [data-icon])) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.timeline__date {
  margin-bottom: var(--spacing-xs);
  font-weight: 700;
}
.timeline .filter-display {
  display: inline-flex;
}

.person__title {
  display: flex;
  gap: var(--spacing-sm);
  align-items: baseline;
  flex-wrap: wrap;
}
.person__content > *:not(:last-child) {
  --paragraph-margin-bottom: var(--spacing-md);
  margin-bottom: var(--paragraph-margin-bottom);
}
.person__photo {
  --item-media-width: 15rem;
}
@media (width <= 31.98em) {
  .person__photo {
    max-width: 15rem;
  }
}
.person__link:not(:last-child) {
  --heading-margin-bottom: 0;
}
.person__name {
  margin-bottom: 0;
}

.person-contact .title:not(:last-child),
.function .title:not(:last-child) {
  --heading-margin-bottom: 0.2em;
}
.person-contact .title,
.function .title {
  --heading-font-weight: 500;
}

.faction {
  color: var(--body-color);
  font-size: var(--font-size-sm);
  font-weight: 500;
  padding: var(--spacing-2xs) var(--spacing-xs);
  background-color: var(--color1-light);
  border: 0.1rem var(--color1-lighter) solid;
  border-radius: var(--border-radius-md);
}

.function__item:has(> [data-icon]) {
  display: var(--icon-display, inline-flex);
  column-gap: var(--icon-column-gap);
  grid-template-columns: auto 1fr;
}
.function__item:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.function__item:has(> [data-icon]) > [data-icon] {
  --icon-color: var(--color1-base);
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
  align-self: var(--icon-align-self, start);
}

.person-contact__info:not(:last-child) {
  --paragraph-margin-bottom: var(--spacing-md);
  margin-bottom: var(--paragraph-margin-bottom);
}

.person-detail .page-heading {
  display: flex;
  flex-direction: column-reverse;
}
@media (width <= 63.98em) {
  .person-detail .page-container > :not(.page-content) {
    order: -1;
  }
}
.person-detail .page-container .photo--box {
  max-width: 15rem;
}
@media (width >= 64em) {
  .person-detail .page-container .photo--box {
    max-width: 60%;
    margin-left: auto;
  }
}

.has-pb:not(:last-child) {
  --pb-paragraph-margin-bottom: var(--spacing-md);
}

.pb__item {
  --info-char: none;
}

.pb-info .one-media .photo,
.pb-info .one-media img {
  border-radius: var(--border-radius-md);
}
.pb-info .zone-grid {
  margin-bottom: var(--spacing-content);
}
.pb-info .zone-grid .zone__heading {
  margin-bottom: 0;
}
.pb-info .zone-grid .zone__container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.pb-info .zone-grid .zone__list {
  margin-bottom: 0;
}
.pb-info .zone-grid .zone__buttons {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.pb__col--background.pb-background--color1 > .pb__item-wrapper {
  background-color: var(--color1-lightest);
}
.pb__col--background.pb-background--color2 > .pb__item-wrapper {
  background-color: var(--color2-lightest);
}
.pb__col--background.pb-background--color3 > .pb__item-wrapper {
  background-color: var(--gray-lighter);
}
.pb__col--background > .pb__item-wrapper {
  border-radius: var(--border-radius-md);
}
.pb-icon--color1 {
  fill: var(--color1-base);
}
.pb-icon--color2 {
  fill: var(--color2-base);
}
.pb-icon--color3 {
  fill: var(--gray-dark);
}

.widget-vlw-placeholder {
  position: relative;
  z-index: 1; /* of hoger, naar wens */
  --vlw-theme-primary-color: var(--color1-base);
  --vlw-theme-primary-hover-color: var(--color2-base);
  --vlw-theme-primary-active-color: var(--color2-base);
  --vlw-theme-primary-fg-color: var(--white);
  --vlw-theme-functional-color: var(--body-color);
  --vlw-theme-functional-hover-color: var(--link-color-hover);
  --vlw-theme-functional-active-color: var(--link-color-hover);
  --vlw-theme-base-font: var(--body-font-family);
  --vlw-theme-primary-font: var(--body-font-family);
  --vlw-theme-font-weight-bold: 700;
  --vl-theme-action-color: var(--body-color);
  --vl-theme-action-hover-color: var(--link-color-hover);
  --vl-theme-action-active-color: var(--link-color-hover);
  --vlw-burgerprofiel-display: absolute;
}

.home-overview .page-inner {
  margin-top: 0;
}
.home-overview .page-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.home-overview .heading__wrapper {
  margin-bottom: 0rem;
}
.event-overview .heading-title__wrapper {
  align-items: flex-end !important;
}
.event-overview .page-heading__title {
  font-size: calc(var(--h1-font-size) * var(--font-scaler, 1.13));
}
.event-overview .page-heading__icon {
  --icon-scale: 1;
}
.event-overview .events-grid .item__readmore, .event-overview .events-list .item__readmore {
  padding-top: var(--spacing-md);
}

.event-tags {
  /* Colors Variables */
  --color-uit: hsl(240, 7%, 27%);
  --color-uitx: hsl(113, 100%, 50%);
  --color-vlieg: hsl(50, 96%, 53%);
  --color-museumpas: hsl(339, 81%, 51%);
  --color-uitpas: hsl(164, 77%, 34%);
}
.event-tags .tags__item:has([data-icon]):has(> [data-icon]) {
  column-gap: 0;
  grid-template-columns: auto 1fr;
}
.event-tags .tags__item:has([data-icon]):has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.event-tags .tags__item:has([data-icon]):has(> [data-icon]) > [data-icon] {
  --icon-scale: 1;
  --icon-size: var(--font-size-lg);
  align-self: var(--icon-align-self, start);
}
.event-tags .tags__item:has([data-icon]) [data-icon] {
  margin-block: unset;
}
.event-tags .tags__item:has([data-icon]) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.event-tags .tags__item:has(use[href$=-icon]) {
  border-radius: 50%;
}
.event-tags .tags__item:has(use[href$=-single]) .tags__icon {
  --icon-color: var(--color-uit);
}

.event-detail .event .list-vstack {
  row-gap: var(--spacing-2xs);
}
.event-detail .event-tags .tags__item > [data-icon] {
  --icon-scale: 1;
  --icon-size: 3.5rem !important;
}
.event-detail .event-dates .date-full {
  color: var(--black);
}

.event-reservation {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-xl);
}
.event-reservation__box .list-vstack:not(:last-child) {
  --paragraph-margin-bottom: var(--spacing-md);
  margin-bottom: var(--paragraph-margin-bottom);
}
.event-reservation__ticket-link {
  width: fit-content;
  padding: var(--spacing-xs) var(--spacing-sm);
}
.event .event-tags .tags__item,
.event .tickets__link {
  position: relative;
  z-index: 1071;
}
.event__info .list-vstack {
  row-gap: var(--spacing-2xs);
}
.event__info .tags:not(:last-child) {
  --paragraph-margin-bottom: var(--spacing-md);
  margin-bottom: var(--paragraph-margin-bottom);
}
.product-detail .photo--box {
  --photo-border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
}
.product-detail .photo--box + .compact-contact {
  margin-top: calc(var(--spacing-content) * -1);
}
.product-detail .page-container > .compact-contact__item {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: unset;
  background-color: var(--color1-lighter);
}
.product-detail .page-container > .compact-contact__item {
  --separator-border-color: var(--body-color);
}
.product-detail .page-container > .compact-contact__item .btn-appointment {
  color: var(--body-color);
  background-color: var(--white);
}
@media (hover: hover) {
  .product-detail .page-container > .compact-contact__item .btn-appointment:hover {
    color: var(--white);
    background-color: var(--body-color);
  }
}
.product-detail .page-container > .compact-contact__item .btn-appointment:focus-visible {
  color: var(--white);
  background-color: var(--body-color);
}
.product-detail .page-container > .compact-contact__info-short {
  background-color: var(--white);
}

.news-detail .item__short {
  font-weight: 700;
}

.contact__info-short {
  background-color: var(--color1-lighter);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--border-radius-md);
}
.contact__info-short:has(> [data-icon]) {
  display: var(--icon-display, inline-flex);
  column-gap: var(--spacing-2xs);
  grid-template-columns: auto 1fr;
}
.contact__info-short:has(> [data-icon]) > :not([data-icon]) {
  grid-column: 2;
}
.contact__info-short:has(> [data-icon]) > [data-icon] {
  margin-block: calc((1lh - var(--icon-size, 1lh) * var(--icon-scale, 1)) / 2);
  align-self: var(--icon-align-self, start);
}

.contact-overview pcontent .page-container {
  display: grid;
  grid-template: auto/100%;
  gap: var(--spacing-content) var(--spacing-section);
}
@media (width >= 64em) {
  .contact-overview pcontent .page-container:has(.compact-contact--spotlight .compact-contact__item:only-child) {
    grid-template-columns: 1fr 2fr;
  }
  .contact-overview pcontent .page-container:has(.compact-contact--spotlight .compact-contact__item:only-child) > * {
    height: fit-content;
  }
  .contact-overview pcontent .page-container:has(.compact-contact--spotlight .compact-contact__item:only-child) > :not(.page-content) {
    grid-column: 1;
  }
  .contact-overview pcontent .page-container:has(.compact-contact--spotlight .compact-contact__item:only-child) > .page-content {
    grid-column: 2;
    grid-row: 1/-1;
  }
  .contact-overview pcontent .page-container:has(.compact-contact--spotlight .compact-contact__item:only-child) > .page-content:only-child {
    grid-column: span 2;
  }
}
@media (width >= 80em) {
  .contact-overview pcontent .page-container:has(.compact-contact--spotlight .compact-contact__item:only-child) {
    --page-max-spread: calc((100cqi - var(--spacing-section)) * 2 / 3);
  }
}

.contact-detail .page-heading {
  display: flex;
  flex-direction: column-reverse;
}
.contact-detail .contact__item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.contact-detail .contact__item:has(.streetmap) {
  --streetmap-min-height: 20rem;
}
@media (width >= 64em) {
  .contact-detail .contact__item:has(.streetmap) {
    display: grid;
    grid-template-columns: 1fr minmax(20rem, 30rem);
  }
}
.contact-detail .contact__info-short,
.contact-detail .btn-appointment {
  width: fit-content;
}

.contact-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.contact-info dt:not(.dd) {
  display: none;
}
.contact-info .txt-streetnr,
.contact-info .txt-gebouw,
.contact-info .address-route {
  display: block;
}
.contact-info .txt-phone [data-label]::before,
.contact-info .txt-gsm [data-label]::before,
.contact-info .txt-fax [data-label]::before {
  content: attr(data-label) " ";
}
.contact-info .txt-website .txt-email a {
  word-break: break-all;
}
.eloket-overview .list__info:has([data-icon]) {
  display: var(--icon-display, inline-flex);
  column-gap: var(--spacing-2xs);
}

.announcement__info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xs);
}
.announcement__location {
  display: flex;
  gap: var(--spacing-2xs);
}

@media (width >= 48em) {
  .council-detail .zone-related .vstack {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: var(--spacing-content);
  }
  .council-detail .zone-related .vstack .item {
    padding-top: var(--spacing-md);
  }
}
@media (width >= 48em) {
  .council-detail .zone-related .vstack--bordered .item:nth-last-child(2):nth-child(odd) {
    border-bottom: none;
  }
}

.content #aanbod-container.page-content {
  gap: var(--spacing-section);
}
.content-detail .zone-blobb {
  padding-top: var(--spacing-content);
  padding-bottom: var(--spacing-section);
}

.container-wrapperrrr {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-section);
}
[data-read-more=true] .info {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5; /* number of lines to show */
  line-clamp: 5;
  -webkit-box-orient: vertical;
}
/*# sourceMappingURL=maps/skin.css.map */