/* Passworteingabe und Kontaktmenü ausblenden */
#security-password,li[data-app-id=contacts] {
display:none;
}
@media (min-width: 992px) { 

/* Ausgeblendete Items anzeigen */
#appmenu li.hidden {
    display: inline-block;
}

/* Toggle-Menü (3 Punkte) ausblenden */
#more-apps {
visibility: hidden;
}
Weil jetzt aber etliche Items Platz brauchen, muss der Header variabel werden, das Logo und das rechte Menu sollen oben bleiben

/* Header auf "auto" */
#body-user #header, #body-settings #header, #body-public #header  {
    height: auto;
}

 /* Contact menu nach oben und Platz nach links zu den Items sichern */
#header .header-right {
    align-items: flex-start;
    padding-left: 20px;
}

/* Logo nach oben */
#header .header-left {
    align-items: flex-start;
}
}