.round3 {
    background-color: rgb(162, 62, 72, 1);
    color: white;
    border-radius: 70%;
    padding: 1%;
    width: fit-content;
    margin-left: 10%;
}

.GroteAfbeeldingen {
    max-width: 200%;
    height: auto ;
}


.AfbeeldingenResto {
    padding: 30%;
}

.tekstblok {
    max-width: 500px;
    margin: auto;
}

.titelkleur {
    color: rgba(2, 108, 124, 1);
}

.kleinetitelkleur {
    color: darkolivegreen;
}

.Iconscolor {
    color: #fd7e14;
}

.checked {
    color: darkorange;
}

.bgcolor {

    background-color: rgba(234, 239, 211, 1);
}

.cardcolor {
    background-color: rgba(175, 187, 242, 1);
}

.link:hover {
    background-color: #bb2d3b;
    opacity: 0.6;
}




.bgcolormidden {

    background-color: rgba(242, 186, 201, 1);
}



.avatar {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.round5 {
    background-color: rgba(242, 186, 201, 1);
    color: white;
    border-radius: 70%;
    padding: 2%;
    width: fit-content;
    margin-left: 20%;
}



.container{
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 5%;
    padding-bottom: 5%;
}



.transbox {
    background: none;
    border: 1px solid black;
    opacity: 0.8;
}

.restopd{
    padding-left: 33%;
    background-color:  rgba(234, 239, 211, 1);
}

.padttgit{
    padding-top: 5%;
    padding-bottom: 5%;
}

.padrest{
    padding-left: 30%;
    padding-right: 5%;
    background-color:  rgba(234, 239, 211, 1);
}
.spatie{
    padding-top: 15%;
}

.spatie2{
    padding-top: 20%;
    padding-bottom: 20%;
}



/*$caribbean-current: rgba(2, 108, 124, 1);*/
/*$beige: rgba(234, 239, 211, 1);*/
/*$redwood: rgba(162, 62, 72, 1);*/
/*$orchid-pink: rgba(242, 186, 201, 1);*/
/*$periwinkle: rgba(175, 187, 242, 1);*/