/* === Listen-Blockstil "Checkmark" ===

   Twentytwentyfour setzt fuer ul.is-style-checkmark-list ein Unicode-Haekchen
   ueber list-style-type: "\2713". Hier wird stattdessen das eigene SVG aus
   assets/icons/check-circle.svg verwendet.

   Umgesetzt mit mask statt background-image: dadurch bleibt das Icon ueber
   background-color einfaerbbar. Fuer die Farbe des Textes stattdessen
   "background-color: currentColor" setzen. */

ul.is-style-checkmark-list {
    list-style: none !important;
    padding-inline-start: 0 !important;
}

ul.is-style-checkmark-list li {
    position: relative !important;
    /* 50px Icon + 12px Abstand zum Text */
    padding-inline-start: 62px !important;
    min-height: 50px;
}

ul.is-style-checkmark-list li::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    /* mittig zur ersten Textzeile: 0.75em entspricht etwa der halben
       Zeilenhoehe, das Icon wird darauf zentriert */
    top: 0.75em;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background-color: #999999;
    -webkit-mask: url("../icons/check-circle.svg") no-repeat center / contain;
    mask: url("../icons/check-circle.svg") no-repeat center / contain;
}