refactor: adjusted layout of header and footer

src/app/app.component.css

@@ -32,7 +32,21 @@
   display: flex;
   flex-flow: row;
   align-items: center;
-  justify-content: space-between;
+  justify-content: center;
+}
+
+.line > * {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+}
+
+.line > *:first-child {
+  justify-content: start;
+}
+
+.line > *:last-child {
+  justify-content: end;
 }
 
 .main {

src/app/app.component.html

@@ -1,14 +1,22 @@
 <header class="row line">
   <p-image [src]="'assets/dktk.svg'" alt="DKTK"></p-image>
-  <span class="ccp-header">Clinical Communication Platform (CCP)</span>
-</header>
-<router-outlet></router-outlet>
-<footer class="row line">
-  <div></div>
-  <div></div>
   <div>
-    Made with ♥ and <a href="https://git.verbis.dkfz.de/torbens-prototypen/lens">samply/lens-core</a>.
+    <span class="ccp-header">CCP-Explorer</span>
   </div>
   <p-image [src]="'assets/logo-dkfz.svg'" alt="DKFZ"></p-image>
-  <div></div>
+</header>
+<router-outlet></router-outlet>
+<footer class="row line">
+    <span>
+      Nutzungsvereinbarung
+    </span>
+    <span>
+      <a href="mailto:ccp@dkfz.de">ccp@dkfz.de</a>
+    </span>
+    <span>
+      © 2023&nbsp;
+      <a href="https://dktk.dkfz.de/klinische-plattformen/ueber-die-ccp/about-ccp">
+        Clinical Communication Plattform (CCP)
+      </a>
+    </span>
 </footer>