/*!* CSS HSL *!*/
/*--chinese-violet: hsla(333, 19%, 44%, 1);*/
/*--dark-purple: hsla(334, 43%, 17%, 1);*/
/*--moonstone: hsla(186, 51%, 45%, 1);*/
/*--cadet-gray: hsla(202, 21%, 64%, 1)*/
/*--columbia-blue: hsla(203, 100%, 92%, 1);*/
/*--melon: hsla(10, 76%, 80%, 1);*/
/*--charcoal: hsla(201, 27%, 29%, 1);*/

.navigatiebar {
max-width: 70px;

}
.hoofdfoto{
    width: 100%;
    height: 500px;
}
.slider{
    position: relative;
}
.bovenste_tekst{
    position: absolute;
    top: 15px;
}
.bovenste_tekst2{
    position: absolute;
    top: 5px;
    left: 1000px;

}
.logo{
    max-width: 200px;
}
.titel{
    position: absolute;
    top: 50%;
    padding-left: 15%;
    color: white;
}
.header-tekst1{
    position: absolute;
    top: 60%;
    padding-left: 15%;
    color: white;
}
.header-tekst2{
    position: absolute;
    top: 65%;
    padding-left: 15%;
    color: white;
}
.header-tekst3{
    position: absolute;
    top: 70%;
    padding-left: 15%;
    color: white;
}
.cardbackgroundcolor{
background-color: hsla(203, 100%, 92%, 1);
}

.geschiedenis{
    top: 40%
}
.cardbackgroundcolor2{
    background-color: hsla(201, 27%, 29%, 1);
}
.knop1{
    position: absolute;
    top: 70%;
   margin-left: 15%;
}
.reviewfoto{
    max-width: 60px;
  border-radius: 50%;
}
.tekstreviews{
   font-style: normal;
    font-size: xx-large;
}
.slider2{
    position: relative;
}
.boeking{
    position: absolute;
    padding-left: 90%;
    top: 15%;
}
.boeking-tekst{
    position: absolute;
    padding-left: 90%;
    top: 20%;
}