/* Website Builder Studio — gegenereerd bestand.
   Visuele bewerkingen uit de editor. Wordt bij elke export opnieuw opgebouwd;
   eigen CSS hoort in je eigen stylesheet. */

:root {
  --color-primary: #1f5c4a;
  --color-accent: #d9893b;
  --color-text: #1d2421;
  --color-muted: #5d6a64;
  --color-surface: #f1f4f1;
  --color-bg: #ffffff;
  --font-heading: 'Fraunces', Georgia, serif;
  --font-body: 'Work Sans', system-ui, sans-serif;
  --space-s: 12px;
  --space-m: 24px;
  --space-l: 48px;
  --space-xl: 96px;
}

.wbs-nysytqecj16a {
  border: 0;
  border-top: 1px solid rgba(0,0,0,.12);
  margin: var(--space-m) 0;
}

.wbs-n722e1f3leo {
  height: 48px;
}

.wbs-n72i2sfwkf1 {
  height: 48px;
}

.wbs-n7awk13tlfe {
  height: 48px;
}

.wbs-n8hyekof4q9 {
  height: 48px;
}

.wbs-n825x1fvgpu {
  height: 48px;
}

.wbs-nohk7036fix {
  height: 48px;
}

.wbs-n6xshrwvhtl {
  height: 48px;
}

.wbs-nmpkva7k917q {
  height: 48px;
}

.wbs-nmt5i0mdu183 {
  height: 48px;
}

.wbs-nmu55xdb418g {
  height: 48px;
}

.wbs-nc5qn8xkkh7 {
  height: 48px;
}

.wbs-nndy6knwzi7 {
  height: 48px;
}

.wbs-nne2dv1hjik {
  height: 48px;
}

.wbs-nzjd3gnnap3 {
  height: 48px;
}

.wbs-npm7n9rl7l3 {
  height: 48px;
}

.wbs-np3np89wxkd {
  height: 48px;
}

.wbs-nw008su0oop {
  height: 48px;
}

.wbs-npmfx757flt {
  height: 48px;
}

.wbs-nbkkqogdsvr {
  height: 48px;
}

.wbs-nymzgnp5k12b {
  height: 48px;
}

.wbs-nyn5e66dr12o {
  height: 48px;
}

.wbs-nynt1h6y2144 {
  height: 48px;
}

.wbs-nynymyglb14h {
  height: 48px;
}

.wbs-n5tjm5q7aci {
  height: 48px;
}

.wbs-nrpxwa0tqmw {
  height: 48px;
}

.wbs-n5p9d18c1c5 {
  height: 48px;
}

.wbs-nrznsk7o9n9 {
  height: 48px;
}

.wbs-nrzubq6m6nm {
  height: 48px;
}

.wbs-nbiclwt20ve {
  height: 48px;
}

.wbs-nrzxve9uhnz {
  height: 48px;
}

.wbs-nor5dhdd2ja {
  height: 48px;
}

.wbs-ns48ucnim11l {
  height: 48px;
}

.wbs-ns4fx4o7311y {
  height: 48px;
}

.wbs-norl316dsjn {
  height: 48px;
}

.wbs-nzgw81p5616n {
  height: 48px;
}

.wbs-nzh9oto7t170 {
  height: 48px;
}

.wbs-nzhiubuoa17d {
  height: 48px;
}

.wbs-n6jecss3cdl {
  height: 48px;
}

.wbs-n4lb5vqoss5 {
  height: 48px;
}

.wbs-nt6jcbtfj4g {
  height: 48px;
}

.wbs-nt7eaydef4t {
  height: 48px;
}

.wbs-n4lo4wooesi {
  height: 48px;
}

.wbs-n4o121mxasv {
  height: 48px;
}

.wbs-n4on0ec8ct8 {
  height: 48px;
}

.wbs-nszjw7ebi9j {
  height: 48px;
}

.wbs-n27nuwsa9r2 {
  height: 48px;
}

.wbs-n288mttlprf {
  height: 48px;
}

.wbs-n28o15zrjrs {
  height: 48px;
}

.wbs-nt3izniksa9 {
  height: 48px;
}

.wbs-nt3n6ctosam {
  height: 48px;
}

.wbs-nvhr7jzb5bd {
  height: 48px;
}

.wbs-nt4b8wazuaz {
  height: 48px;
}

