/* ==========================================================================
   FREERUN ACHTERHOEK - HET LESSENBLOK (widget "Lessenblok")

   Sinds 1.11.0 een eigen bestand. Eerst stond dit tussen de style-tags in een
   HTML-widget op de lessenpagina, samen met alle teksten. Wie een vraag of
   een prijs wilde aanpassen, moest dus door deze code heen. Nu staan de
   teksten als velden in Elementor en staat de opmaak hier.

   Overgenomen uit wordpress/lessen-plakcode.html, regel voor regel: zelfde
   klassen, zelfde volgorde, dus het blok ziet er precies hetzelfde uit.
   ========================================================================== */

.fal {--zwart: #000000;
  --wit: #ffffff;
  --slate: #333333;
  --graphite: #4f4f4f;
  --steel: #7a7a7a;
  --mist: #e6e6e6;
  --op-zwart: #ededed;
  --op-zwart-zacht: #a8a8a8;
  --lijn: rgba(0, 0, 0, 0.14);
  --lijn-licht: rgba(255, 255, 255, 0.16);
  --display: "Staatliches", "Arial Narrow", Impact, sans-serif;
  --tekst: "Montserrat", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --breed: 1240px;
  --goot: clamp(16px, 5vw, 56px);
  --sectie: clamp(3rem, 7vw, 6rem);
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  color-scheme: light;}
.fal *, .fal *::before, .fal *::after {box-sizing: border-box;}
.fal {margin: 0;
  background: var(--wit);
  color: var(--slate);
  font: 400 1rem/1.65 var(--tekst);
  -webkit-font-smoothing: antialiased;}
.fal h1, .fal h2, .fal h3, .fal p, .fal ul, .fal ol, .fal dl, .fal dd, .fal figure {margin: 0; padding: 0;}
.fal ul, .fal ol {list-style: none;}
.fal img, .fal svg {display: block; max-width: 100%;}
.fal button, .fal input, .fal select, .fal textarea {font: inherit; color: inherit;}
.fal .fal-wrap {width: 100%; max-width: var(--breed); margin-inline: auto; padding-inline: var(--goot);}
.fal .fal-label {font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.2em;
  text-transform: uppercase; color: var(--graphite);}
.fal .fal-kop {font-family: var(--display); font-weight: 400; text-transform: uppercase;
  line-height: 0.95; letter-spacing: 0.01em; color: var(--zwart); text-wrap: balance;}
.fal .fal-kop--1 {font-size: clamp(2.3rem, 1.4rem + 3.6vw, 4.2rem);}
.fal .fal-kop--2 {font-size: clamp(1.9rem, 1.2rem + 2.6vw, 3rem);}
.fal .fal-kop--3 {font-size: clamp(1.25rem, 1.05rem + 0.6vw, 1.5rem); line-height: 1;}
.fal a:focus-visible, .fal button:focus-visible, .fal input:focus-visible, .fal select:focus-visible, .fal textarea:focus-visible {outline: 3px solid var(--steel); outline-offset: 2px;}
.fal .fal-knop {--bg: var(--zwart); --fg: var(--wit); --rand: var(--zwart);
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  gap: 0.6em; min-height: 48px; padding: 0.9em 1.5em;
  background: var(--bg); color: var(--fg); border: 2px solid var(--rand);
  font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;
  text-decoration: none; cursor: pointer; overflow: hidden;
  transition: background-color .2s var(--ease), color .2s var(--ease), transform .2s var(--ease);}
.fal .fal-knop::after {content: ""; position: absolute; right: -1px; bottom: -1px; width: 12px; height: 12px;
  background: currentColor; opacity: .28; clip-path: polygon(100% 0, 100% 100%, 0 100%);}
