.h4 {
    line-height: normal;
}

.featured-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

#conclusie-leerdoel h4,
#conclusie-leerdoel h3,
#conclusie-leerdoel h2 {
    color: #333;
}

.featured-image>img {
    width: 450px;
    height: auto;
    aspect-ratio: 4/4;
    object-fit: cover;
    border-radius: 15px;
    overflow: hidden;
}

.goals {
    margin-bottom: 120px;
}

.justify-end {
    justify-content: flex-end;
}

.large-gutter {
    column-gap: 40px;
}

.container {
    width: 80%;
}

.accordion .label {
    padding: 0.5rem;
    position: relative;
    color: #FFF;
    border-bottom: #CCC 1px solid;
    font-size: 2.5rem;
    font-weight: bold;
    cursor: pointer;
}

.accordion {
    width: 100%;
}

.accordion-content {
    padding: 1rem 0.5rem;
    will-change: max-height;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    transition: max-height .5s ease-in-out, visibility 0s linear .5s;

}

.label::after {
    content: "+";
    transition: transform 0.5s ease;
    display: inline-block;
    transform: rotate(0deg);
    position: absolute;
    top: 50%;
    line-height: 0;
    right: 10px;
    font-size: 2rem;
    font-weight: 800;
    color: #CCC;
}

.active .label::after {
    content: "-";
    transform: rotate(180deg);
}

.accordion-wrapper .active .accordion-content {
    max-height: 0px;
    /* of een ander getal dat groot genoeg is voor jouw content */
    visibility: visible;
    transition: max-height .5s ease-in-out, visibility 0s linear 0s;
    margin-bottom: 2rem;
}

.accordion-wrapper {
    width: 80%;
}

.accordion-wrapper-compleet {
    width: 100%;
    margin-bottom: 160px;
}

.accordion-wrapper h2 {
    margin-bottom: 40px;
}

.carousel-image {
    aspect-ratio: 16 / 9;
    object-fit: contain;
    max-height: 600px;
}

.bewijslast {
    margin-bottom: 160px;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

div#carouselExampleIndicators {
    height: auto;
}