bulleted list dots quick css

this is not possible in this way – but you can erase the list-style on that case and insert with pseudo class dots.
Great advantage of that method : you can have a different color and size than the font settings:

give a custom class to your text-block where you have placed the list
f.e.: smaller-dots
see here: https://webers-testseite.de/listpoints/

.smaller-dots ul {
    list-style: none outside;
}

.avia_textblock.smaller-dots ul {
    line-height: 1.4em;
}

.smaller-dots ul li::before {
    content: "\2022";
    padding-right: 10px;
    color: red;
}

by the way: if you like to have different “signs” in front of your list : http://unicode.e-workers.de/entities.php

the hexadezimal code is good for that
for bullet the code is : &#x2022 with ; content than is content: "\2022";
for » choose : content:"\00BB" etc

so for Johann Müller you gave the class smalldot to ul try this
(but this you have to do now manually – if you gave the class to text-block alb element you can do that via Input field – described above

you can see here that i can simulate the results by clicking the screen-film: https://webers-testseite.de/listpoints/
(the code comes to quick css – but for the simulation i alway use in developer tools a nearly empty css file)

 ul.normaldot {
    list-style: none outside;
}

.avia_textblock ul.normaldot {
    line-height: 1.2em;
}

ul.normaldot li::before {
    content: "\2022";
    padding-right: 5px;
    color: red;
    font-size: 18px !important;
}

.entry-content-wrapper .normaldot li {
    margin-left: 0;
  display: flex
}

the “list-point” size goes than via font-size – the different color you can delete

by the way if you want to have only simple separators on text-blocks :
just use <hr> it does not need a closing tag

i see some open divs with no closing tags. – because of use the enfold hr and deleting some entries on edit ( the lines goes through some texts)

if you like to style it a bit see: https://css-tricks.com/examples/hrs/
you can click there on code to see the css for it
f.e.:
hr.style-two { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }

than use <hr class="style-two"> in your text block (editor mode)

ok ! but now you have to make all of the manual setted “points” in the page to unordered lists !
PPS :

or
hr { margin: 10px 0 }
if there are 4 values it starts top right bottom left
if there are 3 values it is top (left/right) bottom
if there are 2 values it is (top/bottom) (left/right)
if there is 1 value ( all directions )
same shit different name ( and a few bytes less ;) )

and as said before this is the only way to have different colors on list points.
there is no list-style-type-color at all ;)