:root {
  --primarycolor: #f1ebe4;
  --secondaryfont: "Raleway Variablefont Wght", sans-serif;
  --black80: rgba(0, 0, 0, .8);
  --desktopbodysize: 18px;
  --mobilebodysize: 16px;
  --primaryfont: Merriweather, sans-serif;
  --letterspacing: -1px;
  --black60: rgba(0, 0, 0, .6);
  --desktopsection: 160px;
  --tabletsection: 120px;
  --mobilesection: 64px;
  --whitecolor: white;
  --neutralcolor: #e9e3db;
  --containerwidth: 90vw;
  --containermaxwidth: 1440px;
  --desktopmarginsmall: 20px;
  --mobilemarginsmall: 10px;
  --desktopmarginbig: 60px;
  --mobilemarginbig: 30px;
  --white60: rgba(255, 255, 255, .6);
  --blackcolor: black;
  --white80: rgba(255, 255, 255, .8);
  --neutral1\<deleted\|variable-65929a49-5afb-09ce-c759-d25b46e03135\>: #fff9f2;
  --secondarycolor: #8f907e;
  --borderradius: 4px;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--primarycolor);
  font-family: var(--secondaryfont);
  color: var(--black80);
  font-size: var(--desktopbodysize);
  line-height: 20px;
}

h1 {
  font-family: var(--primaryfont);
  color: var(--black80);
  letter-spacing: var(--letterspacing);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 68.66px;
  font-weight: 600;
  line-height: 1.2;
}

h2 {
  font-family: var(--primaryfont);
  color: var(--black80);
  letter-spacing: var(--letterspacing);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 600;
  line-height: 1.2;
}

h3 {
  font-family: var(--primaryfont);
  color: var(--black80);
  letter-spacing: var(--letterspacing);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 35px;
  font-weight: 400;
  line-height: 1.2;
}

h4 {
  font-family: var(--primaryfont);
  color: var(--black80);
  letter-spacing: var(--letterspacing);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 35.16px;
  font-weight: 600;
  line-height: 1.2;
}

h5 {
  font-family: var(--primaryfont);
  color: var(--black80);
  letter-spacing: var(--letterspacing);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28.13px;
  font-weight: 600;
  line-height: 1.2;
}

h6 {
  font-family: var(--primaryfont);
  color: var(--black80);
  letter-spacing: var(--letterspacing);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22.5px;
  font-weight: 600;
  line-height: 1.2;
}

p {
  font-family: var(--secondaryfont);
  color: var(--black60);
  max-width: 70ch;
  margin-bottom: 0;
  line-height: 1.5;
}

.section {
  padding-top: var(--desktopsection);
  padding-bottom: var(--desktopsection);
}

