@container map-or-table-wrapper (width < 1350px) {
  .sh.table-wrapper {
    background: none !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .mat-table {
    background: none !important;
    padding: 0 !important;
  }

  .tabledropdown {
    max-width: calc(100vw - var(--sidebar-width) - 3rem);
  }

  .sh.table-wrapper {
  / / width: 100 %;
  }

  mat-header-row {
    display: none !important;
  }

  mat-row.mat-row {
    display: block !important;
    width: 100%;
    padding: 1rem;

    &:has(.mobile-label) {
      border-radius: 0.75rem;
      box-shadow: 0 .55rem 2rem rgba(0, 0, 0, 0.2);
      border: none;
      margin-bottom: 1rem;
      background: #fff;
    }
  }

  mat-row:not(:has(.mobile-label)) {
    display: none !important;
  }

  mat-cell.mat-cell {
    display: flex;
    width: 100%;
    flex-direction: row;
    padding: 6px 4px 4px;

    &.cdk-column-expandedDetail {
      margin: 0;
      padding: 0;
    }

    &:not(.cdk-column-expandedDetail) {
      border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    }
  }

  .mobile-label {
    display: block;
    text-align: left;
    font-weight: bold;
    padding-right: 1rem;
    flex-grow: 1;
    align-self: center;

  }

  .cell-inner {
    text-align: right;
    max-width: 55vw;

    > a {
      color: #ec7721;
      cursor: pointer;
    }
  }

  .cdk-column-organ {
    padding-right: 4px !important;
  }

  .mat-column-cnt1 span,
  .mat-column-cnt2 span {
    text-align: center;
    display: inline-block;
  }

  .tabledropdown {
    width: 100vw;
    padding: 1rem 2rem;
    margin-top: -4rem;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
    border-radius: 0.75rem;

    mat-table {
    / / box-shadow: 0 2 px 10 px 1 px rgba(0, 0, 0, 0.15);
    }

    .mat-table {
      background: none;
    }

    .left-col,
    .right-col {
      table {
        td:nth-child(2) {
          text-align: right;
        }
      }
    }
  }

  mat-row:hover {
    background: #fff !important;
  }

  .center-certtypes-tooltip,
  .center-organ-tooltip,
  .center-addons-tooltip,
  .partner-contact-tooltip {
    max-width: 100vw !important;
    width: 100vw !important;
    right: auto;
    left: 0;
    position: fixed;
    margin-top: 30px;
  }

  .cdk-overlay-pane {

    .mat-dialog-container {
      min-width: 92vw;
      margin-left: -6vw;
      min-height: 92vh;
      margin-top: -5vh;
      padding: 0 !important;
    }

    .tabledropdown {
      width: 100%;
      padding: 1rem .5rem;
    }
  }

  app-cnonco-cnonco-centersandpartners {
    .tabledropdown .info-row {
      padding-bottom: 5rem;
    }
  }

  app-cnonco-cnonco-centersandpartners {
    .cdk-column-organ {
      padding-right: 1rem;

      .icon {
        position: relative;
        float: right;
        margin-right: -1rem;
      }
    }
  }

  .geltungs-btn {
    position: relative;
    padding: 1rem 0;
    display: block;
  }

  .table-footer-wrapper {
    border-radius: 1rem;
    overflow: clip;
    box-shadow: 0 .55rem 2rem rgba(0, 0, 0, 0.2);
  }
}