@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;
  }

  mat-row.mat-row:has(.mobile-label),
  mat-row.mat-row:has(app-center-center-partners),
  mat-row.mat-row:has(app-center-clinic-centers) {
    border-radius: .75rem !important;
    box-shadow: 0 .55rem 2rem rgba(0, 0, 0, 0.2);
    border: none;
    margin-bottom: 1rem;
    background: #fff;
    overflow: hidden;
    display: block !important;
  }

  /*mat-row.mat-row:not(:has(.mobile-label)),*/
  mat-row.mat-row:not(:has(app-center-center-partners)):not(:has(app-center-clinic-centers)) {
    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 !important;
    text-align: left;
    font-weight: bold;
    padding-right: 1rem;
    flex-grow: 1;
    align-self: center;
    hyphens: auto;
    min-width: 6rem;
  }

  .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-cnt1cp 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 0 .75rem .75rem;
    margin-bottom: -2rem;

    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);
  }

  mat-row:has(mat-cell.is-active) {
    background: var(--color-green-3) !important;
  }

  mat-row:has(.cdk-column-expandedDetail) {
    padding-top: 0;
    border-radius: 0 0 .75rem !important;
    overflow: hidden;
    margin-top: -4rem;
  }

  mat-table.mat-table.subTable {
    display: flex;
    gap: 1rem;
    overflow: auto;
  }

  mat-table.mat-table.subTable mat-row {
    min-width: 270px;
    box-shadow: none;
  }
}

@container map-or-table-wrapper-patient-popup (width < 950px) {
  .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;
  }

  mat-row.mat-row:has(.mobile-label),
  mat-row.mat-row:has(app-center-center-partners) {
    border-radius: .75rem !important;
    box-shadow: 0 .55rem 2rem rgba(0, 0, 0, 0.2);
    border: none;
    margin-bottom: 1rem;
    background: #fff;
    overflow: hidden;
    display: block !important;
  }

  mat-row:not(:has(.mobile-label)),
  mat-row:not(:has(app-center-center-partners)) {
    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 !important;
    text-align: left;
    font-weight: bold;
    padding-right: 1rem;
    flex-grow: 1;
    align-self: center;
    hyphens: auto;
    min-width: 6rem;
  }

  .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-cnt1cp 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 0 .75rem .75rem;
    margin-bottom: -2rem;

    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);
  }

  mat-row:has(mat-cell.is-active) {
    background: var(--color-green-3) !important;
  }

  mat-row:has(.cdk-column-expandedDetail) {
    padding-top: 0;
    border-radius: 0 0 .75rem !important;
    overflow: hidden;
    margin-top: -4rem;
  }

  mat-table.mat-table.subTable {
    display: flex;
    gap: 1rem;
    overflow: auto;
  }

  mat-table.mat-table.subTable mat-row {
    min-width: 270px;
    box-shadow: none;
  }
}

@container map-or-table-wrapper (width < 768px) {

  .tabledropdown {
    max-width: calc(100vw - 2rem);
  }

  mat-table.mat-table.subTable mat-row {
    min-width: 62vw;
  }

  mat-table.mat-table.subTable mat-row mat-cell {
    font-size: 0.7rem !important;
  }
}