.jumbotron {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    justify-content: flex-start;
    margin-top: 1.0rem;
    margin-left: 1.0rem;
    border: 1px #17A2B8 solid;
    background-color: rgb(255,255,255,06);
    /*background: url("../site-images/achtergrond_jorab-1.png");*/
 }

.card {
    float: left;
    box-shadow: 0 0.9rem 0.9rem 0 rgba(0,0,0,0.5);
    transition: 0.3s;
    max-width: 10.0rem;
    max-height: 20rem;
    margin-left: 1rem;
    margin-top: 0.5rem;
    margin-right: 2rem;
    padding-bottom: 0.9rem;
    background-color: rgb(255,255,255, 0.7);
    color: #0f0f0f;
    border: 1px black solid;
    border-radius: 10px;
    /*-ms-transform: rotate(3deg); 
    -webkit-transform: rotate(3deg); 
    transform: rotate(-1deg); */
}
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.4);
    margin-top: 1.0rem;
}


.cardcontainer {
     padding: 4px 10px;
     max-width: 80%;
}
.cardcontainer a {
    text-decoration: none;
    color: coral;
}


.theimage {
    padding: 0.5rem;
    border: 0px #808080 solid;
    max-height: 10rem;
}

.card img {
    width: 100%;
    height: auto;
    margin-top: 0.0rem;
    margin-bottom: 1.5rem;
    margin-left: auto;
    margin-right: auto;
}

.card_lower {
    padding-bottom: 0.1rem;
    background-color: #fff;
}
.card_lower p {
    padding: 1.5rem;
}
.card_lower h3 {
    color: #000;
    font-weight: bold;
    align-content: 0.1rem;
    padding: 0.2rem 0 0 0.5rem;
}

.btn {
    margin-left: 0.9rem;
    background-color: teal;
    border-radius: 0 50px 50px 0;
}

.pagination {
    margin-top: 1.1rem;
    margin-bottom: 1.5rem;
    margin-left: 2.0rem;
    max-width: 50%;
    border: 1px orange solid;
    padding: 10px;
    font-weight: 600;
    color: orange;
}