diff --git a/src/lib/components/UserHeader.svelte b/src/lib/components/UserHeader.svelte
index 65a87b8..15593ff 100644
--- a/src/lib/components/UserHeader.svelte
+++ b/src/lib/components/UserHeader.svelte
@@ -139,10 +139,10 @@ h2 + p{
 			<p>({user.nickname})</p>
 			<ul>
 				<li><a href="https://sso.bocken.org/if/user/#/settings" >Einstellungen</a></li>
-				<li><a href="/auth/signout" >Log Out</a></li>
+				<li><a href="/logout" >Log Out</a></li>
 			</ul>
 		</div>
 	</button>
 {:else}
-	<a class=entry href=/auth/signin>Log In</a>
+	<a class=entry href=/login>Log In</a>
 {/if}
diff --git a/src/routes/(main)/login/+page.server.ts b/src/routes/(main)/login/+page.server.ts
deleted file mode 100644
index 5ac7b62..0000000
--- a/src/routes/(main)/login/+page.server.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { signIn } from "../../../auth"
-import type { Actions } from "./$types"
-export const actions: Actions = { default: signIn }
diff --git a/src/routes/(main)/logout/+page.server.ts b/src/routes/(main)/logout/+page.server.ts
deleted file mode 100644
index 5ac7b62..0000000
--- a/src/routes/(main)/logout/+page.server.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { signIn } from "../../../auth"
-import type { Actions } from "./$types"
-export const actions: Actions = { default: signIn }
diff --git a/src/routes/login/+server.ts b/src/routes/login/+server.ts
new file mode 100644
index 0000000..f0a20fe
--- /dev/null
+++ b/src/routes/login/+server.ts
@@ -0,0 +1,35 @@
+import type { RequestHandler } from './$types';
+
+export const GET: RequestHandler = async ({ url }) => {
+	const callbackUrl = url.searchParams.get('callbackUrl') || '/';
+	
+	// Create an auto-submitting form that POSTs to Auth.js signin
+	const html = `
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Redirecting to login...</title>
+	<style>
+		body { font-family: system-ui; text-align: center; padding: 2rem; }
+		.spinner { border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin: 20px auto; }
+		@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
+	</style>
+</head>
+<body>
+	<h2>Redirecting to login...</h2>
+	<div class="spinner"></div>
+	<form id="signin-form" method="POST" action="/auth/signin/authentik">
+		<input type="hidden" name="callbackUrl" value="${callbackUrl}" />
+	</form>
+	<script>
+		document.getElementById('signin-form').submit();
+	</script>
+</body>
+</html>`;
+
+	return new Response(html, {
+		headers: {
+			'Content-Type': 'text/html'
+		}
+	});
+};
\ No newline at end of file
diff --git a/src/routes/logout/+server.ts b/src/routes/logout/+server.ts
new file mode 100644
index 0000000..ab301f8
--- /dev/null
+++ b/src/routes/logout/+server.ts
@@ -0,0 +1,35 @@
+import type { RequestHandler } from './$types';
+
+export const GET: RequestHandler = async ({ url }) => {
+	const callbackUrl = url.searchParams.get('callbackUrl') || '/';
+	
+	// Create an auto-submitting form that POSTs to Auth.js signout
+	const html = `
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Signing out...</title>
+	<style>
+		body { font-family: system-ui; text-align: center; padding: 2rem; }
+		.spinner { border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin: 20px auto; }
+		@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
+	</style>
+</head>
+<body>
+	<h2>Signing out...</h2>
+	<div class="spinner"></div>
+	<form id="signout-form" method="POST" action="/auth/signout">
+		<input type="hidden" name="callbackUrl" value="${callbackUrl}" />
+	</form>
+	<script>
+		document.getElementById('signout-form').submit();
+	</script>
+</body>
+</html>`;
+
+	return new Response(html, {
+		headers: {
+			'Content-Type': 'text/html'
+		}
+	});
+};
\ No newline at end of file