.fal .fal-knop:hover {transform: translateY(-2px);}
.fal .fal-knop--licht {--bg: var(--wit); --fg: var(--zwart); --rand: var(--wit);}
.fal .fal-knop--licht:hover {--bg: transparent; --fg: var(--wit);}
.fal .fal-knop--lijn {--bg: transparent; --fg: var(--zwart); --rand: var(--zwart);}
.fal .fal-knop--lijn:hover {--bg: var(--zwart); --fg: var(--wit);}
.fal .fal-knop--breed {width: 100%;}
.fal .fal-pijl {width: .8em; height: .8em; fill: currentColor; flex: none;}
.fal .fal-sectie {padding-block: var(--sectie); position: relative; overflow: hidden;}
.fal .fal-sectie--mist {background: var(--mist);}
.fal .fal-sectie--zwart {background: var(--zwart); color: var(--op-zwart);}
.fal .fal-sectie--zwart .fal-kop {color: var(--wit);}
.fal .fal-sectie--zwart .fal-label {color: var(--op-zwart-zacht);}
.fal .fal-skop {display: grid; gap: .75rem 2rem; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); padding-bottom: 1.25rem; border-bottom: 3px solid var(--zwart);}
.fal .fal-sectie--zwart .fal-skop {border-bottom-color: var(--wit);}
.fal .fal-skop > p {max-width: 52ch; font-size: .9375rem;}
@media (min-width: 900px) {
.fal .fal-skop {grid-template-columns: 1fr auto; align-items: end;}
.fal .fal-skop > p {text-align: right;}

}
.fal .fal-hoek {position: absolute; top: 0; right: 0; width: clamp(56px, 10vw, 180px); aspect-ratio: 1; clip-path: polygon(100% 0, 100% 100%, 0 0); pointer-events: none;}
.fal .fal-hoek--grijs {background: var(--graphite);}
.fal .fal-hoek--wit {background: var(--wit);}
.fal .fal-rbalk {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1.5rem; margin-bottom: 1.5rem;}
.fal .fal-rnav {display: flex; align-items: center; gap: .75rem;}
.fal .fal-rpijl {width: 44px; height: 44px; flex: none; display: grid; place-items: center; border: 2px solid var(--zwart); background: var(--wit); color: var(--zwart); cursor: pointer;}
.fal .fal-rpijl svg {width: 14px; height: 14px; fill: currentColor;}
.fal .fal-rpijl--terug svg {transform: scaleX(-1);}
.fal .fal-rpijl:hover:not(:disabled) {background: var(--zwart); color: var(--wit);}
.fal .fal-rpijl:disabled {border-color: var(--mist); color: var(--steel); cursor: default;}
.fal .fal-rweek {display: grid; justify-items: start; min-width: 11rem;}
.fal .fal-rweek__nr {font-family: var(--display); font-size: 1.6rem; line-height: 1; color: var(--zwart);}
.fal .fal-rweek__data {font-size: .8125rem; color: var(--graphite); font-variant-numeric: tabular-nums;}
.fal .fal-rvandaag {border: 0; background: none; padding: .2rem 0 0; font-size: .6875rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--zwart); text-decoration: underline; text-underline-offset: 3px; cursor: pointer;}
.fal .fal-rvandaag[hidden] {display: none;}
.fal .fal-rselect {position: relative; min-width: 15rem;}
.fal .fal-rselect select {width: 100%; min-height: 44px; border: 2px solid var(--zwart); border-radius: 0; background: var(--wit); padding: 0 2.75rem 0 .9rem; font-size: .9375rem; font-weight: 600; color: var(--zwart); appearance: none; cursor: pointer;}
.fal .fal-rselect::after {content: ""; position: absolute; right: 1.1rem; top: 50%; width: 8px; height: 8px; margin-top: -6px; border-right: 2px solid var(--zwart); border-bottom: 2px solid var(--zwart); transform: rotate(45deg); pointer-events: none;}
.fal .fal-rmelding {margin-bottom: 1rem; padding: .7rem 1rem; background: var(--mist); font-size: .875rem; color: var(--slate);}
.fal .fal-rmelding[hidden] {display: none;}
.fal .fal-rmelding b {color: var(--zwart);}
.fal .fal-rraster {display: grid; grid-template-columns: repeat(var(--dagen, 5), minmax(0, 1fr)); gap: clamp(.75rem, 1.5vw, 1.25rem);}
.fal .fal-rdag {display: grid; align-content: start; gap: .5rem;}
.fal .fal-rdag__kop {display: flex; align-items: baseline; justify-content: space-between; gap: .5rem; padding: .35rem 0 .45rem; border-bottom: 2px solid var(--zwart);}
.fal .fal-rdag__naam {font-size: .6875rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--zwart);}
.fal .fal-rdag__datum {font-size: .8125rem; color: var(--graphite); font-variant-numeric: tabular-nums;}
.fal .fal-rdag--vandaag .fal-rdag__kop {background: var(--zwart); padding-inline: .5rem;}
.fal .fal-rdag--vandaag .fal-rdag__naam, .fal .fal-rdag--vandaag .fal-rdag__datum {color: var(--wit);}
.fal .fal-rdag__leeg {font-size: .8125rem; color: var(--steel); padding: .4rem 0;}
.fal .fal-rles {display: grid; gap: .15rem; width: 100%; text-align: left; background: var(--mist); color: var(--zwart); border: 0; padding: .8rem .85rem; cursor: pointer; transition: background-color .15s var(--ease), color .15s var(--ease);}
.fal .fal-rles:hover, .fal .fal-rles:focus-visible {background: var(--zwart); color: var(--wit);}
.fal .fal-rles__tijd {font-size: .8125rem; font-weight: 700; font-variant-numeric: tabular-nums;}
.fal .fal-rles__plaats {font-family: var(--display); font-size: 1.35rem; line-height: 1;}
.fal .fal-rles__groep {font-size: .75rem;}
.fal .fal-rles__tags {display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .4rem;}
.fal .fal-rtag {font-size: .5625rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; padding: .2rem .4rem; background: var(--wit); color: var(--slate);}
.fal .fal-rtag--wacht {background: var(--zwart); color: var(--wit);}
.fal .fal-rles:hover .fal-rtag, .fal .fal-rles:focus-visible .fal-rtag {background: var(--graphite); color: var(--wit);}
.fal .fal-rvakantie {grid-column: 1 / -1; background: var(--mist); padding: clamp(1.5rem, 4vw, 2.5rem); display: grid; gap: .5rem; justify-items: start;}
.fal .fal-rvakantie p {font-size: .9375rem; max-width: 52ch;}
.fal .fal-rvakantie .fal-knop {margin-top: .5rem;}
.fal .fal-rnoot {margin-top: 1rem; font-size: .75rem; color: var(--graphite);}
.fal .fal-rdialoog {border: 0; padding: 0; width: min(28rem, calc(100vw - 32px)); background: var(--wit); color: var(--slate);}
.fal .fal-rdialoog::backdrop {background: rgba(0, 0, 0, .6);}
.fal .fal-rdialoog__in {position: relative; display: grid; gap: 1rem; padding: 1.5rem; border-top: 6px solid var(--zwart);}
.fal .fal-rdialoog dl {display: grid; grid-template-columns: 5.5rem 1fr; gap: .45rem 1rem; font-size: .9375rem;}
.fal .fal-rdialoog dt {font-size: .625rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--graphite); padding-top: .25rem;}
.fal .fal-rdialoog dd {color: var(--zwart);}
.fal .fal-rdialoog .fal-noot {font-size: .8125rem; color: var(--graphite);}
.fal .fal-rsluit {position: absolute; top: .75rem; right: .75rem; width: 44px; height: 44px; border: 0; background: none; cursor: pointer;}
.fal .fal-rsluit::before, .fal .fal-rsluit::after {content: ""; position: absolute; left: 12px; right: 12px; top: 21px; height: 2px; background: var(--zwart); transform: rotate(45deg);}
.fal .fal-rsluit::after {transform: rotate(-45deg);}
@media (max-width: 759px) {
.fal .fal-rbalk {flex-direction: column; align-items: stretch;}
.fal .fal-rnav {justify-content: space-between;}
.fal .fal-rweek {justify-items: center; text-align: center; min-width: 0; flex: 1;}
.fal .fal-rselect {min-width: 0;}
.fal .fal-rraster {grid-template-columns: 1fr; gap: 1.25rem;}
.fal .fal-rdag--leeg {display: none;}
.fal .fal-rdialoog {width: 100%; max-width: 100%; margin: auto 0 0;}

}
.fal .fal-aanmeld {display: grid; gap: clamp(1.5rem, 4vw, 3rem); align-items: start;}
@media (min-width: 960px) {
.fal .fal-aanmeld {grid-template-columns: 1.35fr 1fr;}

}
.fal .fal-form {display: grid; gap: 1rem; grid-template-columns: 1fr; background: var(--wit); border: 2px solid var(--zwart); padding: clamp(1.25rem, 3vw, 2rem);}
@media (min-width: 620px) {
.fal .fal-form {grid-template-columns: 1fr 1fr;}
.fal .fal-veld--vol {grid-column: 1 / -1;}

}
.fal .fal-veld {display: grid; gap: .35rem;}
.fal .fal-veld label {font-size: .625rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--graphite);}
.fal .fal-veld input, .fal .fal-veld select, .fal .fal-veld textarea {width: 100%; min-height: 48px; border: 2px solid var(--zwart); border-radius: 0; background: var(--wit);
  padding: .65rem .75rem; font-size: 1rem; color: var(--zwart); appearance: none;}
