:root {
  --image-rad: var(--radius-s);
  --section-space-top: var(--space-s);
  --circle-color: var(--primary-light);
  --circle-color-alt: var(--primary);
}
.cc--space_mm {
  margin-top: var(--space-m);
  margin-bottom: var(--space-m);
}
.cc--space_xlm {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-m);
}
.cc--space_mxl {
  margin-top: var(--space-m);
  margin-bottom: var(--space-xl);
}
.cc--space_xlxl {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-xl);
}
.cc--space_xxlxxl {
  margin-top: var(--space-xxl);
  margin-bottom: var(--space-xxl);
}
span.cc-span-amersfoort {
  position: relative;
  color: var(--primary);
  display: inline-flex;
  line-height: 1;
  padding: 0.05em 0.15em;
  border-radius: var(--radius-s);
  text-shadow: 0.02em 0.02em 0px var(--action-ultra-dark-trans-20);
  box-shadow: 0 0 40px -15px var(--primary);
}
.Button-bHBEPZ {
  background-color: var(--primary) !important;
}
.marker {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='white' stroke-width='2' d='M19.66 3.99c-2.64-1.8-5.9-.96-7.66 1.1-1.76-2.06-5.02-2.91-7.66-1.1-1.4.96-2.28 2.58-2.34 4.29-.14 3.88 3.3 6.99 8.55 11.76l.1.09c.76.69 1.93.69 2.69-.01l.11-.1c5.25-4.76 8.68-7.87 8.55-11.75-.06-1.7-.94-3.32-2.34-4.28M12.1 18.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05'/%3E%3C/svg%3E%0A");
  background-size: cover;
  /* Zorgt dat de SVG het hele element vult */
  background-repeat: no-repeat;
}
.cc-map__text-title {
  font-size: var(--text-m);
  font-weight: 800;
}
.cc-map__text-address {
  font-size: var(--text-s);
  font-weight: 400;
}
.cc-map__text-excerpt {
  font-size: var(--text-m);
  font-weight: 400;
}
.cc-map__text-link {
  font-size: var(--text-m);
  font-weight: 400;
}
@keyframes pulse {
  0% {
    outline-color: var(--primary);
    outline-offset: 6px;
  }
  50% {
    outline-color: var(--primary);
    outline-offset: 2px;
    outline: 2px solid var(--primary);
  }
  100% {
    outline-color: var(--primary);
    outline-offset: 6px;
  }
}
.cc-location__active {
  /*
  & > a::before {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 6px;
  width: 50px;
  height: 14px;
  transform: skew(-12deg) translateX(-50%);
  background: var(--primary);
  z-index: -1;
}
*/
}
.cc-location__active * {
  font-weight: bold;
  color: var(--primary);
}
.cc-location__active > div .location__image img {
  outline: 6px solid var(--primary);
  outline-offset: 6px;
  animation: pulse 1s infinite;
}
.cc-popup__content {
  font-size: var(--text-m);
}
.cc-popup__media-wrapper {
  margin-top: var(--space-s);
}
.cc-popup-figure img {
  object-fit: cover;
  aspect-ratio: 1.7777777778;
}
.cc-popup__adress-wrapper {
  margin-top: var(--space-s);
  background-color: var(--primary);
  padding: var(--space-s);
  display: grid;
  grid-template-columns: var(--grid-2);
  font-size: calc(var(--text-s)*1.2);
  font-weight: 600;
  color: white;
}
.leaflet-control-layers-overlays {
  gap: 0px;
}
.leaflet-control-layers-overlays label span {
  font-size: var(--text-m);
}
.h-attention {
  position: relative;
}
.h-attention::before {
  display: block;
  content: "";
  background-color: var(--warning-light);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transform: translate(-22px, -10px);
  width: 66px;
  height: 66px;
  border-radius: 66px;
}
@media (max-width: 640px) {
  .h-attention::before {
    display: block;
    content: "";
    background-color: var(--warning-light);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transform: translate(-22px, -10px);
    width: 66px;
    height: 66px;
    border-radius: 66px;
    width: 45px;
    height: 45px;
    border-radius: 45px;
  }
}
.h-circle {
  position: relative;
}
.h-circle::before {
  display: block;
  content: "";
  background-color: var(--circle-color);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transform: translate(-22px, -10px);
  width: 66px;
  height: 66px;
  border-radius: 66px;
}
.color-scheme--alt .h-circle::before {
  background-color: var(--circle-color-alt);
}
@media (max-width: 640px) {
  .h-circle::before {
    display: block;
    content: "";
    background-color: var(--circle-color);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transform: translate(-22px, -10px);
    width: 66px;
    height: 66px;
    border-radius: 66px;
    width: 45px;
    height: 45px;
    border-radius: 45px;
  }
}
/* Booqable */
.fa, .fa-regular, .far {
  font-family: Font Awesome\ 6 Pro;
}
.Placeholder-lbKMHD.kzBaP {
  font-size: var(--text-l) !important;
  font-weight: bold !important;
  color: var(--primary);
}
.DateTime-goLChh.fTmSXe {
  font-size: var(--text-l) !important;
  font-weight: bold !important;
  color: var(--primary);
}
.DateTimeContainer-hoIcDq.gbdoxS.till {
  font-size: var(--text-l) !important;
  font-weight: bold;
  color: var(--primary);
}
.Button-jIzJvZ.Button-bSlmMS.bq-button {
  background-color: var(--primary);
  /* Pas de kleurcode aan naar wens */
  color: #ffffff;
  /* Tekstkleur */
}
.Container-jjQmAm .DateTimeContainer-hdYuGx.bKpTVe:hover {
  margin-bottom: -2px !important;
  border-bottom: 2px solid var(--primary) !important;
}
.Div-bpFtek.Footer-dXmdBi.iAOnhZ.dHSMPk .ActionGroup-epiAWq.bTANZH .Span-ckkHBr.ButtonContainer-eLuNSG.kGdWXx.hkjEkH .Button-jIzJvZ.Button-bSlmMS {
  background-color: var(--primary) !important;
  /* Gebruik primaire kleur met !important */
  color: #ffffff !important;
  /* Witte tekstkleur */
  border: none !important;
  /* Verwijder border als dat nodig is */
}
.Div-bpFtek.Footer-dXmdBi.iAOnhZ.dHSMPk .ActionGroup-epiAWq.bTANZH .Span-ckkHBr.ButtonContainer-eLuNSG.kGdWXx.hkjEkH .Button-jIzJvZ.Button-bSlmMS:hover {
  background-color: var(--primary-dark) !important;
  /* Hover kleur met !important */
  cursor: pointer !important;
  /* Verander cursor naar pointer voor interactie */
}
@media (max-width: 768px) {
  /* Pas de breedte aan op basis van uw vereisten */
  .Container-iZgEDt.hwSyqF {
    flex-direction: column;
    display: flex;
  }
}
@media (max-width: 478px) {
  .booqable-component .booqable-product-button-wrapper {
    width: 275px;
  }
  .booqable-component .booqable-product-button-wrapper select.bq-variation {
    white-space: break-spaces;
    /* remove if you don't need */
  }
}