body {
    background: #780d0d;
    background: linear-gradient(90deg, rgba(120, 13, 13, 1) 46%, rgba(255, 46, 46, 1) 100%);
    font-family: 'Calibri', sans-serif;
}
.mask {
    background: linear-gradient(
            45deg,
            rgba(29, 236, 197, 0.5),
            rgba(91, 14, 214, 0.5) 100%
    )
}
.bgGroup{
    background: #780d0d;
    background: linear-gradient(90deg,rgba(120, 13, 13, 1) 46%, rgba(255, 46, 46, 1) 100%);
}
.card-title{
    color: white;
}
.card-footer{
    color: white;
}

.card-title-blue{
    color: white;
}

.card-footer-blue{
    color: white;
}
.btn{
    color: black;
    background-color: white;
    width: 90%;
}
.card-footer-groen{
    color: white;
}

.card-title-groen{
    color: white;
}

.favicon-kader{
    color: white;
    background-color: rgba(255,255,255,0.5);
    border-radius: 15%;
}
.foto1{
    margin-top: 10%;
}
.foto2{
    margin-top: 10%;
}
.foto3{
    margin-top: 10%;
}
.kaart1{
    background: #000000;
    background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(89, 89, 89, 1) 100%);
}
.kaart2{
    background: #090979;
    background: linear-gradient(90deg,rgba(9, 9, 121, 1) 76%, rgba(17, 107, 217, 1) 100%);
}
.kaart3{
    background: #077a22;
    background: linear-gradient(90deg,rgba(7, 122, 34, 1) 70%, rgba(62, 240, 2, 1) 100%);
}
.kaart4{
    background: #ffffff;
    background: linear-gradient(90deg,rgba(115, 13, 13, 1) 0%, rgba(0,0,0, 1) 100%);
}
.crdgroup1 .kaart1{
    margin-left: 50%;
}
.crdgroup1 .kaart3{
    margin-right: 50%;
}
.crdgroup1 .kaart2{
    margin-left: 1%;
    margin-right: 1%;
}
/*op deze manier wordt de max grootte van je foto bepaald */
.logo{
    max-width: 30px;
}

.achtergrondfoto2 {
    background-image: url("../images/achtergrondfoto2.png");
    background-repeat: no-repeat;
    background-position: right;

    background-size: cover;
    background-color: darkred;
    width: 100%;
    height: 90vh;
    /*min-height: 40em;*/
    max-height: 20em;
    /*background-attachment: fixed;*/
    color: white;
}
h1, h2, h5, h6, h7{
    font-family: 'Calibri', sans-serif;
}
h1,h2{
    color: white;
    text-shadow:
            -0.5px -0.5px 0 #000,
            0.5px -0.5px 0 #000,
            -0.5px  0.5px 0 #000,
            0.5px  0.5px 0 #000;
}
p{
    font-family: 'Calibri', sans-serif;
}