html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    background-image: linear-gradient(to bottom right, #000000, #555555);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: #ffffff;
    min-height: 100vh;   /* <-- belangrijk */
    display: flex;
    flex-direction: column;
}
.container-fluid2 {
    flex: 1; /* Laat container-fluid meegroeien */
    display: flex;
    flex-direction: column;
}
.main-content {
    flex-grow: 1;
    height:100%;
}

.bvscoding {
    height: 75px;
    border-radius: 5px;
}

.card-header-bvs {
    background-image: linear-gradient(to right, #00005f, #55555f);
    color: #fff;
    font-weight: bold;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.card-bvs {
    background-color: #23243a; /* Suggestie: donkerblauw/grijs */
    border-radius: 0.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    margin-bottom: 2rem;
    border: none;
}

.card-bvs .card-body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.5rem;
}

.card-bvs .card-body .meta {
    min-width: 120px;
    font-size: 0.95em;
    color: #b0b0b0;
}

.card-bvs .card-body .omschrijving {
    border-top: 1px solid #444;
    flex: 1;
    color: #fff;
    max-height: 15em;         /* hoogte in regels tekst */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;   /* aantal regels tonen */
    -webkit-box-orient: vertical;
}

.card-bvs .card-footer {
    background: none;
    border-top: 1px solid #444;
    color: #b0b0b0;
    font-size: 0.95em;
    padding-top: 0.5rem;
}

.card-bvs .card-button {
    background: none;
    border-top: 1px solid #444;
    color: #b0b0b0;
    font-size: 0.95em;
    padding: 1rem;
}

.card-link-unstyled {
    color: inherit;
    text-decoration: none;
    transition: transform 0.15s cubic-bezier(.4,2,.6,1);
    display: flex;
    flex-direction: column;
    height: 100%;
}
.card-link-unstyled:hover, .card-link-unstyled:focus {
    transform: scale(1.03);
    z-index: 2;
    text-decoration: none;
}

.inhoud {
    border-top: 1px solid #444;
    color: #fff;
    max-height: none;
    overflow: visible;
    display: block;
}