/*eigen stijlen*/

:root {
    scroll-behavior: smooth;
}

::selection {
    background-color: #306BAE;
    color: #fff;
}

.afbeeldingheader {
    background-image: url('../img/headerphoto.jpg');
}

.headerheight {
    height: 725px;
}

.overlayheader {
    background-color: rgba(0, 0, 0, 0.67);
}

.bg-customblue {
    background-color: #306bae;
}

.bg-customgrey {
    background-color: #676767;
}

.customblue {
    color: #306BAE;
}

.custombluehamburger {
    color: #044691;
}

.roundedcustom {
    border-top-right-radius: 85px;
}

.bg-customcontact {
    background-color: #f0eded;
}

.customlink {
    padding: 13px 20px;
    border-radius: 25px;
}

.statusemail { 
    color: #306BAE;
    font-weight: bold;
}

/* hamburger */
.side-menu {
    transition: transform 0.3s ease-in-out; /* Animatie voor het verschuiven van het zijmenu */
    transform: translateX(-100%); /* Zijmenu standaard buiten het scherm aan de linkerkant */
}

.side-menu.active {
    transform: translateX(0); /* Breng het zijmenu binnen het scherm */
}