diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 525ba5cb7e525951544761aba431a604c1a3ff7c..1e65c23191773d738c6bc3c7599ecc8b6da0d576 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -1,10 +1,12 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { BestandComponent } from './bestand/bestand.component';
+import { BuchungComponent } from './buchung/buchung.component';
 
 const routes: Routes = [
   { path: '',   redirectTo: 'bestand', pathMatch: 'full' },
   { path: 'bestand', component: BestandComponent },
+  { path: 'buchung', component: BuchungComponent },
 ];
 
 @NgModule({
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 58e200c0c83be8a7c5aea43b9ea7898f73b4a401..5aef7372d57bb8960a28d4e8282bdc320962c88b 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -16,13 +16,15 @@ import {MatTabsModule} from '@angular/material/tabs';
 import { MatTableModule } from '@angular/material/table';
 
 import { BestandComponent } from './bestand/bestand.component';
+import { BuchungComponent } from './buchung/buchung.component';
 
 const graphQL = '/api/'; 
 
 @NgModule({
   declarations: [
     AppComponent,
-    BestandComponent
+    BestandComponent,
+    BuchungComponent
   ],
   imports: [
     BrowserModule,
diff --git a/src/app/buchung/buchung.component.html b/src/app/buchung/buchung.component.html
new file mode 100644
index 0000000000000000000000000000000000000000..1e5c4a2cf97ecaad98c9193946c2f8faf271e06f
--- /dev/null
+++ b/src/app/buchung/buchung.component.html
@@ -0,0 +1 @@
+<p>buchung works!</p>
diff --git a/src/app/buchung/buchung.component.scss b/src/app/buchung/buchung.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/app/buchung/buchung.component.spec.ts b/src/app/buchung/buchung.component.spec.ts
new file mode 100644
index 0000000000000000000000000000000000000000..32dced1953d505ece3f9c9e92428aff85a12cc47
--- /dev/null
+++ b/src/app/buchung/buchung.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { BuchungComponent } from './buchung.component';
+
+describe('BuchungComponent', () => {
+  let component: BuchungComponent;
+  let fixture: ComponentFixture<BuchungComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ BuchungComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(BuchungComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/buchung/buchung.component.ts b/src/app/buchung/buchung.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..bbe5597bee7b90202dc2bc59f5b5158c652a5abd
--- /dev/null
+++ b/src/app/buchung/buchung.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-buchung',
+  templateUrl: './buchung.component.html',
+  styleUrls: ['./buchung.component.scss']
+})
+export class BuchungComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}