.EmployeeList {
  padding: 0 0 0; // no extra padding -> padding is calculated in the child comp
  margin: 0; // see above
  overflow: hidden; // overflow hidden => all "to big" child components are hidden
  display: grid; // we define a grid
  width: 100%; // 100 % view width (hardware screen)
  height: 100%; // 100% view height
  grid-template-rows: auto minmax(0, 1fr); // row relationships
  grid-template-columns: minmax(0, 1fr); // column relationship
  grid-row-gap: 7px;
  grid-template-areas:
    'filter'
    'grid';
}

.FilterComponent {
  grid-area: filter; // grid area: auto height 1fr width
  margin: 0 0 0 0;
}


.card {
  grid-area: grid;
  width: 100%;
  padding: 0px;
  margin: 0;
  border-radius: 0px;
  box-shadow: none;
}

.gridEmployee {
  position: absolute; // position absolut ist hier zwingend! Die position ist absolut innerhalb mehrerer parent divs und darf sich NICHT über diese hinausstrecken.
  height: 100%;
  width: 100%;
  padding-left: 1px;
  padding-right: 1px;
  padding-bottom: 1px;
}
