diff --git a/src/app/chat/data-access/chat-state.service.ts b/src/app/chat/data-access/chat-state.service.ts
index 5297a3c0..719220a9 100644
--- a/src/app/chat/data-access/chat-state.service.ts
+++ b/src/app/chat/data-access/chat-state.service.ts
@@ -20,7 +20,7 @@ import { chatStateAdapter } from './chat-state.adapter';
 import { TimerService } from '@shared/util/time/timer.service';
 import { startWith } from 'rxjs/operators';
 import { ActivatedRoute } from '@angular/router';
-import { AuthStorageService } from '@shared/data-access/auth/auth-storage.service';
+import { AuthService } from '@shared/data-access/auth/auth.service';
 import { OwnProfileService } from '@shared/data-access/profile/own-profile.service';
 
 export type SingleChatState = {
@@ -45,7 +45,7 @@ export type ChatAdaptState = {
 export class ChatStateService {
   private readonly storePath = 'chat';
   private activatedRoute = inject(ActivatedRoute);
-  private authStorageService = inject(AuthStorageService);
+  private authStorageService = inject(AuthService);
   private profileService = inject(OwnProfileService);
 
   private userLoggedOut$ = this.authStorageService.hasLoggedOut$.pipe(
diff --git a/src/app/home/feature/contact/contact.component.ts b/src/app/home/feature/contact/contact.component.ts
index 2bc25e93..8a310546 100644
--- a/src/app/home/feature/contact/contact.component.ts
+++ b/src/app/home/feature/contact/contact.component.ts
@@ -5,8 +5,8 @@ import {
   ReactiveFormsModule,
   Validators,
 } from '@angular/forms';
-import { AuthStorageService } from '@shared/data-access/auth/auth-storage.service';
-import { AuthenticationService } from '@shared/data-access/auth/authentication.service';
+import { AuthService } from '@shared/data-access/auth/auth.service';
+import { AuthHttpService } from '@shared/data-access/auth/auth-http.service';
 import { EventLogService } from '@shared/data-access/log/event-log.service';
 import { ContactService } from '../../data-access/contact.service';
 import { tap } from 'rxjs';
@@ -49,8 +49,8 @@ export class ContactComponent implements OnInit {
   constructor(
     private fb: NonNullableFormBuilder,
     private contactService: ContactService,
-    public authStorageService: AuthStorageService,
-    private authenticationService: AuthenticationService,
+    public authStorageService: AuthService,
+    private authenticationService: AuthHttpService,
     private eventLogService: EventLogService
   ) {}
 
diff --git a/src/app/home/feature/landing-page.component.ts b/src/app/home/feature/landing-page.component.ts
index 286f2d03..8bf73870 100644
--- a/src/app/home/feature/landing-page.component.ts
+++ b/src/app/home/feature/landing-page.component.ts
@@ -1,6 +1,8 @@
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { Router } from '@angular/router';
 import { EventLogService } from '@shared/data-access/log/event-log.service';
+import { AuthService } from '@shared/data-access/auth/auth.service';
+import { NgIf } from '@angular/common';
 
 @Component({
   selector: 'app-landing-page',
@@ -36,6 +38,7 @@ import { EventLogService } from '@shared/data-access/log/event-log.service';
             Wir verbinden Tänzer
           </div>
           <button
+            *ngIf="!isLoggedIn()"
             class="mt-12 cursor-pointer rounded bg-red-900 py-3 px-8 text-xl font-bold text-white transition-all duration-200 ease-in-out hover:bg-white hover:text-red-900 lg:text-2xl"
             (click)="navigateToRegistration()"
           >
@@ -94,9 +97,12 @@ import { EventLogService } from '@shared/data-access/log/event-log.service';
     </main>
   `,
   standalone: true,
+  imports: [NgIf],
 })
 export class LandingPageComponent {
-  constructor(private router: Router, private eventService: EventLogService) {}
+  private router = inject(Router);
+  private eventService = inject(EventLogService);
+  public isLoggedIn = inject(AuthService).isLoggedIn;
 
   navigateToRegistration(): void {
     this.eventService.createAndPublishEvent('navigated_to_page', {
diff --git a/src/app/home/feature/logout-page.component.ts b/src/app/home/feature/logout-page.component.ts
index ab0355af..2fa47164 100644
--- a/src/app/home/feature/logout-page.component.ts
+++ b/src/app/home/feature/logout-page.component.ts
@@ -1,8 +1,8 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
 import { Router } from '@angular/router';
-import { AuthenticationService } from '@shared/data-access/auth/authentication.service';
+import { AuthHttpService } from '@shared/data-access/auth/auth-http.service';
 import { Subscription } from 'rxjs';
-import { AuthStorageService } from '@shared/data-access/auth/auth-storage.service';
+import { AuthService } from '@shared/data-access/auth/auth.service';
 
 @Component({
   selector: 'app-logout-page',
@@ -13,8 +13,8 @@ export class LogoutPageComponent implements OnInit, OnDestroy {
   logoutSubscription: Subscription | undefined;
 
   constructor(
-    private authService: AuthenticationService,
-    private authStorageService: AuthStorageService,
+    private authService: AuthHttpService,
+    private authStorageService: AuthService,
     private router: Router
   ) {}
 
diff --git a/src/app/home/ui/login-form/login-form.component.ts b/src/app/home/ui/login-form/login-form.component.ts
index a455afb0..fceb1a0d 100644
--- a/src/app/home/ui/login-form/login-form.component.ts
+++ b/src/app/home/ui/login-form/login-form.component.ts
@@ -5,7 +5,7 @@ import {
   UntypedFormGroup,
   Validators,
 } from '@angular/forms';
-import { AuthenticationService } from '@shared/data-access/auth/authentication.service';
+import { AuthHttpService } from '@shared/data-access/auth/auth-http.service';
 import { LoginRequest } from '@shared/data-access/auth/authentication.types';
 import { Router, RouterLink } from '@angular/router';
 import { APIError } from '@shared/util/http/response.types';
@@ -40,7 +40,7 @@ export class LoginFormComponent implements OnInit {
 
   constructor(
     private fb: UntypedFormBuilder,
-    private authService: AuthenticationService,
+    private authService: AuthHttpService,
     private router: Router
   ) {}
 
diff --git a/src/app/profile/feature/initial-setup/init-user-name/init-user-name.component.spec.ts b/src/app/profile/feature/initial-setup/init-user-name/init-user-name.component.spec.ts
index e5a190c9..dfd42bc6 100644
--- a/src/app/profile/feature/initial-setup/init-user-name/init-user-name.component.spec.ts
+++ b/src/app/profile/feature/initial-setup/init-user-name/init-user-name.component.spec.ts
@@ -15,7 +15,7 @@ import { ReactiveFormsModule } from '@angular/forms';
 import { MatInputModule } from '@angular/material/input';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatButtonModule } from '@angular/material/button';
-import { AuthStorageService } from '@shared/data-access/auth/auth-storage.service';
+import { AuthService } from '@shared/data-access/auth/auth.service';
 import { of } from 'rxjs';
 import { Location } from '@angular/common';
 import { InitPersonalDataComponent } from '../init-personal-data/init-personal-data.component';
@@ -61,7 +61,7 @@ describe('Setting up username', () => {
           getApiUrl: () => 'http://test.de',
         }),
       },
-      MockProvider(AuthStorageService, {
+      MockProvider(AuthService, {
         authData$: of({
           isLoggedIn: true,
           isHuman: true,
diff --git a/src/app/registration/feature/register-account/register-user-form/register-user-form.component.ts b/src/app/registration/feature/register-account/register-user-form/register-user-form.component.ts
index cbbcd45b..f6dd139d 100644
--- a/src/app/registration/feature/register-account/register-user-form/register-user-form.component.ts
+++ b/src/app/registration/feature/register-account/register-user-form/register-user-form.component.ts
@@ -5,7 +5,7 @@ import {
   UntypedFormGroup,
   Validators,
 } from '@angular/forms';
-import { AuthenticationService } from '@shared/data-access/auth/authentication.service';
+import { AuthHttpService } from '@shared/data-access/auth/auth-http.service';
 import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { Subscription } from 'rxjs';
 import { mustMatch } from '@shared/util/mustMatch.validator';
@@ -45,7 +45,7 @@ export class RegisterUserFormComponent implements OnInit, OnDestroy {
 
   constructor(
     private fb: UntypedFormBuilder,
-    private authenticationService: AuthenticationService,
+    private authenticationService: AuthHttpService,
     private route: ActivatedRoute,
     private router: Router
   ) {}
diff --git a/src/app/registration/feature/reset-password/new-password/new-password.component.ts b/src/app/registration/feature/reset-password/new-password/new-password.component.ts
index 6cf6e844..4a798a1b 100644
--- a/src/app/registration/feature/reset-password/new-password/new-password.component.ts
+++ b/src/app/registration/feature/reset-password/new-password/new-password.component.ts
@@ -6,7 +6,7 @@ import {
   Validators,
 } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
-import { AuthenticationService } from '@shared/data-access/auth/authentication.service';
+import { AuthHttpService } from '@shared/data-access/auth/auth-http.service';
 import { APIError } from '@shared/util/http/response.types';
 import { mustMatch } from '@shared/util/mustMatch.validator';
 import { switchMap } from 'rxjs';
@@ -48,7 +48,7 @@ export class NewPasswordComponent {
 
   constructor(
     private fb: NonNullableFormBuilder,
-    private authenticationService: AuthenticationService,
+    private authenticationService: AuthHttpService,
     private route: ActivatedRoute,
     private router: Router
   ) {}
diff --git a/src/app/registration/feature/verify-account/verify-account.component.ts b/src/app/registration/feature/verify-account/verify-account.component.ts
index 208a05fd..75563b3a 100644
--- a/src/app/registration/feature/verify-account/verify-account.component.ts
+++ b/src/app/registration/feature/verify-account/verify-account.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
-import { AuthenticationService } from '@shared/data-access/auth/authentication.service';
+import { AuthHttpService } from '@shared/data-access/auth/auth-http.service';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Subscription, switchMap } from 'rxjs';
 
@@ -15,7 +15,7 @@ export class VerifyAccountComponent implements OnInit, OnDestroy {
   constructor(
     private router: Router,
     private route: ActivatedRoute,
-    private authService: AuthenticationService
+    private authService: AuthHttpService
   ) {}
 
   ngOnInit(): void {
diff --git a/src/app/registration/ui/send-verification-link-form/send-verification-link-form.component.spec.ts b/src/app/registration/ui/send-verification-link-form/send-verification-link-form.component.spec.ts
index 2ebfd8f8..9dd630e9 100644
--- a/src/app/registration/ui/send-verification-link-form/send-verification-link-form.component.spec.ts
+++ b/src/app/registration/ui/send-verification-link-form/send-verification-link-form.component.spec.ts
@@ -6,7 +6,7 @@ import { MatInputModule } from '@angular/material/input';
 import { MatCardModule } from '@angular/material/card';
 import { ReactiveFormsModule } from '@angular/forms';
 import { MockProvider } from 'ng-mocks';
-import { AuthenticationService } from '@shared/data-access/auth/authentication.service';
+import { AuthHttpService } from '@shared/data-access/auth/auth-http.service';
 import { ActivatedRoute } from '@angular/router';
 
 describe('SendVerificationLinkFormComponent', () => {
@@ -20,8 +20,8 @@ describe('SendVerificationLinkFormComponent', () => {
       ReactiveFormsModule,
     ],
     providers: [
-      MockProvider(AuthenticationService),
-      MockProvider(AuthenticationService),
+      MockProvider(AuthHttpService),
+      MockProvider(AuthHttpService),
       MockProvider(ActivatedRoute),
     ],
   });
diff --git a/src/app/registration/ui/send-verification-link-form/send-verification-link-form.component.ts b/src/app/registration/ui/send-verification-link-form/send-verification-link-form.component.ts
index 173727d5..bd006ad8 100644
--- a/src/app/registration/ui/send-verification-link-form/send-verification-link-form.component.ts
+++ b/src/app/registration/ui/send-verification-link-form/send-verification-link-form.component.ts
@@ -4,12 +4,12 @@ import {
   ReactiveFormsModule,
   Validators,
 } from '@angular/forms';
-import { AuthenticationService } from '@shared/data-access/auth/authentication.service';
+import { AuthHttpService } from '@shared/data-access/auth/auth-http.service';
 import { ActivatedRoute, Router } from '@angular/router';
 import { APIError, OldAPIResponse } from '@shared/util/http/response.types';
 import { LinkType } from '../../util/registration.types';
 import { Observable } from 'rxjs';
-import { AuthStorageService } from '@shared/data-access/auth/auth-storage.service';
+import { AuthService } from '@shared/data-access/auth/auth.service';
 import { MatButtonModule } from '@angular/material/button';
 import { RecaptchaModule } from 'ng-recaptcha';
 import { DataTestDirective } from '@shared/util/data-test.directive';
@@ -51,10 +51,10 @@ export class SendVerificationLinkFormComponent implements OnInit {
 
   constructor(
     private fb: NonNullableFormBuilder,
-    private authenticationService: AuthenticationService,
+    private authenticationService: AuthHttpService,
     private router: Router,
     private route: ActivatedRoute,
-    public authStorageService: AuthStorageService
+    public authStorageService: AuthService
   ) {}
 
   ngOnInit(): void {
diff --git a/src/app/shared/data-access/auth/authentication.service.spec.ts b/src/app/shared/data-access/auth/auth-http.service.spec.ts
similarity index 92%
rename from src/app/shared/data-access/auth/authentication.service.spec.ts
rename to src/app/shared/data-access/auth/auth-http.service.spec.ts
index 41d72bd0..f18dd202 100644
--- a/src/app/shared/data-access/auth/authentication.service.spec.ts
+++ b/src/app/shared/data-access/auth/auth-http.service.spec.ts
@@ -1,21 +1,21 @@
-import { AuthenticationService } from './authentication.service';
+import { AuthHttpService } from './auth-http.service';
 import {
   createHttpFactory,
   HttpMethod,
   SpectatorHttp,
 } from '@ngneat/spectator/jest';
-import { AuthStorageService } from './auth-storage.service';
+import { AuthService } from './auth.service';
 import { EnvironmentService } from '../environment.service';
 import { LoginRequest, UserRegistration } from './authentication.types';
 import { MockService } from 'ng-mocks';
 import { TestRequest } from '@angular/common/http/testing';
 import { APIError } from '../../util/http/response.types';
 
-describe('AuthenticationService', () => {
-  let spectator: SpectatorHttp<AuthenticationService>;
+describe('AuthHttpService', () => {
+  let spectator: SpectatorHttp<AuthHttpService>;
   const createHttp = createHttpFactory({
-    service: AuthenticationService,
-    mocks: [AuthStorageService],
+    service: AuthHttpService,
+    mocks: [AuthService],
   });
 
   beforeEach(() => {
@@ -110,7 +110,7 @@ describe('AuthenticationService', () => {
     );
 
     it('sets the login state in the auth storage service', () => {
-      const authStorageService = spectator.inject(AuthStorageService);
+      const authStorageService = spectator.inject(AuthService);
       spectator.service.login(loginRequest).subscribe();
 
       spectator
@@ -126,7 +126,7 @@ describe('AuthenticationService', () => {
     });
 
     it("doesn't set the login state in the auth storage service when login fails", () => {
-      const authStorageService = spectator.inject(AuthStorageService);
+      const authStorageService = spectator.inject(AuthService);
       spectator.service.login(loginRequest).subscribe();
 
       spectator
@@ -189,7 +189,7 @@ describe('AuthenticationService', () => {
     });
 
     it('sets the human state in the auth storage service', () => {
-      const authStorageService = spectator.inject(AuthStorageService);
+      const authStorageService = spectator.inject(AuthService);
       spectator.service.loginAsHuman(captchaToken).subscribe();
 
       spectator
@@ -205,7 +205,7 @@ describe('AuthenticationService', () => {
     });
 
     it("doesn't set the human state in the auth storage service when human login fails", () => {
-      const authStorageService = spectator.inject(AuthStorageService);
+      const authStorageService = spectator.inject(AuthService);
       spectator.service.loginAsHuman(captchaToken).subscribe();
 
       spectator
diff --git a/src/app/shared/data-access/auth/authentication.service.ts b/src/app/shared/data-access/auth/auth-http.service.ts
similarity index 97%
rename from src/app/shared/data-access/auth/authentication.service.ts
rename to src/app/shared/data-access/auth/auth-http.service.ts
index 58d7a923..73c6221d 100644
--- a/src/app/shared/data-access/auth/authentication.service.ts
+++ b/src/app/shared/data-access/auth/auth-http.service.ts
@@ -12,7 +12,7 @@ import {
   UserRegistration,
 } from './authentication.types';
 import { catchError, map, Observable, of, shareReplay, tap } from 'rxjs';
-import { AuthStorageService } from './auth-storage.service';
+import { AuthService } from './auth.service';
 import { EnvironmentService } from '../environment.service';
 import {
   asError,
@@ -23,7 +23,7 @@ import {
 @Injectable({
   providedIn: 'root',
 })
-export class AuthenticationService {
+export class AuthHttpService {
   private defaultOptions = {
     withCredentials: true,
   };
@@ -32,7 +32,7 @@ export class AuthenticationService {
 
   constructor(
     private http: HttpClient,
-    private authStorageService: AuthStorageService,
+    private authStorageService: AuthService,
     private environment: EnvironmentService
   ) {
     this.baseUrl = `${this.environment.getApiUrl()}/authentication`;
diff --git a/src/app/shared/data-access/auth/auth-storage.service.spec.ts b/src/app/shared/data-access/auth/auth.service.spec.ts
similarity index 87%
rename from src/app/shared/data-access/auth/auth-storage.service.spec.ts
rename to src/app/shared/data-access/auth/auth.service.spec.ts
index fa893a08..4dd64137 100644
--- a/src/app/shared/data-access/auth/auth-storage.service.spec.ts
+++ b/src/app/shared/data-access/auth/auth.service.spec.ts
@@ -1,10 +1,10 @@
 import { TestBed } from '@angular/core/testing';
 
-import { AuthData, AuthStorageService } from './auth-storage.service';
+import { AuthData, AuthService } from './auth.service';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 
-describe('AuthStorageService', () => {
-  let service: AuthStorageService | undefined;
+describe('AuthService', () => {
+  let service: AuthService | undefined;
   let setItemSpy: jest.SpyInstance;
   let getItemSpy: jest.SpyInstance;
 
@@ -31,7 +31,7 @@ describe('AuthStorageService', () => {
   });
 
   it('is created', () => {
-    service = TestBed.inject(AuthStorageService);
+    service = TestBed.inject(AuthService);
     expect(service).toBeTruthy();
   });
 
@@ -48,7 +48,7 @@ describe('AuthStorageService', () => {
       return null;
     });
 
-    service = TestBed.inject(AuthStorageService);
+    service = TestBed.inject(AuthService);
 
     const actualAuthData = service.getSnapshot();
     expect(actualAuthData).toEqual(expectedAuthData);
@@ -59,7 +59,7 @@ describe('AuthStorageService', () => {
       return null;
     });
 
-    service = TestBed.inject(AuthStorageService);
+    service = TestBed.inject(AuthService);
 
     const expectedAuthData: AuthData = {
       isLoggedIn: false,
@@ -75,7 +75,7 @@ describe('AuthStorageService', () => {
 
     beforeEach(() => {
       listener.mockClear();
-      service = TestBed.inject(AuthStorageService);
+      service = TestBed.inject(AuthService);
       service.authData$.subscribe(listener);
 
       service.setLoginState(true);
@@ -107,7 +107,7 @@ describe('AuthStorageService', () => {
 
     beforeEach(() => {
       listener.mockClear();
-      service = TestBed.inject(AuthStorageService);
+      service = TestBed.inject(AuthService);
       service.authData$.subscribe(listener);
       service.setLoginState(false);
       service.setHumanState(true);
diff --git a/src/app/shared/data-access/auth/auth-storage.service.ts b/src/app/shared/data-access/auth/auth.service.ts
similarity index 78%
rename from src/app/shared/data-access/auth/auth-storage.service.ts
rename to src/app/shared/data-access/auth/auth.service.ts
index 4dd84d90..92da86f9 100644
--- a/src/app/shared/data-access/auth/auth-storage.service.ts
+++ b/src/app/shared/data-access/auth/auth.service.ts
@@ -1,5 +1,6 @@
-import { Injectable } from '@angular/core';
-import { BehaviorSubject, distinct, filter } from 'rxjs';
+import { Injectable, Signal } from '@angular/core';
+import { BehaviorSubject, distinct, filter, map } from 'rxjs';
+import { toSignal } from '@angular/core/rxjs-interop';
 
 export type AuthData = {
   isLoggedIn: boolean;
@@ -12,13 +13,18 @@ const AUTH_DATA_KEY = 'authData';
 @Injectable({
   providedIn: 'root',
 })
-export class AuthStorageService {
+export class AuthService {
   private _authData$ = new BehaviorSubject<AuthData>(
-    AuthStorageService.initFromLocalStorage()
+    AuthService.initFromLocalStorage()
   );
 
   public readonly authData$ = this._authData$.asObservable();
 
+  public isLoggedIn: Signal<boolean> = toSignal(
+    this.authData$.pipe(map((data) => data.isLoggedIn)),
+    { initialValue: false }
+  );
+
   public readonly hasLoggedOut$ = this.authData$.pipe(
     distinct((authData) => authData.isLoggedIn),
     filter((authData) => !authData.isLoggedIn)
diff --git a/src/app/shared/data-access/profile/own-profile.service.ts b/src/app/shared/data-access/profile/own-profile.service.ts
index 20fe94bd..3e1c3444 100644
--- a/src/app/shared/data-access/profile/own-profile.service.ts
+++ b/src/app/shared/data-access/profile/own-profile.service.ts
@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { AuthStorageService } from '../auth/auth-storage.service';
+import { AuthService } from '../auth/auth.service';
 import { ProfileHttpService } from './profile-http.service';
 import {
   Dance,
@@ -24,7 +24,7 @@ export class OwnProfileService {
 
   constructor(
     private profileHttpService: ProfileHttpService,
-    private authStorageService: AuthStorageService,
+    private authStorageService: AuthService,
     private environmentService: EnvironmentService,
     private imageService: ImageService
   ) {
diff --git a/src/app/shared/ui/layout/navigation/navigation.component.ts b/src/app/shared/ui/layout/navigation/navigation.component.ts
index 96121d43..e5b6115a 100644
--- a/src/app/shared/ui/layout/navigation/navigation.component.ts
+++ b/src/app/shared/ui/layout/navigation/navigation.component.ts
@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { AuthStorageService } from '../../../data-access/auth/auth-storage.service';
+import { AuthService } from '../../../data-access/auth/auth.service';
 import { LoggedOutNavigationComponent } from './logged-out-navigation/logged-out-navigation.component';
 import { LoggedInNavigationComponent } from './logged-in-navigation/logged-in-navigation.component';
 import { AsyncPipe, NgIf } from '@angular/common';
@@ -18,7 +18,7 @@ import { AsyncPipe, NgIf } from '@angular/common';
 })
 export class NavigationComponent {
   constructor(
-    public authStorageService: AuthStorageService // private chatState: ChatStateService // needs to be initialized from the start
+    public authStorageService: AuthService // private chatState: ChatStateService // needs to be initialized from the start
   ) {}
 
   // ngOnDestroy(): void {
diff --git a/src/app/shared/util/auth/logged-in.guard.ts b/src/app/shared/util/auth/logged-in.guard.ts
index 9301de51..576db43a 100644
--- a/src/app/shared/util/auth/logged-in.guard.ts
+++ b/src/app/shared/util/auth/logged-in.guard.ts
@@ -1,9 +1,9 @@
 import { inject } from '@angular/core';
-import { AuthStorageService } from '../../data-access/auth/auth-storage.service';
+import { AuthService } from '../../data-access/auth/auth.service';
 import { CanActivateFn, Router } from '@angular/router';
 
 export const loggedInGuard: CanActivateFn = () => {
-  const authStorageService = inject(AuthStorageService);
+  const authStorageService = inject(AuthService);
   const router = inject(Router);
 
   if (authStorageService.getSnapshot().isLoggedIn) {
@@ -14,7 +14,7 @@ export const loggedInGuard: CanActivateFn = () => {
 };
 
 export const loggedOutGuard: CanActivateFn = () => {
-  const authStorageService = inject(AuthStorageService);
+  const authStorageService = inject(AuthService);
   const router = inject(Router);
 
   if (authStorageService.getSnapshot().isLoggedIn) {
diff --git a/src/app/shared/util/auth/unauthorized.interceptor.ts b/src/app/shared/util/auth/unauthorized.interceptor.ts
index b39af591..cc36a54c 100644
--- a/src/app/shared/util/auth/unauthorized.interceptor.ts
+++ b/src/app/shared/util/auth/unauthorized.interceptor.ts
@@ -8,12 +8,12 @@ import {
   HttpStatusCode,
 } from '@angular/common/http';
 import { catchError, Observable, throwError } from 'rxjs';
-import { AuthStorageService } from '../../data-access/auth/auth-storage.service';
+import { AuthService } from '../../data-access/auth/auth.service';
 import { Router } from '@angular/router';
 
 @Injectable()
 export class UnauthorizedInterceptor implements HttpInterceptor {
-  authStorageService = inject(AuthStorageService);
+  authStorageService = inject(AuthService);
   router = inject(Router);
 
   constructor() {}
@@ -36,7 +36,10 @@ export class UnauthorizedInterceptor implements HttpInterceptor {
   ): Observable<HttpEvent<unknown>> {
     return next.handle(request).pipe(
       catchError((error: HttpErrorResponse, _: Observable<any>) => {
-        if (error.status === HttpStatusCode.Unauthorized) {
+        if (
+          error.status === HttpStatusCode.Unauthorized ||
+          error.status === HttpStatusCode.Forbidden
+        ) {
           this.resetLoginState();
           this.redirectToLoginPage();
         }
diff --git a/src/app/shared/util/auth/with-credentials-interceptor.service.ts b/src/app/shared/util/auth/with-credentials-interceptor.service.ts
index 09a0e0eb..799ea7c4 100644
--- a/src/app/shared/util/auth/with-credentials-interceptor.service.ts
+++ b/src/app/shared/util/auth/with-credentials-interceptor.service.ts
@@ -6,12 +6,12 @@ import {
   HttpRequest,
 } from '@angular/common/http';
 import { Observable } from 'rxjs';
-import { AuthStorageService } from '../../data-access/auth/auth-storage.service';
+import { AuthService } from '../../data-access/auth/auth.service';
 import { EnvironmentService } from '../../data-access/environment.service';
 
 @Injectable()
 export class WithCredentialsInterceptor implements HttpInterceptor {
-  private authStorage = inject(AuthStorageService);
+  private authStorage = inject(AuthService);
   private environment = inject(EnvironmentService);
 
   constructor() {}