.custom-check-icon {
    width: 64px;
    height: 64px;
    border: 3px solid #198754;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .custom-check-icon i {
        font-size: 32px;
        color: #198754;
    }

.green-box-icon {
    width: 64px;
    height: 64px;
    background-color: #198754; /* Bootstrap success green */
    border-radius: 50%; /* Kreisform */
    display: flex;
    align-items: center;
    justify-content: center;
}

    .green-box-icon i {
        font-size: 32px;
        color: white; /* Weißer Haken */
    }