.loff-blocks-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -10px; /* Negative margin om ruimte tussen de blokken te verwijderen */
}

.loff-block-item {
    flex: 1 1 calc(33.333% - 20px); /* Elke kolom is 33.33% breed, met wat ruimte tussen de blokken */
    margin: 10px;
    padding: 20px;
    box-sizing: border-box;
}

/* Responsive Grid: Op mobiel worden de blokken 100% breed */
@media (max-width: 768px) {
    .loff-block-item {
        flex: 1 1 100%; /* Elk blok wordt 100% breed op mobiele apparaten */
    }
}

/* Toevoegen van de rechts uitgelijnde link */
.loff-block-link {
    margin-top: 2em;
    width: 100%; /* Zorgt ervoor dat de link over de volledige breedte van de container gaat */
    text-align: right; /* De link wordt rechts uitgelijnd */
}

.loff-block-link-text{
    font-size: 2em;
}