diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index f4eaa9ff0df4a7034757b3b5240a7e2abdb3a78e..1c82907142796e37af36469d44fa6c539556cd3b 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -1,12 +1,13 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
+import { ErrorLandingPageComponent } from './error-landing-page/error-landing-page.component';
 // import { GewünschstesModul }  from './blabla/wunschmodul';
 
 
 const routes: Routes = [
 //  { path: '', redirectTo: '/wumod', pathMatch: 'full' }, //default route
 //  { path: 'wumod', component: GewünschstesModul },
-
+{ path: 'errorpage', component: ErrorLandingPageComponent }
 ];
 
 
diff --git a/src/app/app.component.html b/src/app/app.component.html
index fa2706a406ba65e05f8e23003ce6e9df291fa146..3a479f6022ab3dca84fe105a19eb0fdab7eef1cc 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -16,5 +16,10 @@
   <li>
     <h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2>
   </li>
+  <li>
+    <h2><a routerLink="/errorpage">Error Langing Page</a></h2>
+  </li>
 </ul>
 
+<router-outlet></router-outlet>
+
diff --git a/src/app/error-landing-page/error-landing-page.component.html b/src/app/error-landing-page/error-landing-page.component.html
index c54e111f8153cf5cdde189ed42957ef73a27fcb3..3565c2f34c8fa557d693f4b7974b2df7b8340f35 100644
--- a/src/app/error-landing-page/error-landing-page.component.html
+++ b/src/app/error-landing-page/error-landing-page.component.html
@@ -1,3 +1,2 @@
-<p>
-  error-landing-page works!
-</p>
+<h1>404</h1>>
+<h2>The page you were looking for was not found</h2>