diff --git a/.gitea/workflows/ci.yml b/.gitea/workflows/ci.yml
index e33246b..50742f0 100644
--- a/.gitea/workflows/ci.yml
+++ b/.gitea/workflows/ci.yml
@@ -77,7 +77,6 @@ jobs:
   validate-docker-frontend:
     runs-on: ubuntu-latest
     name: Docker frontend validation
-    if: ${{ needs.changed_files.outputs.frontend == 'true' || needs.changed_files.outputs.workflow == 'true' }}
     container:
       image: catthehacker/ubuntu:act-latest
     steps:
@@ -93,7 +92,6 @@ jobs:
   validate-docker-backend:
     runs-on: ubuntu-latest
     name: Docker backend validation
-    if: ${{ needs.changed_files.outputs.backend == 'true' || needs.changed_files.outputs.workflow == 'true' }}
     container:
       image: catthehacker/ubuntu:act-latest
     steps:
diff --git a/docker/docker-compose.yml b/docker/docker-compose.yml
new file mode 100644
index 0000000..5487079
--- /dev/null
+++ b/docker/docker-compose.yml
@@ -0,0 +1,18 @@
+volumes:
+  casino-db-data:
+
+services:
+  db:
+    image: postgres:17.5
+    container_name: casino-db
+    restart: unless-stopped
+    volumes:
+      - casino-db-data:/var/lib/postgresql/data
+    environment:
+      POSTGRES_DB: postgresdb
+      POSTGRES_USER: postgres_user
+      POSTGRES_PASSWORD: postgres_pass
+    healthcheck:
+      test: "exit 0"
+    ports:
+      - "5432:5432"
\ No newline at end of file
diff --git a/frontend/src/app/app.component.html b/frontend/src/app/app.component.html
index 2e3cd9a..41260d2 100644
--- a/frontend/src/app/app.component.html
+++ b/frontend/src/app/app.component.html
@@ -1,6 +1,5 @@
 <div class="min-h-screen flex flex-col">
   <main class="flex-grow">
-    <app-navbar></app-navbar>
     <router-outlet></router-outlet>
   </main>
   <app-footer></app-footer>
diff --git a/frontend/src/app/app.component.ts b/frontend/src/app/app.component.ts
index 3e25d5b..30666e9 100644
--- a/frontend/src/app/app.component.ts
+++ b/frontend/src/app/app.component.ts
@@ -2,12 +2,11 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterOutlet } from '@angular/router';
 import { FooterComponent } from '@shared/components/footer/footer.component';
-import { NavbarComponent } from '@shared/components/navbar/navbar.component';
 
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [CommonModule, RouterOutlet, FooterComponent, NavbarComponent],
+  imports: [CommonModule, RouterOutlet, FooterComponent],
   providers: [],
   templateUrl: './app.component.html',
   styleUrl: './app.component.css',
diff --git a/frontend/src/app/auth.guard.ts b/frontend/src/app/auth.guard.ts
index ffb2526..d088c30 100644
--- a/frontend/src/app/auth.guard.ts
+++ b/frontend/src/app/auth.guard.ts
@@ -1,6 +1,6 @@
 import { CanActivateFn, Router } from '@angular/router';
 import { inject } from '@angular/core';
