.person {
    top: 0.5vw;
    width: 2vw; /* Breite des Körpers als Prozentsatz der Viewport-Breite */
    height: 1vw; /* Höhe des Körpers, proportional zur Breite */
    background-image: linear-gradient(rgba(95,102,111,1),rgba(29,36,36,1)); 
    position: relative;
    transition: background-image 0.25s ease;
    border-radius: 50% 50% 0% 0%; /* Prozentuale abgerundete Ecken */
}
.person::before {
    content: "";
    position: absolute;
    top: -1.2vw; /* Kopf oberhalb des Körpers positionieren */
    left: 0.5vw; /* Kopf zentrieren */
    width: 1vw; /* Durchmesser des Kopfes */
    height: 1vw; /* Durchmesser des Kopfes */
    background-image: linear-gradient(rgba(95,102,111,1),rgba(29,36,36,1));
    border-radius: 50%; /* Runder Kopf */
}
.person-logged-in {
    background-image: linear-gradient(rgb(0, 255, 42),rgba(29,36,36,1)); 
}
.person-logged-in::before {
    background-image: linear-gradient(rgb(0, 255, 42),rgba(29,36,36,1));
}
/* media */
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 600px) {
    
}