/* Rode sterretje voor verplichte velden */
.wpcf7-form-control-wrap input.wpcf7-validates-as-required:not(.wpcf7-not-valid) + span.wpcf7-not-valid-tip::before,
.wpcf7-form-control-wrap textarea.wpcf7-validates-as-required:not(.wpcf7-not-valid) + span.wpcf7-not-valid-tip::before,
.wpcf7-form-control-wrap select.wpcf7-validates-as-required:not(.wpcf7-not-valid) + span.wpcf7-not-valid-tip::before {
    content: '*'; /* Het sterretje zelf */
    color: red; /* De kleur rood */
    position: absolute; /* Voor nauwkeurige positionering */
    left: -10px; /* Pas deze waarde aan om de positie van het sterretje te controleren */
    top: 50%; /* Lijn verticaal uit */
    transform: translateY(-50%); /* Corrigeer voor verticale centrering */
    font-weight: bold; /* Maak het sterretje duidelijker */
    font-size: 1.2em; /* Pas de grootte aan indien nodig */
}

/* Algemene labels voor verplichte velden, als je het sterretje direct naast de labeltekst wilt */
.wpcf7-form-control-wrap label abbr.wpcf7-validates-as-required {
    color: red;
    font-weight: bold;
    text-decoration: none; /* Verwijder eventuele onderstreping */
}
.wpcf7-form-control-wrap label abbr.wpcf7-validates-as-required::after {
    content: '*';
    color: red;
    margin-left: 3px; /* Ruimte tussen de tekst en het sterretje */
}

/* Verberg de standaard (verplicht) tekst die CF7 toevoegt als je alleen een sterretje wilt */
.wpcf7-form-control-wrap label span.wpcf7-form-control-wrap-label-required {
    display: none;
}