div.kreis
{
	background-color:rgb(0, 255, 13); /*hintergrundfarbe*/
	width: 1vw; 	/*breite*/
	height: 1vw;	/*höhe*/
	border-radius: 50%;  /*Abgerundete Ecken, in diesem Beispiel tun die 50% ein Kreis darstellen*/
	text-align: center;   /*der Text wird zentriert*/
	border: 0.25vw solid rgb(255, 255, 255);   /*rahmenfarbe*/
    position: absolute;

}

span.name
{
position: absolute; /*Absolute Positionierung - aus dem Textfluss rausgenommen kann frei plaziert werden*/
left: -1vw; /*Abstand von der oberen li. Ecke nach links*/
top: 1vw; /*Abstand von der oberen li. Ecke nach oben*/
color: black;
font-size: 1.5vw;
-webkit-text-stroke: 0.025vw white;

font-weight: 800; /*schriftstärke/-größe*/
}