@charset "UTF-8";
/*Buttons*/
.wp-block-file__button,
button,
input[type=submit]:not(.icon-logout-btn),
.memy-button {
  display: flex;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  border: var(--memy-border);
  padding: var(--memy-padding-button);
  gap: 5px;
  text-transform: uppercase;
}
.wp-block-file__button h5,
button h5,
input[type=submit]:not(.icon-logout-btn) h5,
.memy-button h5 {
  flex: 1;
}
.wp-block-file__button[disabled],
button[disabled],
input[type=submit]:not(.icon-logout-btn)[disabled],
.memy-button[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
}
.wp-block-file__button,
button,
input[type=submit]:not(.icon-logout-btn),
.memy-button {
  /*kleine Buttons, wie zurück, oder speichern*/
}
.wp-block-file__button:not(.full-width) :not(.contact-person-mail) :not(.memy-file-actions > button) :not(#kunden-section > div > button) :not(#vertreter-section > div > button),
button:not(.full-width) :not(.contact-person-mail) :not(.memy-file-actions > button) :not(#kunden-section > div > button) :not(#vertreter-section > div > button),
input[type=submit]:not(.icon-logout-btn):not(.full-width) :not(.contact-person-mail) :not(.memy-file-actions > button) :not(#kunden-section > div > button) :not(#vertreter-section > div > button),
.memy-button:not(.full-width) :not(.contact-person-mail) :not(.memy-file-actions > button) :not(#kunden-section > div > button) :not(#vertreter-section > div > button) {
  background-color: var(--memy-secondary);
  color: var(--memy-primary);
}
.wp-block-file__button:not(.full-width) :not(.contact-person-mail) :not(.memy-file-actions > button) :not(#kunden-section > div > button) :not(#vertreter-section > div > button) i,
button:not(.full-width) :not(.contact-person-mail) :not(.memy-file-actions > button) :not(#kunden-section > div > button) :not(#vertreter-section > div > button) i,
input[type=submit]:not(.icon-logout-btn):not(.full-width) :not(.contact-person-mail) :not(.memy-file-actions > button) :not(#kunden-section > div > button) :not(#vertreter-section > div > button) i,
.memy-button:not(.full-width) :not(.contact-person-mail) :not(.memy-file-actions > button) :not(#kunden-section > div > button) :not(#vertreter-section > div > button) i {
  filter: invert(1);
}
.wp-block-file__button > a,
button > a,
input[type=submit]:not(.icon-logout-btn) > a,
.memy-button > a {
  color: var(--memy-secondary);
}
.wp-block-file__button:focus, .wp-block-file__button:active, .wp-block-file__button:hover,
button:focus,
button:active,
button:hover,
input[type=submit]:not(.icon-logout-btn):focus,
input[type=submit]:not(.icon-logout-btn):active,
input[type=submit]:not(.icon-logout-btn):hover,
.memy-button:focus,
.memy-button:active,
.memy-button:hover {
  background-color: var(--memy-border-hover-bg);
  color: var(--memy-secondary);
}
.wp-block-file__button:focus.contact-person-mail, .wp-block-file__button:focus.memy-file-actions > button, .wp-block-file__button:active.contact-person-mail, .wp-block-file__button:active.memy-file-actions > button, .wp-block-file__button:hover.contact-person-mail, .wp-block-file__button:hover.memy-file-actions > button,
button:focus.contact-person-mail,
button:focus.memy-file-actions > button,
button:active.contact-person-mail,
button:active.memy-file-actions > button,
button:hover.contact-person-mail,
button:hover.memy-file-actions > button,
input[type=submit]:not(.icon-logout-btn):focus.contact-person-mail,
input[type=submit]:not(.icon-logout-btn):focus.memy-file-actions > button,
input[type=submit]:not(.icon-logout-btn):active.contact-person-mail,
input[type=submit]:not(.icon-logout-btn):active.memy-file-actions > button,
input[type=submit]:not(.icon-logout-btn):hover.contact-person-mail,
input[type=submit]:not(.icon-logout-btn):hover.memy-file-actions > button,
.memy-button:focus.contact-person-mail,
.memy-button:focus.memy-file-actions > button,
.memy-button:active.contact-person-mail,
.memy-button:active.memy-file-actions > button,
.memy-button:hover.contact-person-mail,
.memy-button:hover.memy-file-actions > button {
  background-color: var(--memy-secondary);
  color: var(--memy-primary);
}
.wp-block-file__button:focus.contact-person-mail i, .wp-block-file__button:focus.memy-file-actions > button i, .wp-block-file__button:active.contact-person-mail i, .wp-block-file__button:active.memy-file-actions > button i, .wp-block-file__button:hover.contact-person-mail i, .wp-block-file__button:hover.memy-file-actions > button i,
button:focus.contact-person-mail i,
button:focus.memy-file-actions > button i,
button:active.contact-person-mail i,
button:active.memy-file-actions > button i,
button:hover.contact-person-mail i,
button:hover.memy-file-actions > button i,
input[type=submit]:not(.icon-logout-btn):focus.contact-person-mail i,
input[type=submit]:not(.icon-logout-btn):focus.memy-file-actions > button i,
input[type=submit]:not(.icon-logout-btn):active.contact-person-mail i,
input[type=submit]:not(.icon-logout-btn):active.memy-file-actions > button i,
input[type=submit]:not(.icon-logout-btn):hover.contact-person-mail i,
input[type=submit]:not(.icon-logout-btn):hover.memy-file-actions > button i,
.memy-button:focus.contact-person-mail i,
.memy-button:focus.memy-file-actions > button i,
.memy-button:active.contact-person-mail i,
.memy-button:active.memy-file-actions > button i,
.memy-button:hover.contact-person-mail i,
.memy-button:hover.memy-file-actions > button i {
  filter: invert(1);
}
.wp-block-file__button:focus a,
.wp-block-file__button:focus i, .wp-block-file__button:active a,
.wp-block-file__button:active i, .wp-block-file__button:hover a,
.wp-block-file__button:hover i,
button:focus a,
button:focus i,
button:active a,
button:active i,
button:hover a,
button:hover i,
input[type=submit]:not(.icon-logout-btn):focus a,
input[type=submit]:not(.icon-logout-btn):focus i,
input[type=submit]:not(.icon-logout-btn):active a,
input[type=submit]:not(.icon-logout-btn):active i,
input[type=submit]:not(.icon-logout-btn):hover a,
input[type=submit]:not(.icon-logout-btn):hover i,
.memy-button:focus a,
.memy-button:focus i,
.memy-button:active a,
.memy-button:active i,
.memy-button:hover a,
.memy-button:hover i {
  filter: invert(0);
}
.wp-block-file__button:focus i.mmsi-icon.delete, .wp-block-file__button:active i.mmsi-icon.delete, .wp-block-file__button:hover i.mmsi-icon.delete,
button:focus i.mmsi-icon.delete,
button:active i.mmsi-icon.delete,
button:hover i.mmsi-icon.delete,
input[type=submit]:not(.icon-logout-btn):focus i.mmsi-icon.delete,
input[type=submit]:not(.icon-logout-btn):active i.mmsi-icon.delete,
input[type=submit]:not(.icon-logout-btn):hover i.mmsi-icon.delete,
.memy-button:focus i.mmsi-icon.delete,
.memy-button:active i.mmsi-icon.delete,
.memy-button:hover i.mmsi-icon.delete {
  background-image: url(../icons/MMSI_Icon_DELETE-OPEN.svg);
}
.wp-block-file__button:focus i.mmsi-icon.download, .wp-block-file__button:active i.mmsi-icon.download, .wp-block-file__button:hover i.mmsi-icon.download,
button:focus i.mmsi-icon.download,
button:active i.mmsi-icon.download,
button:hover i.mmsi-icon.download,
input[type=submit]:not(.icon-logout-btn):focus i.mmsi-icon.download,
input[type=submit]:not(.icon-logout-btn):active i.mmsi-icon.download,
input[type=submit]:not(.icon-logout-btn):hover i.mmsi-icon.download,
.memy-button:focus i.mmsi-icon.download,
.memy-button:active i.mmsi-icon.download,
.memy-button:hover i.mmsi-icon.download {
  background-image: url(../icons/MMSI_Icon_WEITER-DOWN.svg);
}
.wp-block-file__button.loading,
button.loading,
input[type=submit]:not(.icon-logout-btn).loading,
.memy-button.loading {
  pointer-events: none;
}
.wp-block-file__button.loading .speichern,
button.loading .speichern,
input[type=submit]:not(.icon-logout-btn).loading .speichern,
.memy-button.loading .speichern {
  background-image: url(../icons/MMSI_Icon_RESET.svg);
  animation: drehen 3s linear infinite;
}
@keyframes drehen {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

.dash-goto-btn,
.goto-btn,
#goback {
  cursor: pointer;
}

.goto-btn.full-width:hover i:last-child {
  transform: translateX(10px);
}

.button-arrow {
  cursor: pointer;
  padding-right: 40px;
}
.button-arrow::after {
  content: "";
  background-image: url(../icons/MMSI_Icon_PFEIL-BUTTON.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 10px;
  height: 100%;
  width: 31px;
  display: block;
  transition: all 0.3s ease;
  filter: invert(1);
}
.button-arrow:hover::after {
  transform: translateX(10px);
  filter: invert(0);
}

.short-button {
  max-width: 290px !important;
}

/*WeißeButtons die Lila werden*/
.contact-person-mail:hover i:last-child {
  transform: translateX(10px);
}

/*kleines Info Feld*/
.memy-short-info {
  display: inline-block;
  border: var(--memy-border);
  padding: var(--memy-padding-button);
}

/*info Popup*/
.haspopup-info {
  cursor: pointer;
}

.info-popup-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--memy-primary) 50;
  backdrop-filter: blur(3px);
  z-index: 10;
}
.info-popup-wrap .close-btn {
  padding: var(--memy-padding-inner-container);
  align-items: center;
  justify-content: center;
  right: 0;
  position: absolute;
  cursor: pointer;
  transition: all 0.3s ease;
}
.info-popup-wrap .close-btn:hover {
  transform: rotate(360deg);
}
.info-popup-wrap .content {
  position: absolute;
  background-color: var(--memy-primary);
  border: var(--memy-border);
  padding: var(--memy-padding-small-dashbox);
  width: 325px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.info-popup-wrap .content .title {
  margin-bottom: 10px;
}
.info-popup-wrap.delete-popup .content {
  text-align: center;
  width: auto;
}
.info-popup-wrap.delete-popup .content .title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.info-popup-wrap.delete-popup .content .spalte {
  justify-content: space-evenly;
}
.info-popup-wrap.show {
  display: block;
}

/*ShowMessage Container*/
.message-container {
  position: absolute;
  z-index: 11;
  padding: 20px;
  top: calc((40px + var(--memy-padding-root)) * -1);
  border: 1px solid var(--memy-secondary);
  background: var(--memy-primary);
  transition: all 1s ease;
  opacity: 0;
  visibility: hidden;
  margin-right: auto;
  margin-left: auto;
  left: var(--memy-padding-root);
  right: 0;
  text-align: center;
  max-width: 50%;
}
.message-container.show {
  top: 0;
  opacity: 1;
  visibility: visible;
}
.message-container .fail {
  color: #d10000;
}

/*Development*/
.disabled,
pre {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

/*Block Container*/
div, p {
  box-sizing: border-box;
  margin-bottom: 0;
}

/*Der Overflowcontainer*/
.overflow-wrapper {
  --overflow-shadow-abstand: calc(20px + var(--memy-padding-inner-container-side));
  padding-bottom: var(--overflow-shadow-abstand);
  overflow-y: auto;
  /*Scrollbar*/
  --scroll-bg:rgba(255, 255, 255, 0)
  scrollbar-width: 2px;
  scrollbar-color: rgba(0, 0, 0, 0.6) var(--scroll-bg);
  /* WebKit (Chrome, Edge, Safari) */
}
.overflow-wrapper::-webkit-scrollbar {
  width: thin;
}
.overflow-wrapper::-webkit-scrollbar-track {
  background: rgba(204, 204, 204, 0.262745098);
  left: 15px;
}
.overflow-wrapper::-webkit-scrollbar-thumb {
  background: var(--memy-secondary) 54;
  border-radius: 2px;
}
.overflow-wrapper::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 0, 0, 0.3294117647);
}

/*Mehrer Button Elemente untereinander*/
#memy-dashboard .settings-labels {
  gap: var(--memy-list-gap);
}
#memy-dashboard .settings-labels > div {
  min-width: 200px;
}
#memy-dashboard .settings-labels.add-trenner > div:not(:last-child) {
  padding-bottom: 10px;
  border-bottom: var(--memy-trenner);
}

/*Nummern Eingabe*/
.number-input {
  gap: 5px;
  flex-direction: row;
  align-items: center;
}
.number-input input[type=number] {
  min-width: 65px; /*wegen max Val*/
  width: 65px;
  -moz-appearance: textfield;
}
.number-input input[type=number]::-webkit-inner-spin-button, .number-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.number-input .input-number-arrows {
  position: absolute;
  right: 3px;
  display: flex;
  height: 100%;
  justify-content: space-between;
}
.number-input .input-number-arrows i {
  cursor: pointer;
  height: 15px;
  background-position: -12px center;
}
.number-input .input-number-arrows i.pfeil-oben:hover {
  transform: rotate(270deg) scale(0.8);
}
.number-input .input-number-arrows i.pfeil-unten:hover {
  transform: rotate(-270deg) scale(0.8);
}

/*Weiten*/
.full-width {
  width: 100%;
}

.half-width {
  width: 50%;
}

.quarter-width {
  width: 25%;
}

.three-quarters-width {
  width: 75%;
}

.flex-one {
  flex: 1;
}

.full-height {
  height: 100%;
}

.centered {
  margin: 0 auto;
  text-align: center;
}
.centered button {
  justify-content: center;
}

/*Kontakt Status*/
.status-contact-person {
  top: -2px;
  background: var(--memy-border-hover-bg);
  color: var(--memy-secondary);
  left: 10px;
  max-width: 125px !important;
  font-size: 10px;
  text-transform: uppercase;
  padding: 10px;
}

.gotocontacts-wrapper button {
  display: flex;
  justify-content: space-between;
}

.justify-center {
  justify-content: center !important;
}

/*Tabelle*/
table.table-aktivitaeten {
  --scroll-bg:rgba(255, 255, 255, 0)
  scrollbar-width: 2px;
  scrollbar-color: rgba(0, 0, 0, 0.6) var(--scroll-bg);
  /* WebKit (Chrome, Edge, Safari) */
}
table.table-aktivitaeten::-webkit-scrollbar {
  width: thin;
}
table.table-aktivitaeten::-webkit-scrollbar-track {
  background: rgba(204, 204, 204, 0.262745098);
  left: 15px;
}
table.table-aktivitaeten::-webkit-scrollbar-thumb {
  background: var(--memy-secondary) 54;
  border-radius: 2px;
}
table.table-aktivitaeten::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 0, 0, 0.3294117647);
}
table.table-aktivitaeten tr th {
  text-align: left;
}
table.table-aktivitaeten tr th, table.table-aktivitaeten tr td {
  height: 50px;
}
table.table-aktivitaeten tr th.edit-column, table.table-aktivitaeten tr td.edit-column {
  display: flex;
  justify-content: center;
}
table.table-aktivitaeten tr th.edit-column button, table.table-aktivitaeten tr td.edit-column button {
  border: none;
}
table.table-aktivitaeten tr td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 290px !important;
}
table.table-aktivitaeten tr td:nth-child(1) {
  max-width: 115px !important;
}
table.table-aktivitaeten .clickable-row {
  cursor: pointer;
}
table.table-aktivitaeten .clickable-row:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.info-popup-wrap.activitaeten-info .content {
  width: calc(100% - var(--memy-padding-root));
  max-width: 1000px;
}

/*First-Step und Safe TXT-File*/
#checkvalues-safeinfo,
#checkvalues-safeinfo-soft,
#checkvalues-adress,
#checkvalues-kontakt {
  gap: var(--memy-list-gap);
}

#checkvalues-safeinfo input {
  border-left: 6px solid var(--memy-secondary);
  background-color: var(--memy-border-hover-bg);
}

/*KundenButton*/
button[data-goto=kundenkontakte] {
  margin-right: 25px;
}

.checklist-bearbeiten-wrap {
  gap: var(--memy-text-gap);
}
.checklist-bearbeiten-wrap h4 {
  padding-top: 40px;
  border-top: 1px solid var(--memy-trenner-color);
  margin-top: 30px;
  margin-bottom: 5px;
}/*# sourceMappingURL=elemente.css.map */