.event-listing {
    border-bottom: 1px solid white;
    color: white;
    padding-bottom: 40px;
}

/* Begin computer scherm */
@media only screen and (min-width: 768px) {
.event-date {
display: block;
position: absolute;
text-transform: uppercase;
}

.event-details
{
display: block;
position: relative;
padding-left: 188px;
padding-right: 150px;
padding-top: 15px;
}

.event-book {
position: absolute;
right: 0;
margin-top: -33px;
}
} /*einde computer*/

.event-book {
    text-align: right;
}

.event-listing a {
    color: #f0ca4e;
}

.event-details a:hover {
    color: #a88d36;
}

.event-book a:hover {
    color: #eee;
}

.event-date-d {
    font-size: 48px;
    font-weight: 400;
    width: fit-content;
    display: table-cell;
}

.event-date-f {
    width: fit-content;
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    letter-spacing: 2px;
    font-weight: 600;
}

.event-date-day {
    margin-top: -30px;
    font-size: 28px;
    letter-spacing: -1px;
    text-transform: uppercase;
    padding-left: 2px;
}

.event-linkedname {
    text-transform: uppercase;
    font-size: 25px;
}

.event-address, .event-time {
    font-size: 16px;
    display: inline;
}

.event-book a {
    border: 1px solid;
    padding: 10px;
    letter-spacing: 2px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}

#evenementen::before,
.topscrol::before { 
    display: block; 
    content: " "; 
    margin-top: -250px; 
    height: 250px; 
    visibility: hidden; 
    pointer-events: none;
  }