/* 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;
}




#passwordform {
visibility: hidden;

}
#passwordform::before {
  content: "Das Passwort kann im Menü geändert werden, das erscheint, wenn man rechts oben auf seine Initialen klickt.";
  display: block;
  margin-top: 8px;
  font-size: 0.9rem;
  color: #555;
}


/* 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;
}
}

/* Roundcube-iframe in Nextcloud:
   Höhe so, dass der untere Rand des iframes = unterer Rand des sichtbaren Bildschirms */

:root {
  --nc-header-height: 50px;
}

/* Container-Kette auf berechnete Höhe */
#content-vue.app-mail_roundcube,
#app-content-vue.mail_roundcube-content-container,
.mail_roundcube-container,
.mail_roundcube-frame-wrapper {
  height: calc(100dvh - var(--nc-header-height)) !important;
  max-height: calc(100dvh - var(--nc-header-height)) !important;
  min-height: calc(100dvh - var(--nc-header-height)) !important;
  overflow: hidden !important;
}

/* Wrapper als Grid, damit iframe-Attribute ignoriert werden */
.mail_roundcube-frame-wrapper {
  display: grid !important;
  width: 100% !important;
}

#mail_roundcube-frame {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  grid-area: 1 / 1 !important;
  border: 0 !important;
  display: block !important;
}