.userinfo_name {
    font-weight: 700;
}


.userinfo_group {
font-size: 9px;
padding-bottom: 5px;
}


.userinfo-container {
    display: flex;
    align-items: center; /* Sorgt für vertikale Zentrierung */
    justify-content: space-around; /* Gleichmäßiger Abstand zwischen den Elementen */
    padding: 10px;
    
}

.userinfo-data {
    flex: 1; /* Flexibles Wachstum erlauben, um übrigen Platz zu füllen */
    display: flex; /* Auch dieser Container ist ein Flexbox-Container */
    flex-direction: column; /* Kinder (Name und Gruppe) untereinander anordnen */
}

.userinfo-container .user-details {
    flex-grow: 1;
}

.userinfo-container a {
    margin-right: 15px;
}


.icon_userprofil, .icon_userlogout {
   padding: 15px;
   font-size: 1.8em;
}

.userinfo_name, .userinfo_group {
    flex-grow: 1; /* Lässt den Namen und Gruppentitel den verfügbaren Platz ausfüllen */
}