body, html {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 20px;
}

.space_between {
    display: flex;
    justify-content: space-between;
}

.space_around {
    display: flex;
    justify-content: space-around;
}

.background_color_red {
    background-color: red;
}

.width_150px {
    width: 150px;
}

.background_color_gray {
    background-color: rgb(189, 189, 189);
}

.border_radius_30px_complete {
    border-radius: 30px;
}

.max_width{
    max-width: 1300px;
    width: 100%;
}
.aspect_ratio {
    object-fit: cover;
    aspect-ratio: 1;
}

.height_400px{
    height: 400px;
}

.color_white {
    color: white;
}

.padding_7px {
    padding: 7px;
}

.width_100pcnt {
    width: 100%;
}

.justify_self_center{
    justify-self: center;
}

.font_size_20px {
    font-size: 20px;
}

.font_size_15px {
    font-size: 15px;
}

.align_items_center {
    align-items: center;
}

.margin_top_10px{
    margin-top: 10px;
}

.padding_top_20px {
    padding-top: 20px;
}

.border_radius_30px {
    border-radius: 30px 0 30px 30px;
}

.position_relative {
    position: relative;
}

#inschrijvingen {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 255, 119, 0.741);
    padding: 10px 15px;
    border-radius: 0 0 0 30px;
}

.hero-buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

#inschrijven {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    background: rgb(255, 166, 0);
    padding: 5px 60px;
    border-radius: 10px 10px 10px 10px;
    border: solid 1px rgb(255, 255, 255);
}

.text_decoration_none {
    text-decoration: none;
    color: black;
}

.tekst {
    display: flex;
    flex-direction: column;
}