.richard-quote-wrapper {
    position: relative;
    max-width: 800px;
    margin: 40px auto;
    padding: 0 20px;
    overflow: hidden;
}

.richard-quote-text {
    font-size: 32px;
    line-height: 1.4;
    text-align: center;
    font-style: italic;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.richard-quote-overlay {
    color: #333333;
    z-index: 1;
}

.richard-quote-main {
    z-index: 2;
    clip-path: inset(0 var(--clip-position) 0 0);
}

.richard-quote-main.white {
    color: #FFFFFF;
}

.richard-quote-main.dark {
    color: #000000;
}

/* Nodig voor de juiste hoogte van de wrapper */
.richard-quote-spacer {
    font-size: 32px;
    line-height: 1.4;
    visibility: hidden;
    margin: 0;
    padding: 0;
}

.richard-titel.small {
    text-align: center;
    margin-top: 20px;
    font-size: 20px;
}