div[data-color] ul {
    list-style-type: none !important;
}

div[data-color] ul li {
    position: relative;
}


.colorful-text > p {
    margin-bottom: 0;
}

.custom-list-style:before {
    position: absolute;
    top: 3px;
    vertical-align: middle;
    content: "";
    width: 15px;
    height: 15px;
    font-weight: bold;
    margin-left: -25px;
}

.circle:before {
    border-radius: 50%;
}

.grun::before {
    background: #94c351;
}

.rot::before {
    background: #ea5167;
}

.cyna::before {
    background: #00a4b1;
}

.gelb::before {
    background: #fdc41f;
}

.hellblau::before {
    background: #169fdb;
}

.blau::before {
    background: #023367;
}

.indigo::before {
    background: #27275b;
}

.codgray::before {
    background: #151515;
}


/************************* Circle content  *****************/