.c100.p100 .slice,.fill,.pie{position:absolute;width:.82em;height:.82em;clip:rect(0,.5em,1em,0);border-radius:50%;-moz-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}
.c100.p100 .bar:after,.c100.p100 .fill,.pie-fill{-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.c100{position:relative;font-size:2.5em;width:1em;height:1em;border-radius:50%;float:left;margin-right: .3em;background-color:#fff}
.c100 *,.c100 :after,.c100 :before{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
.c100>span{position:absolute;width:100%;z-index:1;left:0;top:0;width:5em;line-height:5em;font-size:.2em;color:#3c4761;display:block;text-align:center;white-space:nowrap;-moz-transition-property:all;-o-transition-property:all;-webkit-transition-property:all;transition-property:all;-moz-transition-duration:.2s;-o-transition-duration:.2s;-webkit-transition-duration:.2s;transition-duration:.2s;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.c100:after{position:absolute;top:.09em;left:.09em;display:block;content:" ";border-radius:50%;background-color:#d2d7dd;width:.82em;height:.82em;-moz-transition-property:all;-o-transition-property:all;-webkit-transition-property:all;transition-property:all;-moz-transition-duration:.2s;-o-transition-duration:.2s;-webkit-transition-duration:.2s;transition-duration:.2s;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.c100 .slice{position:absolute;width:1em;height:1em;clip:rect(0,1em,1em,.5em)}
.c100.p100 .bar{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.c100.avatar{margin-right:.15em;font-size:2.9em;}
svg.profilbild-kreis {margin-top: .9em;filter: invert(99%) sepia(9%) saturate(119%) hue-rotate(196deg) brightness(117%) contrast(100%);}
img.profilbild {border-radius: 100%;object-fit: cover;border: 1px solid lightgray;}