.DepartmentDetails {
  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 repeat(1, minmax(1px, 250px)); // row relationships
  grid-template-columns: minmax(1px, 0.7fr) minmax(1px, 0.7fr) minmax(1px, 0.5fr) minmax(1px, 0.5fr)  minmax(1px, 1fr); // column relationship
  grid-row-gap: 6px;
  grid-column-gap: 10px;
  grid-template-areas:
    'toolbar toolbar toolbar toolbar toolbar'
    'detail documentArtList windreamSearchList windreamSearchItemList windreamIndexList';
  z-index: 10;
  position: relative; //otherwise z-index is not working
}
.WindreamSearchItemList{
  grid-area: windreamSearchItemList;
}

.WindreamIndexList{
  grid-area: windreamIndexList;
}
.WindreamSearchList{
  grid-area: windreamSearchList;
}
.DetailsContent {
  grid-area: detail;
}
.DocumentArtList {
  grid-area: documentArtList;
}

.abstand {
  margin-right: 1px !important;
}

.toolbar {
  grid-area: toolbar;
}

.card {
  padding: 12px;
  margin: 2px 2px 2px 2px;
}