.ConfigContainer {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "profile"
    "other-settings"
    "admin-settings"
    ;
  overflow: hidden;
  grid-gap: 0.9em;
}

.profile {
  grid-area: profile;
}

.admin-settings {
  grid-area: admin-settings;
  height: fit-content;
}

.other-settings {
  grid-area: other-settings;
}

.admin-content{
  display: grid;
  grid-template-columns: 250px 1fr;
  grid-template-areas: "admin-std admin-custom";
  grid-gap: 0.5em;
  column-gap: 2em;
  overflow: hidden;
}

.admin-custom {
  grid-area: admin-custom;
}

.setting-card {
  margin-left: 1px;
  margin-right: 2px !important;
  margin-top: 1px;
  margin-bottom: 1px;
}

.abstand {
  margin-bottom: 10px;
}

.logout {
  margin-left: auto;
  font-size: large;
  padding-right: 15px !important;
  padding-left: 15px !important;}

.logout-icon {
  vertical-align: middle;
  margin-right: 10px;
}

.profile-content {
  width: 100%;
  height: calc(100% - 38px);
  display: grid;
  grid-template-rows: auto auto auto;
  grid-template-columns: 250px auto 1fr;
  grid-template-areas:
    "user-name culture_section profile-custom"
    "user-loginname culture_section profile-custom"
    "language culture_section profile-custom";
  overflow: hidden;
  grid-gap: 0.5em;
  column-gap: 2em;
}

.profile-custom {
  grid-area: profile-custom;
}

.user-name {
  grid-area: user-name;
}

.user-loginname {
  grid-area: user-loginname;
}

.culture_section {
  grid-area: culture_section;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: repeat(4, auto);
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "culture culture"
    "sample-date-capt sample-date"
    "sample-weight-capt sample-weight"
    "sample-price-capt sample-price";
  overflow: hidden;
  grid-gap: 0.5em;
  column-gap: 1em;
}


.culture {
  grid-area: culture;
  width: 250px;
}

.user-name {
  grid-area: user-name;
}

.sample-date-capt {
  grid-area: sample-date-capt;
}

.sample-date {
  grid-area: sample-date;
}

.sample-weight-capt {
  grid-area: sample-weight-capt;
}

.sample-weight {
  grid-area: sample-weight;
}

.sample-price-capt {
  grid-area: sample-price-capt;
}

.sample-price {
  grid-area: sample-price;
}


.language {
  grid-area: language;
}

::ng-deep .ConfigContainer .mat-card-header-text {
  margin-left: 0px;
}
