@font-face {
  font-family: 'Geologica';
  src: url('../fonts/geologica.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --color-brand: #347362;
  --color-brand-dark: #265e4e;
  --color-brand-light: #36997d;
  --color-brand-contrast: #a8a035;
  --color-text: #347362;
  --color-text-muted: #5a7a6e;
  --color-text-inverse: #f5eacf;
  --color-bg: #f5eacf;
  --color-bg-light: #f7f0e2;
  --color-bg-dark: #2a5144;
  --color-bg-hero: #a3b7df;
  --color-bg-hero-dark: #92a5d4;
  --color-border: #c8d5c0;
  --font-base: 'Geologica', sans-serif;
  --font-heading: 'Geologica', sans-serif;
  --line-height-base: 1.8;
  --line-height-heading: 1.2;
  --font-size-base: 16px;
  --font-size-xs: 0.64rem;
  --font-size-sm: 0.9rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.2rem;
  --font-size-xl: 1.563rem;
  --font-size-2xl: 1.953rem;
  --font-size-3xl: 2.441rem;
  --font-size-4xl: 3.052rem;
  --space-none: 0;
  --space-3xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 8rem;
  --container-width: 1200px;
  --container-wide: 1440px;
  --container-narrow: 760px;
  --container-padding: 1.5rem;
  --border-radius: 4px;
  --border-radius-lg: 8px;
  --border-radius-pill: 9999px;
  --box-shadow: 0 10px 10px rgba(0, 0, 0, 0.08);
  --box-shadow-lg: 0 4px 24px rgba(0, 0, 0, 0.12);
  --transition: 0.2s ease;
}
@media (min-width: 768px) {
  :root {
    --font-size-base: 17px;
  }
}
@media (min-width: 1200px) {
  :root {
    --font-size-base: 18px;
  }
}
@media (min-width: 1024px) {
  :root {
    --header-height: 100px;
  }
}
.svg-shadow {
  filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.5));
}
.box-shadow {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
}
body {
  background-color: var(--color-bg);
  color: var(--color-text);
}
.sx-site {
  background-image: linear-gradient(to right, var(--color-brand-contrast) 24px, transparent 24px);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--color-brand);
  font-weight: 150;
}
a {
  color: var(--color-brand);
}
a:hover {
  color: var(--color-brand-light);
}
.sx-header {
  background-color: var(--color-bg-hero);
  border: none;
  background-image: linear-gradient(to right, var(--color-brand) 24px, transparent 24px);
}
.sx-header .sx-header__menu .menu-item > a {
  color: var(--color-brand);
  font-weight: 500;
  font-size: var(--font-size-lg);
  border-radius: var(--border-radius-pill);
}
@media (min-width: 1024px) {
  .sx-header .sx-header__menu .menu-item > a {
    padding: 0.3rem var(--space-md);
  }
}
.sx-header .sx-header__menu .menu-item > a:hover {
  color: var(--color-text-inverse);
  background-color: var(--color-brand-light);
}
.sx-header .sx-header__menu .accent-item > a {
  color: var(--color-text);
  background-color: var(--color-bg);
}
@media (max-width: 1023px) {
  .sx-header .sx-header__menu .accent-item > a {
    padding-inline: var(--space-sm);
    margin-inline-start: calc(-1 * var(--space-sm));
  }
}
@media (max-width: 1023px) {
  .sx-header .sx-header__logo {
    position: absolute;
    top: 0;
    left: var(--space-lg);
    z-index: 999;
  }
  .sx-header .sx-header__logo-img--color {
    height: 100px;
    filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.5));
  }
  .sx-header .sx-header__nav {
    margin-left: auto;
  }
  .sx-header__menu-toggle {
    color: var(--color-text-inverse);
    z-index: 999;
  }
}
@media (min-width: 1024px) {
  .sx-header .sx-header__inner {
    max-width: none;
    padding-inline: var(--space-2xl);
  }
  .sx-header .sx-header__logo {
    transition: all 0.4s ease;
  }
}
@media (min-width: 1024px) {
  .sx-header--home .sx-header__logo {
    position: absolute;
    top: var(--space-lg);
    left: var(--space-2xl);
    z-index: 999;
  }
  .sx-header--home .sx-header__logo-img--color {
    opacity: 0;
  }
  .sx-header--home .sx-header__logo-img--white {
    height: 200px;
    max-width: none;
    opacity: 1;
  }
  .sx-header--home .sx-header__nav {
    margin-left: auto;
  }
}
@media (min-width: 1024px) {
  .sx-header--main .sx-header__logo {
    position: absolute;
    top: 0;
    left: var(--space-2xl);
    z-index: 999;
  }
  .sx-header--main .sx-header__logo-img--color {
    height: 140px;
    opacity: 1;
    filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.5));
  }
  .sx-header--main .sx-header__logo-img--white {
    opacity: 0;
  }
  .sx-header--main .sx-header__nav {
    margin-left: auto;
  }
}
@media (min-width: 1024px) {
  .sx-header--main.is-scrolled .sx-header__logo-img--color {
    height: 140px;
  }
}
.sx-header.is-scrolled,
.sx-header--main {
  box-shadow: none;
}
@media (max-width: 1023px) {
  .sx-header.is-open .sx-header__menu {
    top: 0;
    padding-top: var(--space-3xl);
    padding-left: var(--space-lg);
    background-color: var(--color-bg-hero);
    border-bottom: none;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
  }
  .sx-header.is-open .sx-header__menu .menu-item > a:hover {
    color: var(--color-brand-dark);
    background-color: transparent;
  }
}
.sx-header .sub-menu {
  border-radius: var(--border-radius-pill);
  padding: 0;
  border: none;
  margin-top: var(--space-xs);
  background: var(--color-bg-light);
}
.sx-header .sub-menu .menu-item > a {
  border-bottom: none;
  padding-bottom: 0;
}
.sx-header .sub-menu .menu-item > a:hover {
  border-bottom: none;
}
@media (min-width: 1024px) {
  .sx-header .sub-menu .menu-item > a {
    font-size: var(--font-size-md);
    padding: 0.3rem var(--space-md);
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .sx-header .menu-item-has-children > .sub-menu {
    left: 0;
  }
}
.sx-hero--wije {
  margin-top: calc(-1 * var(--header-height));
  background-color: var(--color-bg-hero);
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(to right, var(--color-brand) 24px, transparent 24px);
}
.sx-hero--wije .sx-hero__inner {
  width: 100%;
  min-height: 100vh;
  max-width: none;
  margin-inline: 0;
  padding-inline: 0;
  padding-top: calc(var(--header-height) + var(--space-2xl));
  padding-bottom: var(--space-2xl);
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
@media (min-width: 1024px) {
  .sx-hero--wije .sx-hero__inner {
    flex-direction: row;
    align-items: stretch;
  }
}
@media (max-width: 1023px) {
  .sx-hero--wije .sx-hero__inner {
    min-height: auto;
    padding-top: calc(var(--header-height) + var(--space-xl));
    gap: var(--space-md);
  }
}
.sx-hero--wije .sx-hero__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--space-md);
  padding: 0 var(--space-lg);
}
@media (min-width: 1024px) {
  .sx-hero--wije .sx-hero__content {
    order: 1;
    flex: 0 0 50%;
    max-width: none;
    padding-left: var(--space-2xl);
    padding-right: var(--space-lg);
  }
}
.sx-hero--wije .sx-hero__title {
  font-family: var(--font-heading);
  font-size: clamp(3rem, 4vw, 4.2rem);
  font-weight: 100;
  line-height: 1.1;
  color: var(--color-brand);
}
.sx-hero--wije .sx-hero__title span {
  color: var(--color-text-inverse);
}
.sx-hero--wije .sx-hero__title strong {
  font-weight: 100;
  color: var(--color-bg);
}
.sx-hero--wije .sx-hero__intro {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--color-text);
}
.sx-hero--wije .sx-hero__actions {
  display: flex;
  gap: var(--space-sm);
  flex-wrap: wrap;
}
.sx-hero--wije .sx-hero__media {
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .sx-hero--wije .sx-hero__media {
    order: 2;
    flex: 1;
    min-width: 0;
    width: auto;
    padding-left: 0;
  }
}
.sx-hero--wije .sx-hero__img-wrap {
  width: 100%;
  height: 100%;
  border-radius: 9999px 0 0 9999px;
  overflow: hidden;
  margin-left: var(--space-lg);
}
.sx-hero--wije .sx-hero__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
@media (max-width: 1023px) {
  .sx-hero--wije .sx-hero__img-wrap {
    height: clamp(240px, 60vw, 480px);
  }
}
@media (min-width: 1024px) {
  .sx-hero--wije .sx-hero__img-wrap {
    margin-left: 0;
  }
}
.sx-hero--wije .sx-hero__badge {
  position: absolute;
  bottom: -20px;
  right: 20px;
  width: 100px;
  height: 125px;
  rotate: 8deg;
  animation: badge-wiggle 5s ease-in-out infinite;
}
.sx-hero--wije .sx-hero__badge img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.5));
}
@media (min-width: 1024px) {
  .sx-hero--wije .sx-hero__badge {
    bottom: 40px;
    right: 80px;
    width: 120px;
    height: 150px;
  }
}
@keyframes badge-wiggle {
  0%,
  80% {
    transform: rotate(0deg);
  }
  85% {
    transform: rotate(6deg);
  }
  90% {
    transform: rotate(-5deg);
  }
  95% {
    transform: rotate(3deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.sx-block {
  color: var(--color-text);
  position: relative;
}
.sx-block h1,
.sx-block h2,
.sx-block h3,
.sx-block h4,
.sx-block h5,
.sx-block h6 {
  color: var(--color-brand);
}
.sx-block p,
.sx-block li {
  color: var(--color-text);
}
.sx-block--text {
  position: relative;
  background-image: linear-gradient(to right, var(--color-brand-contrast) 24px, transparent 24px);
}
.sx-block--bg-brand,
.sx-block--bg-dark {
  color: var(--color-text-inverse);
}
.sx-block--bg-brand h1,
.sx-block--bg-dark h1,
.sx-block--bg-brand h2,
.sx-block--bg-dark h2,
.sx-block--bg-brand h3,
.sx-block--bg-dark h3,
.sx-block--bg-brand h4,
.sx-block--bg-dark h4,
.sx-block--bg-brand h5,
.sx-block--bg-dark h5,
.sx-block--bg-brand h6,
.sx-block--bg-dark h6 {
  color: var(--color-text-inverse);
}
.sx-block--bg-brand p,
.sx-block--bg-dark p,
.sx-block--bg-brand li,
.sx-block--bg-dark li {
  color: var(--color-text-inverse);
}
.sx-block--bg-creme {
  background-color: var(--color-bg);
  background-image: linear-gradient(to right, var(--color-brand-contrast) 24px, transparent 24px);
}
.sx-block--bg-creme h1,
.sx-block--bg-creme h2,
.sx-block--bg-creme h3,
.sx-block--bg-creme h4,
.sx-block--bg-creme h5,
.sx-block--bg-creme h6 {
  color: var(--color-brand-contrast);
}
.sx-block--bg-groen {
  background-color: var(--color-brand);
  color: var(--color-text-inverse);
  background-image: linear-gradient(to right, var(--color-bg-hero) 24px, transparent 24px);
}
.sx-block--bg-groen h1,
.sx-block--bg-groen h2,
.sx-block--bg-groen h3,
.sx-block--bg-groen h4,
.sx-block--bg-groen h5,
.sx-block--bg-groen h6 {
  color: var(--color-text-inverse);
}
.sx-block--bg-groen p,
.sx-block--bg-groen li {
  color: var(--color-text-inverse);
}
.sx-block--bg-oker {
  background-color: var(--color-brand-contrast);
  color: var(--color-text-inverse);
  background-image: linear-gradient(to right, var(--color-bg) 24px, transparent 24px);
}
.sx-block--bg-oker h1,
.sx-block--bg-oker h2,
.sx-block--bg-oker h3,
.sx-block--bg-oker h4,
.sx-block--bg-oker h5,
.sx-block--bg-oker h6 {
  color: var(--color-text-inverse);
}
.sx-block--bg-oker p,
.sx-block--bg-oker li {
  color: var(--color-text-inverse);
}
.sx-block--bg-blauw {
  background-color: var(--color-bg-hero);
  background-image: linear-gradient(to right, var(--color-text) 24px, transparent 24px);
}
.sx-block--bg-blauw h1,
.sx-block--bg-blauw h2,
.sx-block--bg-blauw h3,
.sx-block--bg-blauw h4,
.sx-block--bg-blauw h5,
.sx-block--bg-blauw h6 {
  color: var(--color-text-inverse);
}
.sx-block--view-wide .sx-block__inner {
  max-width: none;
  padding-inline: var(--space-2xl);
}
.sx-block--image .sx-block__media {
  aspect-ratio: 0.66666667;
  border-radius: 9999px;
  overflow: hidden;
}
.sx-block--image .sx-block__media-stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}
.sx-block--image .sx-block__text {
  padding-block-start: var(--space-sm);
}
@media (min-width: 1024px) {
  .sx-block--image .sx-block__content {
    grid-template-columns: 30% 1fr;
    gap: var(--space-2xl);
    align-items: start;
  }
}
@media (max-width: 1024px) {
  .sx-block__inner {
    padding-inline-start: var(--space-lg);
  }
}
@media (max-width: 1023px) {
  .sx-main > .sx-block:first-child {
    padding-top: var(--space-xl);
  }
}
.sx-map__canvas .leaflet-tile-pane {
  filter: none;
}
.sx-footer--wije {
  background-color: var(--color-brand);
  color: var(--color-text-inverse);
  padding: 0;
}
.sx-footer--wije h1,
.sx-footer--wije h2,
.sx-footer--wije h3,
.sx-footer--wije h4,
.sx-footer--wije h5,
.sx-footer--wije h6 {
  color: var(--color-text-inverse);
}
.sx-footer--wije p,
.sx-footer--wije li {
  color: color-mix(in srgb, var(--color-text-inverse) 85%, transparent);
}
.sx-footer--wije .sx-footer-wije__inner {
  max-width: none;
  padding: var(--space-lg) var(--space-2xl);
  display: grid;
  grid-template-columns: auto 1fr 1fr auto;
  gap: var(--space-xl);
  align-items: start;
}
@media (max-width: 768px) {
  .sx-footer--wije .sx-footer-wije__inner {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-md);
    padding-inline: var(--container-padding);
  }
}
@media (max-width: 480px) {
  .sx-footer--wije .sx-footer-wije__inner {
    grid-template-columns: 1fr;
  }
}
.sx-footer--wije .sx-footer-wije__col {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}
.sx-footer--wije .sx-footer-wije__col--badge {
  justify-self: end;
  align-self: end;
}
.sx-footer--wije .sx-footer-wije__badge {
  width: 130px;
  height: 130px;
  rotate: -8deg;
  display: block;
  animation: badge-wiggle 5s ease-in-out infinite;
}
.sx-footer--wije .sx-social {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
}
.sx-footer--wije .sx-social__link {
  color: var(--color-text);
  background-color: var(--color-brand-contrast);
  font-size: var(--font-size-xl);
}
.sx-footer--wije .sx-social__link:hover {
  background-color: var(--color-bg);
}
.sx-footer--wije .sx-footer-wije__link {
  color: color-mix(in srgb, var(--color-text-inverse) 85%, transparent);
  font-size: var(--font-size-sm);
  line-height: 1.8;
  text-decoration: none;
}
.sx-footer--wije .sx-footer-wije__link:hover {
  color: var(--color-text-inverse);
}
.sx-footer--wije .sx-footer-wije__link--address {
  line-height: calc(1em + var(--space-xs));
}
.sx-footer--wije .sx-footer-wije__nav {
  margin: 0;
  padding: 0;
}
.sx-footer--wije .sx-footer-wije__nav li {
  list-style: none;
  padding: 0;
}
.sx-footer--wije .sx-footer-wije__nav a {
  color: color-mix(in srgb, var(--color-text-inverse) 85%, transparent);
  font-size: var(--font-size-sm);
  line-height: 1.8;
  text-decoration: none;
}
.sx-footer--wije .sx-footer-wije__nav a:hover {
  color: var(--color-text-inverse);
}
.sx-footer--wije .sx-footer__bar-wrap {
  background-color: var(--color-brand-dark);
}
.sx-footer--wije .sx-footer__inner {
  max-width: none;
  padding: var(--space-xs) var(--space-2xl);
}
@media (max-width: 768px) {
  .sx-footer--wije .sx-footer__inner {
    padding-inline: var(--container-padding);
  }
}
.sx-footer--wije .sx-footer__bar-link {
  color: var(--color-text-inverse);
}
.sx-footer--wije .sx-footer__bar-link:hover {
  color: var(--color-brand-contrast);
}
.button,
.button--primary,
button,
input[type="submit"],
input[type="button"] {
  border-radius: var(--border-radius-pill);
  background-color: var(--color-brand);
  border-color: var(--color-brand);
  color: var(--color-text-inverse);
  font-weight: 500;
}
.button:hover,
.button--primary:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: var(--color-brand-light);
  border-color: var(--color-brand-light);
}
.button--sec,
.button--outline {
  border-radius: var(--border-radius-pill);
  background-color: var(--color-text-inverse);
  border-color: var(--color-text-inverse);
  color: var(--color-brand);
  font-weight: 700;
}
.button--sec:hover,
.button--outline:hover {
  background-color: transparent;
  color: var(--color-text-inverse);
}
.team-card {
  background: var(--color-bg);
  box-shadow: none;
  overflow: hidden;
}
.team-card:hover {
  box-shadow: none;
}
.team-card__img {
  aspect-ratio: 0.66666667;
  border-radius: var(--border-radius-pill);
}
.team-card__body {
  padding: var(--space-sm) 0;
}
.team-card__name {
  font-weight: 500;
}
.sx-block__inner p:empty {
  display: none;
}
.events-accordion {
  border-top: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}
