*{
    margin: 0;
    transition: 0.2s;
    height: 100%;
}
html, body {
    height: 100%;
    margin:0 auto;
}
body{
    background-image: url(images/header.svg);
    height: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    margin-top: 0%;
    -ms-overflow-style: none;
    scrollbar-width: none;
    
}
body::-webkit-scrollbar {
    display: none;
}

.wrapper{

    
    
    position: relative;

    height: min-content;
    margin-left: auto;
    margin-right: auto;

    padding-bottom: 0;
    margin-bottom: 0;
    overflow: hidden

}
.hexagon{

    max-width: 100%;
    max-height: 100%;

}


.mail1{

    position: absolute;
    float: left;

    margin-left: 83%;
    margin-top: 44%;

    width: 10%;
    max-height: 2%;

}
.mail2{

    position: absolute;
    float: left;

    margin-left: 17%;
    margin-top: 162%;

    width: 7%;
    max-height: 1%;


}

.adres{

    position: absolute;
    float: left;

    margin-left: 83%;
    margin-top: 33.9%;

    width: 10%;
    max-height: 3%;

}

.bellen{

    position: absolute;
    float: left;

    margin-left: 83%;
    margin-top: 39.7%;

    width: 10%;
    max-height: 2%;
}







/* BLOK 1 -----------------------------------------------*/

.hex1{
    position: absolute;
    margin-top: 49.4%;
    margin-left: 31.5%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/01_content.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
}

.label1{
    position: absolute;
    margin-top: 54.5%;
    margin-left: 30.4%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    opacity: 0%;
    background-image: url("images/hexagon/label/01label.svg");
    background-repeat: no-repeat;
}
.hex1:hover ~ .label1, .label1:hover{
    opacity: 100%;

}

/* BLOK 2 -----------------------------------------------*/

.hex2{
    position: absolute;
    margin-top: 49.4%;
    margin-left: 73.2%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/02content.svg");
    background-repeat: no-repeat;
}
.label2{
    position: absolute;
    margin-top: 54.5%;
    margin-left: 72.1%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    opacity: 0%;
    background-image: url("images/hexagon/label/02label.svg");
    background-repeat: no-repeat;
}
.hex2:hover ~ .label2, .label2:hover{
    opacity: 100%;

}

/* BLOK 3 -----------------------------------------------*/

