html,body
{
    width: 100%;
    overflow-x: hidden;
}


*{
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

p, h2, h3, h4, h5, h6, li, a, button, input {
font-family: 'Fira Sans Condensed', sans-serif;
}

p {
font-size: calc(14px + (22 - 14) * ((100vw - 330px) / (1920 - 330)));
font-weight:400;
line-height:150%;
}

h1{
font-family: 'Fira Sans', sans-serif;
font-size: calc(43px + (135 - 43) * ((100vw - 330px) / (1920 - 330)));
color: white;
font-weight:900;
line-height: 125%;
}

h2{
font-family: 'Fira Sans', sans-serif;
color:rgba(75, 36, 90, 1);
font-style: italic;
font-size: calc(24px + (62 - 24) * ((100vw - 330px) / (1920 - 330)));
font-weight:800;
line-height: 125%;
}

h3{
font-family: 'Fira Sans', sans-serif;
color:rgba(75, 36, 90, 1);
font-style: italic;
font-size: calc(36px + (75 - 36) * ((100vw - 330px) / (1920 - 330)));
font-weight:800;
line-height: 125%;
}

h4{
color:rgba(75, 36, 90, 1);
font-size: calc(16px + (26 - 16) * ((100vw - 330px) / (1920 - 330)));
font-weight:600;
line-height: 175%;
}

a {
color: rgba(75, 36, 90, 1);
font-size: calc(13px + (17 - 13) * ((100vw - 330px) / (1920 - 330)));
text-decoration: none;
line-height: 175%;
}

.footer p{
color:white;
}

.footer h3{
color:white;
}

.anchor{
display: block;
position: relative;
top: -48px;
visibility: hidden;
}

.navbarspacer{
width: 100%;
height: 75px;
}

.navbar{
background-color: rgba(255, 255, 255, 1.0);
border-bottom-style: solid;
border-width: 1px;
border-color: rgb(200, 178, 33);
padding-left: 210px;
padding-right: 15%;
position: fixed;
width: 100%;
height: 75px;
top: 0;
z-index: 99;
}

.navbarright {
position: absolute;
top:15px;
right:15%;
}

.navbarright a {
float: left;
color: rgba(75, 36, 90, 1);
text-align: center;
padding: 12px;
text-decoration: none;
font-size: 18px;
}

.navbarright a.icon {
display: none;
}

.navbarright a:hover {
color: rgba(200, 178, 33, 1.0);
}

.navbarrightresponsive {
position: absolute;
top:15px;
right:15%;
}

.navbarrightresponsive a {
float: left;
color: rgba(75, 36, 90, 1);
text-align: center;
padding: 12px;
text-decoration: none;
font-size: 18px;
}

.navbarrightresponsive a.icon {
display: none;
}

.logo {
position:absolute;
width:50px;
top:12px;
}

.header{
position: relative;
width:100%;
height: 600px;
}

.parallax {
  background-image: url("bamboe01paars.png");
  height: 600px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  }

  .parallax2 {
    background-image: url("bamboe01geel.png");
    height: 600px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    }


  .parallaxtext{
  position:relative;
  padding-left:210px;
  top:200px;
  width:100%;
  }

  .judie{
    position: absolute;
    right:0px;
    bottom:0px;
    height:90%;
    width: 40%;
    background-image: url("judiegeel.png");
    background-position: right;
    background-repeat: no-repeat;
    background-size:cover;
  }

.headertext{
position:absolute;
top:200px;
width:100%;
}

.bigtext{
padding-left:205px;
}

.headersubtekst{
padding-left:210px;
width:100%;
}

.tekstblokwrapperwhite{
  position: relative;
  width:100%;
  right:0px;
  left:0px;
  background-color: white;
  padding-top:100px;
  padding-bottom: 130px;
}

.textblock01{
position:relative;
padding-left:210px;
width:50%;
}

.flexbox01{
  display: flex;
  flex-wrap: wrap;
}

.flexbox02{
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.footer{
background-color:rgba(65, 18, 76, 1.0);
overflow: hidden;
padding-top:60px;
padding-bottom: 60px;
width:100%;
}

.calligr{
  position: absolute;
  right:-25px;
  bottom:-100px;
  height:100%;
  width: 50%;
  background-image: url("JVIgeel.svg");
  background-position: right;
  background-repeat: no-repeat;
}