.wbs-na74q49ve6b {
  padding: var(--space-xl) 24px;
  background-color: var(--color-primary);
  color: #ffffff;
}

.wbs-na74qxqtu6c {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-m);
  flex-wrap: wrap;
}

.wbs-na74q9e176d {
  font-family: var(--font-heading);
  font-size: 40px;
  line-height: 1.1;
  margin: 0;
  font-weight: 600;
  max-width: 20ch;
}

.wbs-na74qkd7v6e {
  display: inline-block;
  padding: 12px 22px;
  background-color: #ffffff;
  color: var(--color-primary);
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  transition: all 150ms ease;
}

.wbs-na74qkd7v6e:hover {
  background-color: var(--color-accent);
  color: #ffffff;
}

.wbs-nszrsgbd79w {
  height: 48px;
}

.wbs-n5y6pk31yad {
  padding: var(--space-xl) 24px;
}

.wbs-n5y6pjnpsae {
  max-width: 560px;
  margin: 0 auto;
  display: grid;
  gap: 14px;
}

.wbs-n5y6phj54af {
  font-family: var(--font-heading);
  font-size: 40px;
  line-height: 1.1;
  margin: 0 0 16px;
  font-weight: 600;
}

.wbs-n5y6p55ksag {
  display: grid;
  gap: 6px;
  font-weight: 500;
}

.wbs-n5y6p8xqgai {
  padding: 10px 12px;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 6px;
  font: inherit;
}

.wbs-n5y6pq0boaj {
  display: grid;
  gap: 6px;
  font-weight: 500;
}

.wbs-n5y6p7q9nal {
  padding: 10px 12px;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 6px;
  font: inherit;
}

.wbs-n5y6pyrpham {
  display: grid;
  gap: 6px;
  font-weight: 500;
}

.wbs-n5y6pm96hap {
  display: inline-block;
  padding: 12px 22px;
  background-color: var(--color-primary);
  color: #ffffff;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  transition: all 150ms ease;
  border: 0;
  cursor: pointer;
  justify-self: start;
}

.wbs-n5y6pm96hap:hover {
  background-color: var(--color-text);
}

.wbs-nspmg40556t:hover {
  text-align: center;
  padding-bottom: 0px;
  padding-top: 0px;
  z-index: 10;
}

.wbs-nty2b11e956 {
  border: 0;
  border-top: 1px solid rgba(0,0,0,.12);
  margin: var(--space-m) 0;
}