.fal .fal-veld textarea {min-height: 88px; resize: vertical;}
.fal .fal-veld--select {position: relative;}
.fal .fal-veld--select::after {content: ""; position: absolute; right: 1rem; bottom: 1.2rem; width: 8px; height: 8px; border-right: 2px solid var(--zwart); border-bottom: 2px solid var(--zwart); transform: rotate(45deg); pointer-events: none;}
.fal .fal-akkoord {display: flex; gap: .6rem; align-items: flex-start; font-size: .8125rem; line-height: 1.5;}
.fal .fal-akkoord input {width: 22px; height: 22px; min-height: 0; margin: .1rem 0 0; accent-color: var(--zwart); flex: none;}
.fal .fal-form .fal-knop {min-height: 52px;}
.fal .fal-melding {font-size: .875rem; font-weight: 600; color: var(--zwart); background: var(--mist); padding: .75rem 1rem;}
.fal .fal-melding[hidden] {display: none;}
.fal .fal-zij {display: grid; gap: 1.25rem;}
.fal .fal-stappen {display: grid; gap: 0; counter-reset: s; border-top: 1px solid var(--lijn);}
.fal .fal-stappen li {counter-increment: s; display: grid; grid-template-columns: 2.2rem 1fr; gap: .75rem; padding: .8rem 0; border-bottom: 1px solid var(--lijn); font-size: .9375rem;}
.fal .fal-stappen li::before {content: counter(s); font-family: var(--display); font-size: 1.6rem; line-height: 1; color: var(--zwart);}
.fal .fal-stappen b {color: var(--zwart);}
.fal .fal-kosten {display: grid; gap: .45rem; font-size: .9375rem;}
.fal .fal-kosten li {display: grid; grid-template-columns: 1rem 1fr; gap: .6rem;}
.fal .fal-kosten li::before {content: ""; width: 7px; height: 7px; margin-top: .55em; border-top: 2px solid var(--zwart); border-right: 2px solid var(--zwart); transform: rotate(45deg);}
.fal .fal-kosten b {color: var(--zwart);}
.fal .fal-bidon {position: relative; background: var(--zwart); color: var(--op-zwart); padding: 1.1rem 1.25rem; display: grid; grid-template-columns: 44px 1fr; gap: 1rem; align-items: center; overflow: hidden;}
.fal .fal-bidon::before {content: ""; position: absolute; top: 0; right: 0; width: 48px; height: 48px; background: var(--graphite); clip-path: polygon(100% 0, 100% 100%, 0 0);}
.fal .fal-bidon img, .fal .fal-bidon__schild {width: 40px; height: auto;}
.fal .fal-bidon b {display: block; font-family: var(--display); font-weight: 400; font-size: 1.25rem; color: var(--wit); line-height: 1; margin-bottom: .2rem;}
.fal .fal-bidon span {font-size: .8125rem;}
.fal .fal-elementen {display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; background: var(--lijn-licht); border: 1px solid var(--lijn-licht);}
.fal .fal-element {background: var(--zwart); padding: 1rem; display: grid; gap: .25rem;}
.fal .fal-element b {font-family: var(--display); font-weight: 400; font-size: 1.35rem; line-height: 1; color: var(--wit);}
.fal .fal-element span {font-size: .8125rem; line-height: 1.45; color: var(--op-zwart-zacht);}
@media (max-width: 899px) {
.fal .fal-elementen {display: flex; overflow-x: auto; scroll-snap-type: x mandatory; background: none; border: 0; gap: .5rem; padding-bottom: .5rem; margin-inline: calc(var(--goot) * -1); padding-inline: var(--goot); scrollbar-width: none;}
.fal .fal-elementen::-webkit-scrollbar {display: none;}
.fal .fal-element {flex: 0 0 42%; min-width: 150px; scroll-snap-align: start; border: 1px solid var(--lijn-licht);}

}
.fal .fal-veeg {display: none; font-size: .6875rem; color: var(--op-zwart-zacht); margin-top: .5rem; letter-spacing: .08em;}
@media (max-width: 899px) {
.fal .fal-veeg {display: block;}

}
.fal .fal-vragen {border-top: 1px solid var(--lijn);}
.fal .fal-vragen details {border-bottom: 1px solid var(--lijn);}
.fal .fal-vragen summary {list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 1rem; align-items: center; min-height: 56px; padding: .8rem 0; font-weight: 700; color: var(--zwart);}
.fal .fal-vragen summary::-webkit-details-marker {display: none;}
.fal .fal-vragen summary::after {content: ""; flex: none; width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .2s var(--ease); margin-right: .3rem;}
.fal .fal-vragen details[open] summary::after {transform: rotate(225deg);}
.fal .fal-vragen p {padding: 0 0 1rem; max-width: 65ch; font-size: .9375rem;}
.fal .fal-plakbalk {position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; background: var(--zwart); padding: .6rem var(--goot) calc(.6rem + env(safe-area-inset-bottom)); display: flex; gap: .75rem; align-items: center; transform: translateY(0); transition: transform .25s var(--ease);}
.fal .fal-plakbalk span {color: var(--op-zwart); font-size: .75rem; line-height: 1.3; flex: 1;}
.fal .fal-plakbalk .fal-knop {min-height: 44px; padding: .6em 1em;}
.fal .fal-plakbalk--weg {transform: translateY(110%);}
@media (min-width: 760px) {
.fal .fal-plakbalk {display: none;}

}
@media (prefers-reduced-motion: reduce) {
.fal *, .fal *::before, .fal *::after {transition-duration: .001ms !important; scroll-behavior: auto !important;}

}
.fal .fal-hp {position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden;}
.fal .fal-sectie {scroll-margin-top: 90px;}
.fal .fal-leeg {grid-column: 1 / -1; background: var(--mist); padding: clamp(1.5rem, 4vw, 2.5rem); display: grid; gap: .5rem; justify-items: start;}
.fal .fal-leeg p {font-size: .9375rem; max-width: 52ch;}
.fal .fal-rgrens {margin-top: 1rem; font-size: .75rem; color: var(--graphite);}
.fal .fal-rgrens[hidden] {display: none;}
.fal .fal-rles {position: relative;}
.fal .fal-rles--eigen {padding-right: 2.25rem;}
.fal .fal-schildje {display: inline-block; flex: none; width: .95rem; height: 1rem; fill: currentColor;}
.fal .fal-rles__eigen {position: absolute; top: .8rem; right: .8rem; line-height: 0;}
.fal .fal-rles__eigen .fal-schildje {display: block;}
.fal .fal-reigen {display: flex; align-items: center; gap: .5rem; font-size: .8125rem; font-weight: 700; color: var(--zwart);}
.fal .fal-rlegenda {display: flex; align-items: center; gap: .5rem; margin-top: 1rem; font-size: .75rem; color: var(--graphite);}
.fal .fal-rlegenda[hidden] {display: none;}