.events-accordion .sx-accordion__item {
  border-bottom: none;
}
.events-accordion .sx-accordion__heading {
  background: #fff;
  border-radius: var(--border-radius-pill);
}
.events-accordion .sx-accordion__trigger {
  padding: var(--space-xs) var(--space-md);
}
.events-accordion .sx-accordion__title {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  flex: 1;
  min-width: 0;
}
.events-accordion .sx-accordion__title .events-accordion__time {
  min-width: 8rem;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .events-accordion .sx-accordion__trigger {
    align-items: flex-start;
    padding: var(--space-xs) var(--space-md);
  }
  .events-accordion .sx-accordion__title {
    flex-wrap: wrap;
    gap: 0;
  }
  .events-accordion .sx-accordion__title .events-accordion__time {
    min-width: auto;
  }
  .events-accordion .sx-accordion__title .events-accordion__name {
    flex: 0 0 100%;
  }
}
.events-accordion .sx-accordion__icon {
  background: none;
  border-radius: 0;
  width: auto;
  height: auto;
  font-size: var(--font-size-xl);
}
.events-accordion .sx-accordion__trigger[aria-expanded="true"] .sx-accordion__icon {
  background: none;
  color: var(--color-brand);
}
.events-accordion .sx-accordion__content {
  padding: var(--space-sm) var(--space-md);
}
.sx-block--cards .sx-card {
  background: var(--color-bg-light);
}
.sx-block--cards .sx-card__title {
  color: ;
}
.sx-block--cards .sx-card__text {
  color: ;
}