chore: Quellcode der bestehenden Angular-Anwendung für die Entwicklung hinzugefügt.

ClientApp/staff-db-ui/src/app/modules/department/department-detail/department-detail.component.scss

@@ -0,0 +1,46 @@
+.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;
+}