.section.herosection {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(51, 51, 51, .3) 35%, var(--black60) 92%), url('../images/Zwangerschapsshoot-Marloes---Jakyra_Photography-1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  justify-content: flex-end;
  align-items: flex-end;
  height: 90vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section.sectionwaarom {
  background-color: var(--whitecolor);
}

.section.quotesection {
  background-color: var(--neutralcolor);
  padding-top: 160px;
}

.section.werkwijzesection {
  background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/Gezinsshoot-fam.-den-Boer---Jakyra_Photography-44.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.section.reviewssection, .section.sectioncta {
  background-color: var(--whitecolor);
}

.section.footersection {
  color: var(--whitecolor);
  background-color: #928069;
  padding-top: 120px;
  padding-bottom: 0;
}

.section.overmijsection, .section.contactsection {
  background-color: var(--primarycolor);
}

.section.pagehero {
  background-image: radial-gradient(circle, rgba(0, 0, 0, .4), rgba(255, 255, 255, 0)), url('../images/DSC04491.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.section.pagehero.tarieven {
  background-image: radial-gradient(circle, rgba(0, 0, 0, .4), rgba(255, 255, 255, 0)), url('../images/31102020-21.jpg');
}

.section.kennissection {
  background-color: var(--whitecolor);
}

.section.shootsection {
  background-color: var(--whitecolor);
  padding-top: 0;
  padding-bottom: 0;
}

.section.shootsection.is-less-pdding {
  padding-bottom: 0;
}

.section.pakkettensection {
  background-color: var(--whitecolor);
}

.section.sfeertekstsection {
  background-color: var(--whitecolor);
  padding-top: 120px;
  padding-bottom: 120px;
}

.section.sfeertekstsection.is-negative-margin {
  margin-top: -220px;
}

.container {
  width: var(--containerwidth);
  max-width: var(--containermaxwidth);
  margin-left: auto;
  margin-right: auto;
}

.container.herocontainer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 40px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
}

.container.shootsinfocontainer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container.grid2.waaromgrid {
  grid-template-columns: 1fr;
}

.container.grid2.quotegrid {
  grid-template-columns: 1fr 2fr;
}

.container.ctacontainre {
  padding-right: 47%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.container.pageheadercontainer {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.container.masonarygrid {
  padding-bottom: var(--desktopsection);
  column-count: 5;
  column-gap: 16px;
}

.container.masonarygrid.bottommarginbig.has-top-padding {
  padding-top: 60px;
}

.container.masonarygrid.is-3 {
  column-count: 3;
}

.container.grid3.koppelgrid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-bottom: 60px;
}

.container.middle {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.paragraph {
  line-height: 20px;
}

.paragraph-2 {
  font-size: var(--desktopbodysize);
}

.grid3 {
  grid-column-gap: var(--desktopmarginsmall);
  grid-row-gap: var(--desktopmarginsmall);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid3.shootsgrid {
  grid-template-rows: auto auto;
}

.grid2 {
  grid-column-gap: var(--desktopmarginbig);
  grid-row-gap: var(--desktopmarginbig);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
  position: relative;
}

.grid2.ctagrid {
  position: relative;
}

.grid2.kennisgrid {
  grid-column-gap: 60px;
}

.grid2.shootsinfogrid {
  margin-top: 60px;
}

.grid4 {
  grid-column-gap: var(--desktopmarginsmall);
  grid-row-gap: var(--desktopmarginsmall);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.shadowxs {
  box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
}

.shadowsm {
  box-shadow: 0 6px 12px rgba(0, 0, 0, .1);
}

.shadowmd {
  box-shadow: 0 8px 16px rgba(0, 0, 0, .1);
}

.shadowlg {
  box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
}

.shadowxl {
  box-shadow: 0 12px 24px rgba(0, 0, 0, .1);
}

.display1 {
  font-size: 107.281px;
}

.display2 {
  font-size: 85.825px;
}

.button {
  border: 1px solid var(--black60);
  background-color: var(--whitecolor);
  font-family: var(--primaryfont);
  color: var(--black80);
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  transition: background-color .2s;
}

.button:hover {
  background-color: var(--white60);
}

.button.secondary {
  border: 1px solid var(--black60);
  background-color: var(--black80);
  color: var(--whitecolor);
  border-radius: 1px;
}

.button.secondary:hover {
  background-color: rgba(0, 0, 0, .4);
}

.button.secondary.navbar {
  height: auto;
  padding: 8px 12px;
}

.navlink {
  font-size: 16px;
}

.navlink.w--current {
  color: var(--blackcolor);
  border-bottom: 1px solid #000;
}

.paragraph-3 {
  max-width: 75ch;
}

.heading, .heading-2, .heading-3, .heading-4, .heading-5 {
  font-weight: 600;
}

.navbar {
  align-items: center;
  height: 60px;
  display: flex;
}

.sectiontitle.shootstitle {
  width: 80%;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.div-block, .right {
  text-align: right;
}

.subheading {
  color: var(--black80);
  font-size: 28.13px;
  line-height: 1.2;
}

.subheading.sfeertekstsubheading {
  color: var(--black60);
  text-align: center;
  max-width: 90ch;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-style: italic;
  line-height: 1.4;
}

.paragraph-4 {
  font-size: var(--desktopbodysize);
}

.heading-7 {
  font-size: 72px;
}

.smalltext {
  font-size: 14.4px;
}

.heading-8 {
  font-size: 2px;
}

.card {
  background-color: #ddd9d9;
  padding: 32px;
}

.div-block-2 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.bottommarginsmall {
  margin-bottom: var(--desktopmarginsmall);
  transform: rotate(0);
}

.bottommarginsmall.picture, .bottommarginsmall.is-full {
  max-width: 80%;
}

.bottommarginsmall.sfeer {
  background-color: var(--primarycolor);
  max-width: 60ch;
  padding: 21px;
  font-style: italic;
  line-height: 1.3;
  transform: none;
}

.topmarginsmall {
  margin-top: var(--desktopmarginsmall);
}

.heroparagraph {
  color: rgba(255, 255, 255, .7);
  max-width: 60ch;
}

.heroparagraph.bottommarginsmall {
  color: var(--white80);
}

.buttonwrapper {
  grid-column-gap: var(--desktopmarginsmall);
  grid-row-gap: var(--desktopmarginsmall);
  align-items: center;
  display: flex;
}

.buttonwrapper.rechts {
  justify-content: flex-end;
  align-items: center;
}

.buttonwrapper.is-shoots-section {
  justify-content: flex-end;
  align-items: center;
  margin-top: 40px;
}

.navbar-2 {
  background-color: var(--neutral1\<deleted\|variable-65929a49-5afb-09ce-c759-d25b46e03135\>);
}

.div-block-3 {
  background-image: url('../images/W-jOw0G4_1.webp');
  background-position: 50%;
  background-size: cover;
  height: 80vh;
}

.heroheading {
  font-family: var(--primaryfont);
  color: var(--whitecolor);
  letter-spacing: 0;
  font-size: 40px;
}

.shootcard {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 71%, var(--black60));
  justify-content: flex-start;
  align-items: flex-end;
  height: 400px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.shootcard:hover {
  background-color: rgba(0, 0, 0, .3);
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.shootcard.zwangerschap {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 71%, var(--black60)), url("https://assets-global.website-files.com/660e7a4ec81c28f46faae35a/66324eed9613d0b4be96b36c_Zwangerschapsshoot%20Bianca%20sept%20'23%20-%20Jakyra_Photography-11.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.shootcard.zwangerschap:hover {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), linear-gradient(180deg, rgba(255, 255, 255, 0) 71%, var(--black60)), url("https://assets-global.website-files.com/660e7a4ec81c28f46faae35a/66115da0a65d6864af354822_Zwangerschapsshoot%20Bianca%20sept%20'23%20-%20Jakyra_Photography-11.jpg");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.shootcard.newborn {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 71%, var(--black60)), url('../images/DSC04948.jpg');
  background-size: auto, cover;
}

.shootcard.newborn:hover {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), linear-gradient(180deg, rgba(255, 255, 255, 0) 71%, var(--black60)), url('../images/DSC04948.jpg');
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, auto, cover;
}

.shootcard.gezin {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 71%, var(--black60)), url('../images/DSC09744.jpg');
  background-size: auto, cover;
}

.shootcard.gezin:hover {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), linear-gradient(180deg, rgba(255, 255, 255, 0) 71%, var(--black60)), url('../images/DSC09744.jpg');
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, auto, cover;
}

.shootcard.familie {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 71%, var(--black60)), url('../images/Gezinsshoot-fam.-den-Boer---Jakyra_Photography-1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.shootcard.familie:hover {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), linear-gradient(180deg, rgba(255, 255, 255, 0) 71%, var(--black60)), url('../images/Gezinsshoot-fam.-den-Boer---Jakyra_Photography-1.jpg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.shootcard.koppel {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 71%, var(--black60)), url('../images/DSC09952-2.jpg');
  background-size: auto, cover;
}

.shootcard.koppel:hover {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), linear-gradient(180deg, rgba(255, 255, 255, 0) 71%, var(--black60)), url('../images/DSC09952-2.jpg');
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, auto, cover;
}

.shootcard.bruiloft {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 71%, var(--black60)), url('../images/DSC00187.jpg');
  background-size: auto, cover;
}

.shootcard.bruiloft:hover {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), linear-gradient(180deg, rgba(255, 255, 255, 0) 71%, var(--black60)), url('../images/DSC00187.jpg');
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, auto, cover;
}

.shootcard.overig {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 71%, var(--black60)), url('../images/DSC07514_1.jpg');
  background-position: 0 0, 0;
  background-size: auto, cover;
}

.shootcard.overig:hover {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), linear-gradient(180deg, rgba(255, 255, 255, 0) 71%, var(--black60)), url('../images/DSC07514.jpg');
  background-position: 0 0, 0 0, 0;
  background-size: auto, auto, cover;
}

