@charset "UTF-8";
.wp-site-blocks {
  overflow-x: inherit;
}
.wp-site-blocks > main {
  padding-bottom: 0;
}

/*Container Allgemein*/
div {
  display: flex;
  flex-direction: column;
}
div.spalte {
  justify-content: space-between;
  flex-direction: row;
  gap: var(--memy-text-gap);
  align-items: center;
}
div.spalte p {
  flex-basis: 100%;
}

/* Front Page Styles */
#front-page-html {
  display: grid;
  grid-template-columns: 1fr var(--memy-menu-width) var(--memy-container) 1fr;
  background-color: var(--memy-tertiery);
  gap: 0;
  flex-grow: 1;
  max-height: calc(100vh - var(--memy-header-height));
}
#front-page-html > div {
  height: calc(100vh - var(--memy-header-height));
  height: calc(100dvh - var(--memy-header-height));
}
#front-page-html .space-left {
  background: var(--memy-primary);
  padding-bottom: var(--memy-padding-root);
}
#front-page-html .wp-block-template-part.user-menu {
  background: var(--memy-primary);
  align-items: flex-end;
}
#front-page-html .wp-block-template-part.user-content {
  padding: var(--memy-padding-root);
}
#front-page-html .wp-block-template-part.user-content #memy-user-content-wrapper {
  overflow: hidden;
  min-height: 100%;
}

/**
*   Menu
**/
#memy-user-menu {
  height: 100%;
  padding: var(--memy-padding-root);
  gap: var(--memy-padding-root);
}
#memy-user-menu h1 {
  height: var(--memy-kachel-height);
  margin-bottom: 0;
  background-image: url(../imgs/MMSI_Logo_Desktop.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center var(--memy-padding-root);
  min-width: 138px;
}
#memy-user-menu h1 small {
  display: none;
}
@media (max-width: 601px) {
  #memy-user-menu h1 {
    background-image: url(../imgs/MMSI-Logo_Mobile.svg);
    max-height: 30px;
  }
}
#memy-user-menu #menu {
  flex: 1;
  display: flex;
  flex-direction: column;
}
#memy-user-menu #menu p {
  cursor: default;
}
#memy-user-menu #menu .wp-block-list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--memy-list-gap);
  height: 100%;
}
#memy-user-menu #menu .wp-block-list li {
  cursor: pointer;
  display: flex;
  gap: var(--memy-text-gap);
}
#memy-user-menu #menu .wp-block-list li .mmsi-icon {
  top: 1px;
}
#memy-user-menu #menu .wp-block-list li span {
  transition: all 0.3s ease;
}
#memy-user-menu #menu .wp-block-list li:hover span {
  transform: translateX(10px);
}
#memy-user-menu #menu .wp-block-list form .mmsi-icon {
  top: 2px;
}
#memy-user-menu #menu #logout-form {
  display: flex;
  gap: var(--memy-text-gap);
}
#memy-user-menu #menu #logout-form .icon-logout-btn {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: inherit;
  font-size: inherit;
  margin-top: 0px;
  transition: all 0.3s ease;
  position: absolute;
  padding-left: 30px;
}
#memy-user-menu #menu #logout-form:hover input {
  transform: translateX(10px);
}

/**
*   Content
*/
.user-content {
  /*Dashboard*/
}
.user-content .memy-dash-wrapper > div .tile-wrapper {
  gap: var(--memy-padding-root);
}
.user-content .memy-dash-wrapper > div .tile-wrapper > .spalte {
  gap: var(--memy-padding-root);
  align-items: stretch;
}
.user-content .memy-dash-wrapper > div .tile-wrapper > .spalte > div {
  flex: 1;
}
.user-content .memy-dash-wrapper > div .tile-wrapper > .spalte {
  /* -> dashboard.scss */
}
.user-content {
  /*Einstellungen*/
}
/**
*   Zurückbutton
*/
#goback {
  --memy-backbutton-verschieben: calc((var(--memy-menu-min-width) + (2 * var(--memy-padding-root))) * -1);
  display: flex;
  justify-content: center;
  margin-bottom: var(--memy-padding-root);
  font-size: 14px;
  margin-top: auto;
}

/* Only Desktop*/
@media screen and (min-width: 1119px) {
  body .wp-site-blocks .only-desktop {
    display: none;
  }
}
/* Scrollbar zur Höhe für Dashboard*/
@media screen and (max-height: 768px) {
  .user-content .memy-dash-wrapper > div .tile-wrapper {
    overflow-y: auto;
  }
}
@media screen and (max-width: 1118px) {
  .user-content .memy-dash-wrapper > div .tile-wrapper {
    overflow-y: auto;
  }
}
/* Tablet*/
@media (max-width: 1118px) {
  .wp-site-blocks > main {
    max-height: none;
  }
  .wp-site-blocks > main .user-content {
    padding-bottom: var(--memy-padding-root);
    max-height: none !important;
  }
  .wp-site-blocks > main .user-content .memy-dash-wrapper > div .tile-wrapper > .spalte {
    flex-direction: column;
  }
  .wp-site-blocks > main .user-content.no-tiles {
    max-height: calc(100vh - var(--memy-header-height)) !important;
    max-height: calc(100dvh - var(--memy-header-height)) !important;
  }
}
@media (max-width: 1023px) {
  body .spalte:not(.is-line):not(.item-headline):not(.dash-item):not(.save-wrapper):not(.inner-main-heading):not(.project-person-mail) {
    flex-direction: column;
    align-items: flex-start;
  }
  body #memy-dashboard .tile {
    width: 100%;
  }
  body .half-width,
  body .flex-one {
    width: 100%;
  }
}
@media (max-width: 834px) {
  #front-page-html {
    grid-template-columns: var(--memy-menu-width) var(--memy-container);
  }
  #front-page-html > div:not(.wp-block-template-part) {
    display: none;
  }
}/*# sourceMappingURL=struktur.css.map */