@media (max-width: 767px) {
  .wbs-nspmguwkm6f {
    padding-top: 32px;
  }
  .wbs-n722e1f3leo {
    height: 24px;
  }
  .wbs-nspmgi18w6h {
    font-size: 25px !important;
    text-align: center !important;
    font-family: ui-monospace, monospace !important;
  }
  .wbs-n72i2sfwkf1 {
    height: 24px;
  }
  .wbs-n7awk13tlfe {
    height: 24px;
  }
  .wbs-n8hyekof4q9 {
    height: 24px;
  }
  .wbs-n825x1fvgpu {
    height: 24px;
  }
  .wbs-nohk7036fix {
    height: 24px;
  }
  .wbs-n6xshrwvhtl {
    height: 24px;
  }
  .wbs-nmpkva7k917q {
    height: 24px;
  }
  .wbs-nmt5i0mdu183 {
    height: 24px;
  }
  .wbs-nmu55xdb418g {
    height: 24px;
  }
  .wbs-nc5qn8xkkh7 {
    height: 24px;
  }
  .wbs-nndy6knwzi7 {
    height: 24px;
  }
  .wbs-nne2dv1hjik {
    height: 24px;
  }
  .wbs-nzjd3gnnap3 {
    height: 24px;
  }
  .wbs-npm7n9rl7l3 {
    height: 24px;
  }
  .wbs-np3np89wxkd {
    height: 24px;
  }
  .wbs-nw008su0oop {
    height: 24px;
  }
  .wbs-npmfx757flt {
    height: 24px;
  }
  .wbs-nbkkqogdsvr {
    height: 24px;
  }
  .wbs-nymzgnp5k12b {
    height: 24px;
  }
  .wbs-nyn5e66dr12o {
    height: 24px;
  }
  .wbs-nynt1h6y2144 {
    height: 24px;
  }
  .wbs-nynymyglb14h {
    height: 24px;
  }
  .wbs-n5tjm5q7aci {
    height: 24px;
  }
  .wbs-nrpxwa0tqmw {
    height: 24px;
  }
  .wbs-nspmgl65u6m {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .wbs-n5p9d18c1c5 {
    height: 24px;
  }
  .wbs-nspmg9j2v6o {
    font-size: 13px !important;
    font-family: var(--font-body) !important;
    text-transform: none !important;
    margin-bottom: 12px !important;
  }
  .wbs-nspmgny866q {
    height: 50px;
  }
  .wbs-nrznsk7o9n9 {
    height: 24px;
  }
  .wbs-nrzubq6m6nm {
    height: 24px;
  }
  .wbs-nbiclwt20ve {
    height: 24px;
  }
  .wbs-nrzxve9uhnz {
    height: 24px;
  }
  .wbs-nor5dhdd2ja {
    height: 24px;
  }
  .wbs-ns48ucnim11l {
    height: 24px;
  }
  .wbs-ns4fx4o7311y {
    height: 24px;
  }
  .wbs-norl316dsjn {
    height: 24px;
  }
  .wbs-nzgw81p5616n {
    height: 24px;
  }
  .wbs-nzh9oto7t170 {
    height: 24px;
  }
  .wbs-nzhiubuoa17d {
    height: 24px;
  }
  .wbs-n6jecss3cdl {
    height: 24px;
  }
  .wbs-n4lb5vqoss5 {
    height: 24px;
  }
  .wbs-nt6jcbtfj4g {
    height: 24px;
  }
  .wbs-nt7eaydef4t {
    height: 24px;
  }
  .wbs-n4lo4wooesi {
    height: 24px;
  }
  .wbs-n4o121mxasv {
    height: 24px;
  }
  .wbs-n4on0ec8ct8 {
    height: 24px;
  }
  .wbs-nszjw7ebi9j {
    height: 24px;
  }
  .wbs-n27nuwsa9r2 {
    height: 24px;
  }
  .wbs-n288mttlprf {
    height: 24px;
  }
  .wbs-n28o15zrjrs {
    height: 24px;
  }
  .wbs-nt3izniksa9 {
    height: 24px;
  }
  .wbs-nt3n6ctosam {
    height: 24px;
  }
  .wbs-nvhr7jzb5bd {
    height: 24px;
  }
  .wbs-nt4b8wazuaz {
    height: 24px;
  }
  .wbs-na74q49ve6b {
    padding: var(--space-l) 20px;
  }
  .wbs-na74q9e176d {
    font-size: 30px;
  }
  .wbs-nszrsgbd79w {
    height: 24px;
  }
  .wbs-n5y6pk31yad {
    padding: var(--space-l) 20px;
    padding-bottom: 0;
    padding-top: 0;
  }
  .wbs-n5y6phj54af {
    font-size: 30px;
  }
  .wbs-nspmg40556t {
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 1;
    font-weight: 800;
  }
  .wbs-nspmg3fny6v {
    text-align: center;
    font-size: 8px;
    font-family: var(--font-body);
    line-height: 4;
  }
  .wbs-nspmg2glo4u {
    padding-top: 0px;
    font-family: inherit;
    font-weight: 800;
  }
  .wbs-nspmg6iys52 {
    font-family: inherit;
  }
  .wbs-nspmgdcht5a {
    font-weight: 800 !important;
    font-size: 21px !important;
  }
}


/* Contact iconen */
.contact-buttons {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;

    display: flex;
    align-items: center;
    gap: 15px;
}

/* Alle drie exact dezelfde afmetingen */
.contact-icon {
    width:  45px;
    height: 45px;
    min-width: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    overflow: hidden;

    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    transition: transform 0.3s ease;
}

/* Hover effect */
.contact-icon:hover {
    transform: scale(1.1);
}

/* Telefoon */
.contact-icon.phone {
    background: #34C759;
}

.contact-icon.phone svg {
    width: 30px;
    height: 30px;
}

/* WhatsApp en email */
.contact-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}


.contact-icon.whatsapp {
    background: #25D366;
    border-radius: 50%;
    overflow: hidden;
}

.contact-icon.whatsapp img {
    width: 65%;
    height: 65%;
    object-fit: contain;
}