.navbar-3 {
  background-color: var(--primarycolor);
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.navbar-3.shadowsm {
  align-items: center;
  display: flex;
}

.shootcardtitle {
  color: var(--whitecolor);
  margin-bottom: 10px;
  padding-left: 20px;
}

.heading-9 {
  font-weight: 400;
}

.paragraph-5 {
  color: var(--black60);
}

.bottommarginbig {
  margin-bottom: var(--desktopmarginbig);
}

.bottommarginbig.is-full {
  max-width: 80%;
}

.topmarginbig {
  margin-top: var(--desktopmarginbig);
}

.waaromimagegrid {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.heroinfo {
  max-width: 600px;
  margin-bottom: 60px;
}

.quote {
  color: var(--black60);
  text-align: left;
  max-width: 50ch;
  font-size: 24px;
  line-height: 1.2;
}

.image-2 {
  object-fit: cover;
  position: absolute;
  top: -48px;
}

.div-block-6 {
  height: 400px;
  position: relative;
  overflow: hidden;
}

.div-block-7 {
  flex-flow: column;
  display: flex;
}

.herogrid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.werkwijzetitle {
  color: var(--whitecolor);
  text-align: center;
}

.slider {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.slidetitile {
  color: var(--white80);
  letter-spacing: 0;
  font-size: 28px;
}

.slidetitile.bottommarginsmall {
  color: var(--whitecolor);
  min-width: 105%;
  margin-left: auto;
  margin-right: auto;
}

.slidediv {
  background-color: var(--secondarycolor);
  text-align: center;
  height: 100%;
  padding: 32px 80px;
}

.slide-nav {
  background-color: var(--secondarycolor);
  margin-bottom: 12px;
}

.waaromheading {
  font-size: 24px;
}

.div-block-8 {
  display: flex;
}

.ctaimagecontainer {
  height: 500px;
  overflow: hidden;
}

.nav-menu {
  align-items: center;
  display: flex;
}

.reviewstitle {
  text-align: center;
}

.footerlink {
  color: var(--white80);
  text-decoration: none;
}

.footerlink.bottommarginsmall.legal {
  font-size: 14px;
}

.footerlink.bottommarginsmall.websitedoor {
  margin-top: -24px;
  font-size: 12px;
}

.footerlink.white {
  color: var(--whitecolor);
}

.div-block-10 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block {
  font-weight: 400;
}

.div-block-11 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.legalfooter {
  grid-column-gap: var(--desktopmarginsmall);
  grid-row-gap: var(--desktopmarginsmall);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 3rem;
  display: flex;
}

.div-block-12 {
  grid-column-gap: var(--desktopmarginsmall);
  grid-row-gap: var(--desktopmarginsmall);
  display: flex;
}

.instagramtitle {
  text-align: center;
}

.dropdown-list {
  background-color: var(--neutralcolor);
}

.div-block-13 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
}

.pageheader {
  color: var(--whitecolor);
  text-align: center;
}

.imagecontainer {
  align-items: flex-start;
  height: 1000px;
  overflow: hidden;
}

.image-4 {
  object-fit: cover;
}

.headerpassie {
  text-align: center;
}

.pageheaderparagraph {
  color: var(--whitecolor);
  text-align: center;
}

.masonrygridimage {
  margin-bottom: 16px;
}

.shootsheading {
  color: var(--whitecolor);
  text-align: center;
  margin-bottom: 0;
}

.div-block-16 {
  margin-bottom: var(--desktopmarginbig);
  background-color: var(--primarycolor);
  background-image: radial-gradient(circle, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/DSC04991-2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-top: 100px;
  padding-bottom: 100px;
}

.div-block-16.is-newborn {
  background-image: radial-gradient(circle, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/DSC04985.jpg');
}

.div-block-16.is-gezin {
  background-image: radial-gradient(circle, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/Gezinsshoot-fam.-den-Boer---Jakyra_Photography-55_1.webp');
  background-position: 0 0, 50%;
}

.div-block-16.is-family {
  background-image: radial-gradient(circle, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/Gezinsshoot-fam.-den-Boer---Jakyra_Photography-7.jpg');
  background-position: 0 0, 50% 32%;
  margin-bottom: 60px;
}

.div-block-16.is-overig {
  background-image: radial-gradient(circle, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/DSC07231-2.jpg');
}

.div-block-16.is-bruiloft {
  background-image: radial-gradient(circle, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/DSC00090.jpg');
  background-position: 0 0, 50% 25%;
}

.div-block-16.is-koppel {
  background-image: radial-gradient(circle, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/DSC09876.jpg');
  background-position: 0 0, 50%;
}

.div-block-16.is-zwangerschap {
  background-image: radial-gradient(circle, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/Zwangerschapsshoot-Britt---Jakyra_Photography-5.jpg');
  background-position: 0 0, 50% 40%;
}

.pakketinfo {
  color: var(--black60);
  text-align: left;
}

.pakketinfo.bottommarginsmall {
  text-align: left;
  line-height: 1.5;
}

.pakketinfo.bottommarginsmall.subh {
  text-align: center;
  font-size: 22px;
  font-weight: 500;
}

.pakketinfo.bottommarginsmall.extra-margin {
  margin-bottom: 30px;
}

.pakketinfo.bottommarginsmall.is-aligned {
  margin-top: 12px;
}

.pakketinfo.bottommarginsmall.italic {
  font-style: italic;
}

.pakketcard {
  background-color: var(--neutralcolor);
  text-align: center;
  flex-flow: column;
  padding: 32px;
  display: flex;
}

.pakketprijs {
  text-align: right;
  margin-top: auto;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.2;
}

.div-block-17 {
  display: flex;
}

.sfeertekst {
  text-align: center;
  font-family: La Paloma, sans-serif;
  font-size: 35px;
  line-height: 1.2;
}

.sfeertekst.small {
  font-size: 16px;
}

.text-block-3 {
  text-align: center;
}

.dropdownitem.w--current {
  color: var(--blackcolor);
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.image-6 {
  z-index: -1;
  object-fit: cover;
  min-height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.text-span {
  font-family: La Paloma, sans-serif;
}

.text-span-2 {
  font-family: Raleway;
  position: absolute;
  transform: rotate(-4deg)translate(0, 43px);
}

.div-block-21 {
  position: relative;
}

.text-span-3, .sfeerspan {
  font-family: La Paloma, sans-serif;
}

.div-block-22 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

@media screen and (max-width: 991px) {
  .section {
    padding-top: var(--tabletsection);
    padding-bottom: var(--tabletsection);
  }

  .section.herosection {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(51, 51, 51, .3) 35%, var(--black60) 92%), url('../images/Zwangerschapsshoot-Marloes---Jakyra_Photography-1.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
  }

  .section.quotesection {
    background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url('../images/DSC04052.jpg');
    background-position: 0 0, 50% 15%;
    background-size: auto, auto;
  }

  .container.grid2.shootsinfogrid.bottommarginbig {
    grid-column-gap: var(--desktopmarginsmall);
    grid-row-gap: var(--desktopmarginsmall);
    grid-template-columns: 1fr;
  }

  .container.grid2.waaromgrid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .container.grid2.waaromtitlegrid {
    grid-template-columns: 1fr;
  }

  .container.grid2.quotegrid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .container.ctacontainre {
    padding-right: 0%;
    position: static;
  }

  .container.masonarygrid {
    padding-bottom: var(--tabletsection);
    column-count: 3;
  }

  .container.masonarygrid.is-3 {
    column-count: 2;
  }

  .container.grid3.koppelgrid {
    grid-template-columns: 1fr 1fr;
  }

  .grid3.footergrid {
    grid-row-gap: 20px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-content: center;
  }

  .grid3.pakkettengrid {
    grid-template-columns: 1fr 1fr;
  }

  .grid2.herogrid {
    grid-template-rows: auto;
    grid-template-columns: auto;
    align-items: center;
    justify-items: center;
  }

  .grid2.ctagrid, .grid2.kennisgrid {
    grid-template-columns: 1fr;
  }

  .grid2.overmijgrid, .grid2.shootsinfogrid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .grid4.shootsgrid, .grid4.shootsalgemeengrid {
    grid-template-columns: 1fr 1fr;
  }

  .button.secondary.navbar {
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .navlink {
    background-color: var(--primarycolor);
    justify-content: center;
    display: flex;
  }

  .navlink.w--current {
    border-bottom-style: none;
  }

  .smalltext {
    margin-bottom: var(--desktopmarginsmall);
  }

  .bottommarginsmall.is-full {
    max-width: 70ch;
  }

  .bottommarginsmall.sfeer {
    max-width: 100%;
  }

  .bottommarginbig {
    margin-bottom: 60px;
  }

  .bottommarginbig.no {
    margin-bottom: var(--desktopmarginsmall);
  }

  .bottommarginbig.is-full {
    max-width: 70ch;
  }

  .waaromimagegrid {
    display: block;
  }

  .div-block-5 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .div-block-6 {
    display: none;
  }

  .slider {
    width: 80%;
  }

  .ctaimagecontainer {
    display: none;
  }

  .footerlink.white {
    font-size: 16px;
  }

  .div-block-10 {
    display: none;
  }

  .text-block {
    text-align: center;
  }

  .div-block-11 {
    margin-bottom: var(--desktopmarginsmall);
    align-items: center;
    display: flex;
  }

  .div-block-12 {
    margin-top: 3rem;
    margin-left: auto;
    margin-right: auto;
  }

  .dropdown-list.w--open {
    flex-flow: column;
    justify-content: center;
    display: flex;
  }

  .imagecontainer {
    height: 500px;
    position: relative;
    overflow: hidden;
  }

  .image-4 {
    position: absolute;
    top: -86px;
  }

  .div-block-16 {
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0) 27%, rgba(0, 0, 0, .15));
  }

  .pakketcard {
    padding-left: 60px;
    padding-right: 60px;
  }

  .div-block-17, .div-block-18, .div-block-20, .dropdown-toggle.w--open {
    display: none;
  }

  .menu-button, .menu-button.w--open {
    background-color: var(--primarycolor);
  }

  .icon {
    color: var(--blackcolor);
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: var(--mobilebodysize);
  }

  h1 {
    font-size: 48.83px;
  }

  h2 {
    font-size: 35px;
  }

  h3 {
    font-size: 31.25px;
  }

  h4 {
    font-size: 25px;
  }

  h5 {
    font-size: 20px;
    font-weight: 600;
  }

  h6 {
    font-size: 16px;
  }

  .section {
    padding-top: var(--mobilesection);
    padding-bottom: var(--mobilesection);
  }

  .section.herosection {
    background-image: repeating-radial-gradient(circle, rgba(0, 0, 0, .4), rgba(0, 0, 0, .2) 100%, rgba(255, 255, 255, 0)), url('../images/Zwangerschapsshoot-Marloes---Jakyra_Photography-1.jpg');
    justify-content: center;
    align-items: center;
  }

  .section.quotesection {
    padding-top: 64px;
  }

  .section.sfeertekstsection {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.sfeertekstsection.is-negative-margin {
    margin-top: -95px;
  }

  .container.grid2.shootsinfogrid {
    justify-content: center;
  }

  .container.grid2.shootsinfogrid.bottommarginbig {
    grid-column-gap: var(--mobilemarginsmall);
    grid-row-gap: var(--mobilemarginsmall);
  }

  .container.masonarygrid {
    padding-bottom: var(--mobilesection);
    column-count: 2;
  }

  .container.grid3.koppelgrid {
    grid-template-columns: 1fr 1fr;
  }

  .grid3 {
    grid-column-gap: var(--mobilemarginsmall);
    grid-row-gap: var(--mobilemarginsmall);
  }

  .grid3.pakkettengrid {
    grid-column-gap: var(--desktopmarginsmall);
    grid-row-gap: var(--desktopmarginsmall);
    grid-template-columns: 1fr;
  }

  .grid2 {
    grid-column-gap: var(--mobilemarginbig);
    grid-row-gap: var(--mobilemarginbig);
  }

  .grid4 {
    grid-column-gap: var(--mobilemarginsmall);
    grid-row-gap: var(--mobilemarginsmall);
  }

  .display1 {
    font-size: 76.29px;
  }

  .display2 {
    font-size: 61.04px;
  }

  .button {
    font-size: var(--mobilebodysize);
  }

  .sectiontitle, .sectiontitle.shootstitle {
    text-align: left;
  }

  .heading-6 {
    font-weight: 600;
  }

  .subheading {
    font-size: 20px;
  }

  .subheading.sfeertekstsubheading {
    font-size: 16px;
  }

  .smalltext {
    margin-bottom: var(--mobilemarginsmall);
    font-size: 12.8px;
  }

  .card {
    padding: 12px;
  }

  .bottommarginsmall {
    margin-bottom: var(--mobilemarginsmall);
  }

  .topmarginsmall {
    margin-top: var(--mobilemarginsmall);
  }

  .buttonwrapper {
    justify-content: center;
  }

  .shootcardtitle {
    margin-bottom: 15px;
  }

  .shootsinfoleft {
    text-align: center;
  }

  .bottommarginbig {
    margin-bottom: var(--mobilemarginbig);
  }

  .topmarginbig {
    margin-top: var(--mobilemarginbig);
  }

  .div-block-5 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .heroinfo {
    text-align: center;
  }

  .waaromheading {
    font-size: 24px;
  }

  .div-block-16 {
    margin-bottom: var(--mobilemarginbig);
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0) 59%, rgba(0, 0, 0, .15));
  }

  .pakketinfo.bottommarginsmall.subh {
    font-size: 20px;
  }

  .sfeertekst {
    font-size: 30px;
    line-height: 1.5;
  }
}

@media screen and (max-width: 479px) {
  .section.herosection {
    justify-content: center;
    align-items: center;
  }

  .section.quotesection {
    padding-top: var(--mobilesection);
  }

  .container.herocontainer {
    margin-top: 59px;
  }

  .container.grid2.shootsinfogrid.bottommarginbig {
    justify-content: center;
  }

  .container.masonarygrid, .container.masonarygrid._2, .container.masonarygrid.is-3 {
    column-count: 1;
  }

  .container.grid3.koppelgrid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .grid4.shootsgrid, .grid4.shootsalgemeengrid {
    grid-template-columns: 1fr;
  }

  .button {
    text-align: center;
  }

  .sectiontitle.shootstitle {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .buttonwrapper.is-shoots-section {
    justify-content: center;
  }

  .slider {
    width: 100%;
  }

  .imagecontainer {
    object-fit: cover;
    height: auto;
  }

  .image-4 {
    object-fit: cover;
    position: static;
  }

  .shootsheading {
    font-size: 45px;
  }

  .shootsheading.bottommarginsmall.is-zwangerschapsshoot {
    font-size: 35px;
  }

  .div-block-16 {
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0) 54%, rgba(0, 0, 0, .15));
  }

  .pakketcard {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sfeertekst {
    font-size: 40px;
  }
}

#w-node-cc85519a-bb02-9c84-791d-3f97d5fa87c4-d8c8b6a1 {
  align-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_2d09995c-0eb6-c2ef-9b3d-8ec04ae3c372-d8c8b6a1 {
    order: 9999;
  }

  #w-node-_41817279-2d6e-0997-a8c7-0f8c67960e2b-67960e17 {
    justify-self: center;
  }

  #w-node-_833c1796-77e3-b5fb-73d5-a4878b9e13d5-2b502cf2 {
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_0b9eec80-1b9b-af28-65bd-8ed6ce9af1ff-d8c8b6a1 {
    justify-self: center;
  }
}


@font-face {
  font-family: 'La Paloma';
  src: url('../fonts/La-Paloma.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Merriweather';
  src: url('../fonts/Merriweather-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Merriweather';
  src: url('../fonts/Merriweather-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Merriweather';
  src: url('../fonts/Merriweather-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Variablefont Wght';
  src: url('../fonts/Raleway-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway Variablefont Wght';
  src: url('../fonts/Raleway-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}