-import { AuthService } from '@service/auth.service';
+import { AuthService } from './service/auth.service';
 
 export const authGuard: CanActivateFn = async () => {
   const authService = inject(AuthService);
diff --git a/frontend/src/app/feature/auth/login/login.component.html b/frontend/src/app/feature/auth/login/login.component.html
index c10b232..c41002d 100644
--- a/frontend/src/app/feature/auth/login/login.component.html
+++ b/frontend/src/app/feature/auth/login/login.component.html
@@ -1,3 +1,5 @@
+<app-navbar />
+
 <div class="min-h-screen bg-deep-blue flex items-center justify-center">
   <div class="modal-card max-w-md w-full">
     <h2 class="modal-heading text-center">Anmelden</h2>
diff --git a/frontend/src/app/feature/auth/login/login.component.ts b/frontend/src/app/feature/auth/login/login.component.ts
index 1ed3537..c4cfc4c 100644
--- a/frontend/src/app/feature/auth/login/login.component.ts
+++ b/frontend/src/app/feature/auth/login/login.component.ts
@@ -4,11 +4,12 @@ import { Router, RouterLink } from '@angular/router';
 import { LoginRequest } from '../../../model/auth/LoginRequest';
 import { AuthService } from '../../../service/auth.service';
 import { CommonModule } from '@angular/common';
+import { NavbarComponent } from '@shared/components/navbar/navbar.component';
 
 @Component({
   selector: 'app-login',
   standalone: true,
-  imports: [CommonModule, ReactiveFormsModule, RouterLink],
+  imports: [CommonModule, ReactiveFormsModule, RouterLink, NavbarComponent],
   templateUrl: './login.component.html',
 })
 export class LoginComponent {
diff --git a/frontend/src/app/feature/auth/register/register.component.html b/frontend/src/app/feature/auth/register/register.component.html
index 29794c9..3dbeeb7 100644
--- a/frontend/src/app/feature/auth/register/register.component.html
+++ b/frontend/src/app/feature/auth/register/register.component.html
@@ -1,3 +1,5 @@
+<app-navbar />
+
 <div class="min-h-screen bg-deep-blue flex items-center justify-center">
   <div class="modal-card max-w-md w-full">
     <h2 class="modal-heading text-center">Konto erstellen</h2>
diff --git a/frontend/src/app/feature/auth/register/register.component.ts b/frontend/src/app/feature/auth/register/register.component.ts
index 22a032f..4c60c4f 100644
--- a/frontend/src/app/feature/auth/register/register.component.ts
+++ b/frontend/src/app/feature/auth/register/register.component.ts
@@ -4,11 +4,12 @@ import { Router, RouterLink } from '@angular/router';
 import { RegisterRequest } from '../../../model/auth/RegisterRequest';
 import { AuthService } from '@service/auth.service';
 import { CommonModule } from '@angular/common';
+import { NavbarComponent } from '@shared/components/navbar/navbar.component';
 
 @Component({
   selector: 'app-register',
   standalone: true,
-  imports: [CommonModule, ReactiveFormsModule, RouterLink],
+  imports: [CommonModule, ReactiveFormsModule, RouterLink, NavbarComponent],
   templateUrl: './register.component.html',
 })
 export class RegisterComponent {
diff --git a/frontend/src/app/feature/game/blackjack/blackjack.component.html b/frontend/src/app/feature/game/blackjack/blackjack.component.html
index 55ad5b1..aa7426a 100644
--- a/frontend/src/app/feature/game/blackjack/blackjack.component.html
+++ b/frontend/src/app/feature/game/blackjack/blackjack.component.html
@@ -1,3 +1,5 @@
+<app-navbar></app-navbar>
+
 <div class="container mx-auto px-4 py-6 space-y-8">
   <div class="grid grid-cols-1 lg:grid-cols-4 gap-6">
     <div class="lg:col-span-3 space-y-6 flex flex-col gap-4">
diff --git a/frontend/src/app/feature/game/blackjack/blackjack.component.ts b/frontend/src/app/feature/game/blackjack/blackjack.component.ts
index 63c6a3a..c21a012 100644
--- a/frontend/src/app/feature/game/blackjack/blackjack.component.ts
+++ b/frontend/src/app/feature/game/blackjack/blackjack.component.ts
@@ -10,6 +10,7 @@ import { BlackjackService } from '@blackjack/services/blackjack.service';
 import { HttpErrorResponse } from '@angular/common/http';
 import { GameResultComponent } from '@blackjack/components/game-result/game-result.component';
 import { GameState } from '@blackjack/enum/gameState';
+import { NavbarComponent } from '@shared/components/navbar/navbar.component';
 import { UserService } from '@service/user.service';
 import { timer } from 'rxjs';
 import { DebtDialogComponent } from '@shared/components/debt-dialog/debt-dialog.component';
@@ -20,6 +21,7 @@ import { AuthService } from '@service/auth.service';
   standalone: true,
   imports: [
     CommonModule,
+    NavbarComponent,
     DealerHandComponent,
     PlayerHandComponent,
     GameControlsComponent,
diff --git a/frontend/src/app/feature/game/slots/slots.component.html b/frontend/src/app/feature/game/slots/slots.component.html
index 380c898..794760a 100644
--- a/frontend/src/app/feature/game/slots/slots.component.html
+++ b/frontend/src/app/feature/game/slots/slots.component.html
@@ -1,3 +1,5 @@
+<app-navbar></app-navbar>
+
 <div class="container mx-auto px-4 py-6 space-y-8">
   <h1 class="text-3xl font-bold text-white mb-6">Spielautomaten</h1>
 
diff --git a/frontend/src/app/feature/game/slots/slots.component.ts b/frontend/src/app/feature/game/slots/slots.component.ts
index ff5a086..6672d06 100644
--- a/frontend/src/app/feature/game/slots/slots.component.ts
+++ b/frontend/src/app/feature/game/slots/slots.component.ts
@@ -2,12 +2,13 @@ import {
   ChangeDetectionStrategy,
   Component,
   inject,
-  OnDestroy,
   OnInit,
+  OnDestroy,
   signal,
 } from '@angular/core';
+import { NavbarComponent } from '@shared/components/navbar/navbar.component';
 import { HttpClient } from '@angular/common/http';
-import { CommonModule, CurrencyPipe, KeyValuePipe, NgClass } from '@angular/common';
+import { CommonModule, KeyValuePipe, NgClass, CurrencyPipe } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { UserService } from '@service/user.service';
 import { Subscription } from 'rxjs';
@@ -25,6 +26,7 @@ interface SlotResult {
   standalone: true,
   imports: [
     CommonModule,
+    NavbarComponent,
     KeyValuePipe,
     NgClass,
     FormsModule,
diff --git a/frontend/src/app/feature/home/home.component.html b/frontend/src/app/feature/home/home.component.html
index fae788a..73a67e8 100644
--- a/frontend/src/app/feature/home/home.component.html
+++ b/frontend/src/app/feature/home/home.component.html
@@ -1,3 +1,4 @@
+<app-navbar></app-navbar>
 <div class="container mx-auto px-4 py-6 space-y-8">
   <div class="flex justify-between items-center">
     <div class="flex items-center space-x-4"></div>
diff --git a/frontend/src/app/feature/home/home.component.ts b/frontend/src/app/feature/home/home.component.ts
index 07b5f9f..5571d2b 100644
--- a/frontend/src/app/feature/home/home.component.ts
+++ b/frontend/src/app/feature/home/home.component.ts
@@ -3,6 +3,7 @@ import { AsyncPipe, CurrencyPipe, DatePipe, NgFor } from '@angular/common';
 import { DepositComponent } from '../deposit/deposit.component';
 import { ActivatedRoute, Router } from '@angular/router';
 import { ConfirmationComponent } from '@shared/components/confirmation/confirmation.component';
+import { NavbarComponent } from '@shared/components/navbar/navbar.component';
 import { Game } from 'app/model/Game';
 import { Observable } from 'rxjs';
 import { TransactionService } from '@service/transaction.service';
@@ -14,6 +15,7 @@ import { TransactionData } from '../../model/TransactionData';
   selector: 'app-homepage',
   standalone: true,
   imports: [
+    NavbarComponent,
     CurrencyPipe,
     NgFor,
     DepositComponent,
diff --git a/frontend/src/app/feature/landing/landing.component.html b/frontend/src/app/feature/landing/landing.component.html
index aa411fd..b064e28 100644
--- a/frontend/src/app/feature/landing/landing.component.html
+++ b/frontend/src/app/feature/landing/landing.component.html
@@ -1,3 +1,5 @@
+<app-navbar></app-navbar>
+
 <div class="min-h-screen bg-deep-blue text-text-primary">
   <div class="container mx-auto px-4 py-8 sm:py-12">
     <div class="max-w-5xl mx-auto">
diff --git a/frontend/src/app/feature/landing/landing.component.ts b/frontend/src/app/feature/landing/landing.component.ts
index 9e66baf..a3b77e3 100644
--- a/frontend/src/app/feature/landing/landing.component.ts
+++ b/frontend/src/app/feature/landing/landing.component.ts
@@ -1,12 +1,13 @@
 import { ChangeDetectionStrategy, Component, inject, OnDestroy, OnInit } from '@angular/core';
 import { NgFor } from '@angular/common';
+import { NavbarComponent } from '@shared/components/navbar/navbar.component';
 import { RouterLink } from '@angular/router';
 import { AuthService } from '@service/auth.service';
 
 @Component({
   selector: 'app-landing-page',
   standalone: true,
-  imports: [NgFor, RouterLink],
+  imports: [NavbarComponent, NgFor, RouterLink],
   templateUrl: './landing.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
diff --git a/frontend/src/app/feature/login-success/login-success.component.css b/frontend/src/app/feature/login-success/login-success.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/app/feature/login-success/login-success.component.html b/frontend/src/app/feature/login-success/login-success.component.html
new file mode 100644
index 0000000..ba9d449
--- /dev/null
+++ b/frontend/src/app/feature/login-success/login-success.component.html
@@ -0,0 +1 @@
+<p>Logging in...</p>
diff --git a/frontend/src/app/feature/login-success/login-success.component.ts b/frontend/src/app/feature/login-success/login-success.component.ts
new file mode 100644
index 0000000..d10a322
--- /dev/null
+++ b/frontend/src/app/feature/login-success/login-success.component.ts
@@ -0,0 +1,43 @@
+import { ChangeDetectionStrategy, Component, inject, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import { AuthService } from '../../service/auth.service';
+import { OAuthService } from 'angular-oauth2-oidc';
+
+@Component({
+  selector: 'app-login-success',
+  standalone: true,
+  imports: [],
+  templateUrl: './login-success.component.html',
+  styleUrl: './login-success.component.css',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export default class LoginSuccessComponent implements OnInit {
+  private authService: AuthService = inject(AuthService);
+  private oauthService: OAuthService = inject(OAuthService);
+  private router: Router = inject(Router);
+
+  async ngOnInit() {
+    try {
+      if (this.oauthService.hasValidAccessToken()) {
+        this.router.navigate(['/home']);
+      } else {
+        setTimeout(() => {
+          if (this.oauthService.hasValidAccessToken() || this.authService.getUser()) {
+            this.router.navigate(['/home']);
+          } else {
+            this.router.navigate(['/']);
+          }
+        }, 3000);
+      }
+    } catch (err) {
+      console.error('Error during login callback:', err);
+      setTimeout(() => {
+        if (this.authService.isLoggedIn()) {
+          this.router.navigate(['/home']);
+        } else {
+          this.router.navigate(['/']);
+        }
+      }, 3000);
+    }
+  }
+}
diff --git a/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.html b/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.html
index d4abab7..cc234ac 100644
--- a/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.html
+++ b/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.html
@@ -1,3 +1,5 @@
+<app-navbar></app-navbar>
+
 <div class="container mx-auto px-4 py-6 space-y-8">
   <h1 class="text-3xl font-bold text-white mb-6">Lootbox Öffnen</h1>
 
diff --git a/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.ts b/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.ts
index 20faa02..97e5200 100644
--- a/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.ts
+++ b/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.ts
@@ -3,6 +3,7 @@ import { CommonModule } from '@angular/common';
 import { ActivatedRoute, Router } from '@angular/router';
 import { LootboxService } from '../services/lootbox.service';
 import { LootBox, Reward } from 'app/model/LootBox';
+import { NavbarComponent } from '@shared/components/navbar/navbar.component';
 import { UserService } from '@service/user.service';
 import { User } from 'app/model/User';
 import { AuthService } from '@service/auth.service';
@@ -10,7 +11,7 @@ import { AuthService } from '@service/auth.service';
 @Component({
   selector: 'app-lootbox-opening',
   standalone: true,
-  imports: [CommonModule],
+  imports: [CommonModule, NavbarComponent],
   templateUrl: './lootbox-opening.component.html',
   styleUrls: ['./lootbox-opening.component.css'],
 })
diff --git a/frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.html b/frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.html
index 76fcc04..25d8df0 100644
--- a/frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.html
+++ b/frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.html
@@ -1,3 +1,4 @@
+<app-navbar></app-navbar>
 <div class="container mx-auto px-4 py-6">
   <h1 class="text-3xl font-bold text-white mb-6">Lootboxen</h1>
 
diff --git a/frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.ts b/frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.ts
index 373199b..dc39869 100644
--- a/frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.ts
+++ b/frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.ts
@@ -1,5 +1,6 @@
 import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { NavbarComponent } from '@shared/components/navbar/navbar.component';
 import { LootboxService } from '../services/lootbox.service';
 import { LootBox } from 'app/model/LootBox';
 import { Router } from '@angular/router';
@@ -11,7 +12,7 @@ import { UserService } from '@service/user.service';
 @Component({
   selector: 'app-lootbox-selection',
   standalone: true,
-  imports: [CommonModule],
+  imports: [CommonModule, NavbarComponent],
   templateUrl: './lootbox-selection.component.html',
   styleUrls: ['./lootbox-selection.component.css'],
 })
diff --git a/frontend/src/app/shared/components/navbar/navbar.component.html b/frontend/src/app/shared/components/navbar/navbar.component.html
index 749437f..90b63eb 100644
--- a/frontend/src/app/shared/components/navbar/navbar.component.html
+++ b/frontend/src/app/shared/components/navbar/navbar.component.html
@@ -11,7 +11,7 @@
       </div>
 
       <div class="hidden md:flex items-center space-x-4">
-        @if (!isLoggedIn()) {
+        @if (!isLoggedIn) {
           <a routerLink="/login" class="button-primary px-4 py-1.5">Anmelden</a>
           <a
             routerLink="/register"
@@ -19,7 +19,7 @@
             >Registrieren</a
           >
         }
-        @if (isLoggedIn()) {
+        @if (isLoggedIn) {
           <div
             class="text-white font-bold bg-deep-blue-contrast rounded-full px-4 py-2 text-sm hover:bg-deep-blue-contrast/80 hover:cursor-pointer hover:scale-105 transition-all active:scale-95 select-none duration-300"
             routerLink="/home"
@@ -70,7 +70,7 @@
       <div class="nav-mobile-menu">
         <a routerLink="/games" class="nav-mobile-link">Spiele</a>
         <div class="pt-2 space-y-2">
-          @if (!isLoggedIn()) {
+          @if (!isLoggedIn) {
             <a routerLink="/login" class="button-primary w-full py-1.5 block text-center"
               >Anmelden</a
             >
@@ -80,7 +80,7 @@
               >Registrieren</a
             >
           }
-          @if (isLoggedIn()) {
+          @if (isLoggedIn) {
             <button (click)="logout()" class="button-primary w-full py-1.5">Abmelden</button>
           }
         </div>
diff --git a/frontend/src/app/shared/components/navbar/navbar.component.ts b/frontend/src/app/shared/components/navbar/navbar.component.ts
index 8f646f5..5d44f60 100644
--- a/frontend/src/app/shared/components/navbar/navbar.component.ts
+++ b/frontend/src/app/shared/components/navbar/navbar.component.ts
@@ -21,7 +21,7 @@ import { AnimatedNumberComponent } from '@blackjack/components/animated-number/a
 export class NavbarComponent implements OnInit, OnDestroy {
   isMenuOpen = false;
   private authService: AuthService = inject(AuthService);
-  isLoggedIn = signal(this.authService.isLoggedIn());
+  isLoggedIn = this.authService.isLoggedIn();
 
   private authSubscription!: Subscription;
   public balance = signal(0);
@@ -30,7 +30,6 @@ export class NavbarComponent implements OnInit, OnDestroy {
     this.authSubscription = this.authService.userSubject.subscribe({
       next: (user) => {
         this.balance.set(user?.balance ?? 0);
-        this.isLoggedIn.set(this.authService.isLoggedIn());
       },
     });
   }