/* --------------------------------------------------------------------------
   Sinds 1.13.0: de keuze proefles of lid worden, en de velden voor lid worden.
   Gedeeld door het Lessenblok en de widget Aanmeldformulier.
   -------------------------------------------------------------------------- */
/* Velden met display:grid winnen anders van het hidden-attribuut. */
.fal .fal-form [hidden] {display: none !important;}
.fal .fal-keuze {margin: 0; padding: 0; border: 0; min-width: 0;}
.fal .fal-keuze__vraag {float: left; width: 100%; padding: 0; margin: 0 0 .5rem; font-size: .625rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--graphite);}
.fal .fal-keuze__opties {clear: both; display: grid; grid-template-columns: 1fr 1fr; gap: .75rem;}
.fal .fal-keuze__optie {position: relative; display: grid; cursor: pointer;}
.fal .fal-keuze__optie input {position: absolute; top: 0; left: 0; width: 1px; height: 1px; margin: 0; opacity: 0;}
.fal .fal-keuze__tekst {position: relative; display: grid; align-content: start; gap: .3rem; padding: .9rem 1rem 1rem; border: 2px solid var(--zwart); background: var(--wit); color: var(--zwart); overflow: hidden; transition: background-color .15s var(--ease), color .15s var(--ease);}
.fal .fal-keuze__tekst b {font-family: var(--display); font-weight: 400; font-size: clamp(1.2rem, 1.05rem + .5vw, 1.45rem); line-height: 1; text-transform: uppercase;}
.fal .fal-keuze__tekst span {font-size: .8125rem; line-height: 1.4; color: var(--graphite);}
.fal .fal-keuze__optie:hover .fal-keuze__tekst {background: var(--mist);}
.fal .fal-keuze__optie input:checked + .fal-keuze__tekst {background: var(--zwart); color: var(--wit);}
.fal .fal-keuze__optie input:checked + .fal-keuze__tekst span {color: var(--op-zwart);}
/* De wig van 45 graden op de gekozen tegel, net als op de knoppen. */
.fal .fal-keuze__optie input:checked + .fal-keuze__tekst::after {content: ""; position: absolute; right: 0; bottom: 0; width: 16px; height: 16px; background: var(--wit); clip-path: polygon(100% 0, 100% 100%, 0 100%);}
.fal .fal-keuze__optie input:focus-visible + .fal-keuze__tekst {outline: 3px solid var(--steel); outline-offset: 2px;}
.fal .fal-fkop {display: grid; gap: .25rem; margin-top: .5rem; padding-top: 1rem; border-top: 2px solid var(--zwart);}
.fal .fal-fkop, .fal .fal-fkop > p {font-family: var(--display); font-size: 1.35rem; line-height: 1; text-transform: uppercase; color: var(--zwart);}
.fal .fal-fkop > span {font-family: var(--tekst); font-size: .8125rem; line-height: 1.5; text-transform: none; color: var(--graphite);}
.fal .fal-fgroep {display: grid; gap: 1rem; grid-template-columns: 1fr;}
.fal .fal-noot {padding: .75rem 1rem; background: var(--zwart); color: var(--op-zwart); font-size: .875rem; line-height: 1.5;}
.fal .fal-akkoord a {color: inherit; text-decoration: underline; text-underline-offset: 2px; font-weight: 700;}
.fal .fal-veld input[type="date"] {text-align: left; -webkit-appearance: none;}
.fal .fal-veld input[type="date"]::-webkit-date-and-time-value {text-align: left;}
.fal .fal-veld input[aria-invalid="true"], .fal .fal-veld select[aria-invalid="true"] {border-color: var(--zwart); box-shadow: inset 0 0 0 2px var(--zwart); background: var(--mist);}
.fal .fal-knop__tekst {pointer-events: none;}
.fal .fal-zij__tel {font-size: .875rem; color: var(--graphite);}
@media (min-width: 620px) {
.fal .fal-fgroep {grid-template-columns: 1fr 1fr;}
.fal .fal-form[data-soort="lid"] .fal-veld--locatie {grid-column: auto;}

}
@media (max-width: 359px) {
.fal .fal-keuze__opties {grid-template-columns: 1fr;}

}