.hex3{
    position: absolute;
    margin-top: 49.4%;
    margin-left: 81.5%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/03content.svg");
    background-repeat: no-repeat;
}
.label3{
    position: absolute;
    margin-top: 54.5%;
    margin-left: 80.3%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/03label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex3:hover ~ .label3, .label3:hover{
    opacity: 100%;

}

/* BLOK 4 -----------------------------------------------*/

.hex4{
    position: absolute;
    margin-top: 57.7%;
    margin-left: 2.4%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/04content.png");
    background-repeat: repeat;
    background-size:100% 100%;
}
.label4{
    position: absolute;
    margin-top: 62.9%;
    margin-left: 1.3%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/04label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex4:hover ~ .label4, .label4:hover{
    opacity: 100%;

}

/* BLOK 5 -----------------------------------------------*/

.hex5{
    position: absolute;
    margin-top: 57.7%;
    margin-left: 10.7%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/05content.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
}
.label5{
    position: absolute;
    margin-top: 62.9%;
    margin-left: 9.6%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/05label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex5:hover ~ .label5, .label5:hover{
    opacity: 100%;

}

/* BLOK 6 -----------------------------------------------*/

.hex6{
    position: absolute;
    margin-top: 57.7%;
    margin-left: 27.4%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/06content.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
 
}
.label6{
    position: absolute;
    margin-top: 62.9%;
    margin-left: 26.3%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/06label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex6:hover ~ .label6, .label6:hover{
    opacity: 100%;

}

/* BLOK 7 -----------------------------------------------*/

.hex7{
    position: absolute;
    margin-top: 57.7%;
    margin-left: 52.4%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/07content.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
}
.label7{
    position: absolute;
    margin-top: 62.9%;
    margin-left: 51.3%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/07label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex7:hover ~ .label7, .label7:hover{
    opacity: 100%;

}

/* BLOK 8 -----------------------------------------------*/

.hex8{
    position: absolute;
    margin-top: 57.7%;
    margin-left: 69%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/08content.svg");
    background-repeat: no-repeat;
}
.label8{
    position: absolute;
    margin-top: 62.9%;
    margin-left: 68%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/08label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex8:hover ~ .label8, .label8:hover{
    opacity: 100%;

}

/* BLOK 9 -----------------------------------------------*/

.hex9{
    position: absolute;
    margin-top: 57.7%;
    margin-left: 77.4%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/09content.svg");
    background-repeat: no-repeat;
}

.label9{
    position: absolute;
    margin-top: 62.9%;
    margin-left: 76.3%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/09label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex9:hover ~ .label9, .label9:hover{
    opacity: 100%;

}

/* BLOK 10 -----------------------------------------------*/

.hex10{
    position: absolute;
    margin-top: 57.7%;
    margin-left: 85.7%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/10content.svg");
    background-repeat: no-repeat;
}
.label10{
    position: absolute;
    margin-top: 62.9%;
    margin-left: 84.4%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/10label.svg");
    background-repeat: no-repeat;
    opacity: 0%;
}
.hex10:hover ~ .label10, .label10:hover{
    opacity: 100%;

}

/* BLOK 11 -----------------------------------------------*/

.hex11{
    position: absolute;
    margin-top: 65.9%;
    margin-left: 6.5%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/11content.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
}
.label11{
    position: absolute;
    margin-top: 71.1%;
    margin-left: 5.3%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/11label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex11:hover ~ .label11, .label11:hover{
    opacity: 100%;

}

/* BLOK 12 -----------------------------------------------*/

.hex12{
    position: absolute;
    margin-top: 65.9%;
    margin-left: 31.5%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/12content.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
 
}
.label12{
    position: absolute;
    margin-top: 71.1%;
    margin-left: 30.4%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/12label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex12:hover ~ .label12, .label12:hover{
    opacity: 100%;

}

/* BLOK 13 -----------------------------------------------*/

.hex13{
    position: absolute;
    margin-top: 65.9%;
    margin-left: 56.5%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/13content.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
}
.label13{
    position: absolute;
    margin-top: 71.1%;
    margin-left: 55.4%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/13label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex13:hover ~ .label13, .label13:hover{
    opacity: 100%;

}

/* BLOK 14 -----------------------------------------------*/

.hex14{
    position: absolute;
    margin-top: 65.9%;
    margin-left: 73.2%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/14content.svg");
    background-repeat: no-repeat;
}
.label14{
    position: absolute;
    margin-top: 71.1%;
    margin-left: 72.1%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/14label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex14:hover ~ .label14, .label14:hover{
    opacity: 100%;

}

/* BLOK 15 -----------------------------------------------*/

.hex15{
    position: absolute;
    margin-top: 74.1%;
    margin-left: 19%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/15content.svg");
    background-repeat: no-repeat;
 
}
.label15{
    position: absolute;
    margin-top: 79.3%;
    margin-left: 17.9%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/15label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex15:hover ~ .label15, .label15:hover{
    opacity: 100%;

}

/* BLOK 16 -----------------------------------------------*/

.hex16{
    position: absolute;
    margin-top: 74.1%;
    margin-left: 52.4%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/16content.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
}
.label16{
    position: absolute;
    margin-top: 79.3%;
    margin-left: 51.3%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/16label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex16:hover ~ .label16, .label16:hover{
    opacity: 100%;

}

/* BLOK 17 -----------------------------------------------*/

.hex17{
    position: absolute;
    margin-top: 74.1%;
    margin-left: 85.7%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/17content.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
 
}
.label17{
    position: absolute;
    margin-top: 79.3%;
    margin-left: 84.6%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/17label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex17:hover ~ .label17, .label17:hover{
    opacity: 100%;

}

/* BLOK 18 -----------------------------------------------*/

.hex18{
    position: absolute;
    margin-top: 82.4%;
    margin-left: 14.8%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/18content.svg");
    background-repeat: no-repeat;
 
}
.label18{
    position: absolute;
     margin-top: 87.6%;
    margin-left: 13.7%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/18label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex18:hover ~ .label18, .label18:hover{
    opacity: 100%;

}

/* BLOK 19 -----------------------------------------------*/

.hex19{
    position: absolute;
    margin-top: 82.4%;
    margin-left: 23.2%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/19content.svg");
    background-repeat: no-repeat;
 
}
.label19{
    position: absolute;
     margin-top: 87.6%;
    margin-left: 22.1%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/19label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex19:hover ~ .label19, .label19:hover{
    opacity: 100%;

}

/* BLOK 20 -----------------------------------------------*/

.hex20{
    position: absolute;
    margin-top: 82.4%;
    margin-left: 31.5%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/20content.svg");
    background-repeat: no-repeat;
 
}
.label20{
    position: absolute;
     margin-top: 87.6%;
    margin-left: 30.4%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/20label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex20:hover ~ .label20, .label20:hover{
    opacity: 100%;

}

/* BLOK 21 -----------------------------------------------*/

.hex21{
    position: absolute;
    margin-top: 82.4%;
    margin-left: 64.8%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/21content.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
}
.label21{
    position: absolute;
     margin-top: 87.6%;
    margin-left: 63.7%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/21label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex21:hover ~ .label21, .label21:hover{
    opacity: 100%;

}

/* BLOK 22 -----------------------------------------------*/

.hex22{
    position: absolute;
    margin-top: 82.4%;
    margin-left: 81.5%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/22content.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
    
 
}
.label22{
    position: absolute;
     margin-top: 87.6%;
    margin-left: 80.4%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/22label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex22:hover ~ .label22, .label22:hover{
    opacity: 100%;

}

/* BLOK 23 -----------------------------------------------*/

.hex23{
    position: absolute;
    margin-top: 82.4%;
    margin-left: 89.8%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/23content.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
 
}
.label23{
    position: absolute;
    margin-top: 87.4%;
    margin-left: 88.8%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/23label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex23:hover ~ .label23, .label23:hover{
    opacity: 100%;

}

/* BLOK 24 -----------------------------------------------*/

.hex24{
    position: absolute;
    margin-top: 90.7%;
    margin-left: 10.7%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/24content.svg");
    background-repeat: no-repeat;
 
}
.label24{
    position: absolute;
    margin-top: 96%;
    margin-left: 9.6%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/24label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex24:hover ~ .label24, .label24:hover{
    opacity: 100%;

}

/* BLOK 25 -----------------------------------------------*/

.hex25{
    position: absolute;
    margin-top: 90.7%;
    margin-left: 19%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/25content.svg");
    background-repeat: no-repeat;
 
}
.label25{
    position: absolute;
    margin-top: 96%;
    margin-left: 17.9%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/25label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex25:hover ~ .label25, .label25:hover{
    opacity: 100%;

}

/* BLOK 26 -----------------------------------------------*/

.hex26{
    position: absolute;
    margin-top: 90.7%;
    margin-left: 60.7%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/26content.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
}
.label26{
    position: absolute;
    margin-top: 96%;
    margin-left: 59.6%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/26label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex26:hover ~ .label26, .label26:hover{
    opacity: 100%;

}

/* BLOK 27 -----------------------------------------------*/

.hex27{
    position: absolute;
    margin-top: 90.7%;
    margin-left: 69%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/27content.svg");
    background-repeat: no-repeat;
}
.label27{
    position: absolute;
    margin-top: 96%;
    margin-left: 67.9%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/27label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex27:hover ~ .label27, .label27:hover{
    opacity: 100%;

}

/* BLOK 28 -----------------------------------------------*/

.hex28{
    position: absolute;
    margin-top: 90.7%;
    margin-left: 85.7%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/28content.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
}
.label28{
    position: absolute;
    margin-top: 96%;
    margin-left: 84.5%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/28label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex28:hover ~ .label28, .label28:hover{
    opacity: 100%;

}

/* BLOK 29 -----------------------------------------------*/

.hex29{
    position: absolute;
    margin-top: 99%;
    margin-left: 14.8%;
    float: left;
    width: 7.7%;
    max-height: 5.6%;
    background-image: url("images/hexagon/29content.svg");
    background-repeat: no-repeat;
 
}
.label29{
    position: absolute;
    margin-top: 104.1%;
    margin-left: 13.7%;
    float: left;
    width: 10%;
    max-height: 1.3%;
    background-image: url("images/hexagon/label/29label.svg");
    background-repeat: no-repeat;
 
    opacity: 0%;
}
.hex29:hover ~ .label29, .label29:hover{
    opacity: 100%;

}

/* hoofd 1 -----------------------------------------------*/

.hoofd1{
    position: absolute;
    margin-top: 149.8%;
    margin-left: 21.7%;
    float: left;
    width: 8.5%;
    max-height: 5.2%;
    background-image: url("images/hoofd/01medewerkerJann.svg");
    background-repeat: no-repeat;

}

.hoofd1 img {
    max-width: 100%;
    max-height: 100%;
    margin: 0;
}

.Hlabel1{
    position: absolute;
    margin-top: 157.2%;
    margin-left: 21.8%;
    float: left;
    width: 8.5%;
    max-height: 1.3%;
    background-image: url("images/hoofd/label/01labelJann.svg");
    background-repeat: no-repeat;
    opacity: 0%;
}
.hoofd1:hover ~ .Hlabel1, .Hlabel1:hover{
    opacity: 100%;

}

/* hoofd 2 -----------------------------------------------*/

.hoofd2{
    position: absolute;
    margin-top: 146.5%;
    margin-left: 35.2%;
    float: left;
    width: 8.5%;
    max-height: 5.2%;
    background-image: url("images/hoofd/02medewerkerKarin.svg");
    background-repeat: no-repeat;

}

.hoofd2 img {
    max-width: 100%;
    max-height: 100%;
    margin: 0;
}

.Hlabel2{
    position: absolute;
    margin-top: 153.9%;
    margin-left: 35.3%;
    float: left;
    max-height: 1.3%;
    opacity: 0%;
    width: 8.5%;
    background-image: url("images/hoofd/label/02labelKarin.svg");
    background-repeat: no-repeat;
}
.hoofd2:hover ~ .Hlabel2, .Hlabel2:hover{
    opacity: 100%;

}

/* hoofd 3 -----------------------------------------------*/

.hoofd3{
    position: absolute;
    margin-top: 128.9%;
    margin-left: 55.3%;
    float: left;
    width: 8.5%;
    max-height: 5.2%;
    width: 8.5%;
    background-image: url("images/hoofd/03medewerkerOana.svg");
    background-repeat: no-repeat;

}

.hoofd3 img {
    max-width: 100%;
    max-height: 100%;
    margin: 0;
}

.Hlabel3{
    position: absolute;
    margin-top: 136.3%;
    margin-left: 55.4%;
    float: left;
    max-height: 1.3%;
    opacity: 0%;
    width: 8.5%;
    background-image: url("images/hoofd/label/03labelOana.svg");
    background-repeat: no-repeat;
}
.hoofd3:hover ~ .Hlabel3, .Hlabel3:hover{
    opacity: 100%;

}

/* hoofd 4 -----------------------------------------------*/

.hoofd4{
    position: absolute;
    margin-top: 126.6%;
    margin-left: 83%;
    float: left;
    width: 8.5%;
    max-height: 5.2%;
    background-image: url("images/hoofd/04medewerkerSilvia.svg");
    background-repeat: no-repeat;

}

.hoofd4 img {
    max-width: 100%;
    max-height: 100%;
    margin: 0;
}

.Hlabel4{
    position: absolute;
    margin-top: 134.1%;
    margin-left: 83.1%;
    float: left;
    max-height: 1.3%;
    opacity: 0%;
    width: 8.5%;
    background-image: url("images/hoofd/label/04labelSilvia.svg");
    background-repeat: no-repeat;
}
.hoofd4:hover ~ .Hlabel4, .Hlabel4:hover{
    opacity: 100%;

}

/* hoofd 5 -----------------------------------------------*/

.hoofd5{
    position: absolute;
    margin-top: 144.8%;
    margin-left: 69%;
    float: left;
    width: 8.5%;
    max-height: 5.2%;
    background-image: url("images/hoofd/05medewerkerAudrey.svg");
    background-repeat: no-repeat;

}

.hoofd5 img {
    max-width: 100%;
    max-height: 100%;
    margin: 0;
}

.Hlabel5{
    position: absolute;
    margin-top: 152.3%;
    margin-left: 68.9%;
    float: left;
    max-height: 1.3%;
    width: 8.5%;
    opacity: 0%;
    background-image: url("images/hoofd/label/05labelOana.svg");
    background-repeat: no-repeat;
}
.hoofd5:hover ~ .Hlabel5, .Hlabel5:hover{
    opacity: 100%;

}