optimized ui a little bit and added impressum

src/app/layout/topbar/topbar.component.html

@@ -13,7 +13,7 @@
     <a routerLink="/about" mat-button>{{ 'TOPBAR.ABOUT' | translate }}</a>
     <a routerLink="/projects" mat-button>{{ 'TOPBAR.PROJECTS' | translate }}</a>
     <a routerLink="/hobbies" mat-button>{{ 'TOPBAR.HOBBY' | translate }}</a>
-    <a routerLink="/projects" mat-button>{{ 'TOPBAR.CONTACT' | translate }}</a>
+    <a routerLink="/imprint" mat-button>{{ 'TOPBAR.IMPRINT' | translate }}</a>
   </nav>
 
   <!-- Mobile nav menu button -->
@@ -38,8 +38,8 @@
     <button mat-menu-item routerLink="/hobbys">
       {{ 'TOPBAR.HOBBY' | translate }}
     </button>
-    <button mat-menu-item routerLink="/contact">
-      {{ 'TOPBAR.CONTACT' | translate }}
+    <button mat-menu-item routerLink="/imprint">
+      {{ 'TOPBAR.IMPRINT' | translate }}
     </button>
   </mat-menu>
 

src/app/layout/topbar/topbar.component.scss

@@ -2,7 +2,7 @@
   position: sticky; top: 0; z-index: 100;
   backdrop-filter: saturate(1.1) blur(8px);
   background:
-    color-mix(in oklab, var(--app-bg) 80%, transparent);
+    color-mix(in oklab, var(--app-topbar-bg) 80%, transparent);
   border-bottom: 1px solid rgba(0,0,0,.08);
 
   .brand {