diff --git a/default.cert b/default.cert
new file mode 100644
index 00000000..cffe3c08
--- /dev/null
+++ b/default.cert
@@ -0,0 +1,29 @@
+-----BEGIN CERTIFICATE-----
+MIIFCTCCAvGgAwIBAgIUbvD0dvnZOCfstZkE6ByRwYah4VMwDQYJKoZIhvcNAQEL
+BQAwFDESMBAGA1UEAwwJbG9jYWxob3N0MB4XDTI0MTAxNjA4NDM0OFoXDTI1MTAx
+NjA4NDM0OFowFDESMBAGA1UEAwwJbG9jYWxob3N0MIICIjANBgkqhkiG9w0BAQEF
+AAOCAg8AMIICCgKCAgEApiFVMNAFtrai9s/xP+kYxsa7NzmPBlJg07MsFlW7JPek
+FMAy/4HSSZd8gG3fWz73U3cy4J+Oecdy3O0T708ImVBcYskN/Hi/JCBuTRSJZqH4
+SlFFqoqR5E8H1bVDL9l4QQgWqoBzNiAEwBMlPSTAeoL91a02qYIPTNjVx93d+1Ua
+eGq3/4HhYxogD6vjJOol32T2Twe7xMJ2j4IIsaQLvprA05HhYpJOxRkeuJQO7TEv
+o5VcwxURtKm15z8GN6Fj0/MQ/edvj6l59g4ywtNeqIKyQHq/B9QVsfYQIK3HA9j/
+Z5cVEfvMjhMl2x6Bh29npg2DRWiucRJioEwRYsxP5G8DO6f0maP+siY8lZrrioxV
+LVbyz4z6skFSoGR0lY59oe4+V4UR8Djww/WxuzmI8UJFT0/2cV1ux8mY/UAePjUo
+HOzkUn7E669eabRldcBzWpb0ocmeufPdi+LWGHvZxE4v3iUVsxv+GgH7QAYy2LV3
+XW5PwHGEMbOkrb772oe13IEYiXCXKgPheI26u3dw6LUKk9V2w+aGvjfjY7IQMDZy
+kZ6r5XdLeyUMYfu2UEs+8e8WTW+DYade35k9Hd2AWYYjoGeUjEoht1KKVA9cTyMg
+Mf34u40bR5xb9TRLSZc9ZR3OBIIT3gea0gdNQ59XBwRHzcdW1bgOARFcYGcjWOkC
+AwEAAaNTMFEwHQYDVR0OBBYEFJS1zAOTGWa0+TgIne/tFIk2h3dsMB8GA1UdIwQY
+MBaAFJS1zAOTGWa0+TgIne/tFIk2h3dsMA8GA1UdEwEB/wQFMAMBAf8wDQYJKoZI
+hvcNAQELBQADggIBACAc9yR77JcUdFYPqVwwkm/hLPTKzcJCEgUZ/8MuYk8CEDxf
+ZPeckksEaKHOCi4R6pUqGRudQ7+jW7z9+1zU4iS3s6TxoydTuIFIWlVWfvlCRtWi
+CldfpHJH/fw8c7g0pV5neEMKmA1E2tNz8escjSqIDy8Ow8TUbZQvupId+izIg705
+gd5Bjb88WlGsEIEY7myIgU7MvSFwv2hogqUGomjJIv9dArOS3hDcLoFcL5Nb3W7/
+CqLgwOUPsLy+/bS8DvYe3Q6knPUmiPYA+jI0XNYmDqadrv00/5sYKEU27dKsu2RZ
+GSD+M0cgxrDfO+hthlYVefak0edz0T3WYxVc+PFGmm6CjDd0Y2iCabaAID8RJzEf
+GUwZRbrF0sQWWwvwxtMUvxvCY1I8N1gTFYaH6mDPPYPd72Cbu5UBtsOg1SHJ3WuE
+rSUWgkjieQIS87kDMgFKcgrUUogkkivJhXy0dBWDQAZtHbG5qUuqypRlmGgST1zI
+aRQD+tIR8aY6lsG8GAGXrSXA8YOyDHNwkR+7LpC6eNi96GDbOJdy6aF7qmJ3beRw
+vP5MDwsITZp9BM3IofFQVS7MVEuPQ71plM/aqM5Jf0tqZFpzPN3S+udycyzHfPrK
+5OBU6MSaClmyrsTjsh0TjCdOVZrX1nNvfg+2WlfzMn9XfQlpd+iXbjuShFuP
+-----END CERTIFICATE-----
diff --git a/frontend/src/lib/components/UserLandingPage.svelte b/frontend/src/lib/components/UserLandingPage.svelte
index ea57db8b..4dd25e0f 100644
--- a/frontend/src/lib/components/UserLandingPage.svelte
+++ b/frontend/src/lib/components/UserLandingPage.svelte
@@ -1,21 +1,24 @@
 <script lang="ts">
+	import { activeTabChildren, activeTabPersonal, componentTable } from '$lib/stores/componentStore';
+	import { currentUser } from '$lib/stores/userStore';
 	import { TabItem, Tabs } from 'flowbite-svelte';
 	import { GridPlusSolid, ProfileCardSolid } from 'flowbite-svelte-icons';
+	import { get } from 'svelte/store';
+	import UserVerify from './UserVerify.svelte';
 
-	import { activeTabChildren, activeTabPersonal, componentTable } from '$lib/stores/componentStore';
 	import { onDestroy } from 'svelte';
 
-	export let userData: any[];
+	console.log('user: ', get(currentUser));
+	const isVerifed = get(currentUser)?.is_verified;
 	let currentPersonal = 'userDataInput';
 	let currentChildren = 'childrenGallery';
+	export let userData: any[];
 
 	const unsubscribePersonal = activeTabPersonal.subscribe((value) => {
-		console.log('personal tab: ', value);
 		currentPersonal = value;
 	});
 
 	const unsubscribeChildren = activeTabChildren.subscribe((value) => {
-		console.log('children tab: ', value);
 		currentChildren = value;
 	});
 
@@ -25,21 +28,25 @@
 	});
 </script>
 
-<div class="m-2 p-2">
-	<Tabs tabStyle="pill">
-		<TabItem open={true}>
-			<div slot="title" class="flex items-center gap-2 text-lg">
-				<ProfileCardSolid size="lg" />
-				Persönliche Daten
-			</div>
-			<svelte:component this={componentTable[currentPersonal]} data={userData} />
-		</TabItem>
-		<TabItem>
-			<div slot="title" class="flex items-center gap-2 text-lg">
-				<GridPlusSolid size="lg" />
-				Kinder
-			</div>
-			<svelte:component this={componentTable[currentChildren]} />
-		</TabItem>
-	</Tabs>
-</div>
+{#if isVerifed === true}
+	<div class="m-2 p-2">
+		<Tabs tabStyle="pill">
+			<TabItem open={true}>
+				<div slot="title" class="flex items-center gap-2 text-lg">
+					<ProfileCardSolid size="lg" />
+					Persönliche Daten
+				</div>
+				<svelte:component this={componentTable[currentPersonal]} data={userData} />
+			</TabItem>
+			<TabItem>
+				<div slot="title" class="flex items-center gap-2 text-lg">
+					<GridPlusSolid size="lg" />
+					Kinder
+				</div>
+				<svelte:component this={componentTable[currentChildren]} />
+			</TabItem>
+		</Tabs>
+	</div>
+{:else}
+	<UserVerify />
+{/if}
diff --git a/frontend/src/lib/components/UserLogin.svelte b/frontend/src/lib/components/UserLogin.svelte
index 46bdcfa2..08dda067 100644
--- a/frontend/src/lib/components/UserLogin.svelte
+++ b/frontend/src/lib/components/UserLogin.svelte
@@ -1,102 +1,95 @@
 <script lang="ts">
-	import { goto } from '$app/navigation';
 	import { base } from '$app/paths';
 
 	import UserLoginUtil from '$lib/components//UserLoginUtil.svelte';
 	import AlertMessage from '$lib/components/AlertMessage.svelte';
 	import DataInput from '$lib/components/DataInput/DataInput.svelte';
-	import NavigationButtons from '$lib/components/Navigation/NavigationButtons.svelte';
 
-	import { hash, users, type UserData } from '$lib/stores/userStore';
-	import { Card, Heading } from 'flowbite-svelte';
-	import { onDestroy, onMount } from 'svelte';
+	import { goto } from '$app/navigation';
+	import { authCookieLogin, usersCurrentUser } from '$lib/client/services.gen';
+	import { type AuthCookieLoginData, type UserRead } from '$lib/client/types.gen';
+	import { currentUser } from '$lib/stores/userStore';
+	import { preventDefault } from '$lib/util';
+	import { Button, Card, Heading, Input } from 'flowbite-svelte';
+	import { _ } from 'svelte-i18n';
+
+	async function refresh(): Promise<string> {
+		const returned = await usersCurrentUser();
+		if (returned.error) {
+			console.log('Error getting current user: ', returned.error.detail);
+			currentUser.set(null);
+			return returned.error.detail;
+		} else {
+			console.log('Successfully retrieved active user');
+			currentUser.set(returned.data as UserRead);
+			return 'success';
+		}
+	}
 
 	// functionality
+	async function submitData(): Promise<void> {
+		const loginData: AuthCookieLoginData = {
+			body: {
+				username: formData[0].value,
+				password: formData[1].value
+			}
+		};
 
-	/**
-	 * This currently immitates the behavior of a login system by fetching data from
-	 * the userstore that has been precreated. What fetchWithCredentials does currently will later go into the backend
-	 */
-	async function validateCredentials() {
-		// README: this should not be set here but in the child component. However, indication of something missing should
-		// not happen immediatelly in the first round of entry, so this code here defers it until the first hit of the login button.
-
-		const user = await users.fetchWithCredentials(
-			data[0].value,
-			await hash(data[1].value),
-			data[2].value
-		);
+		const authReturn = await authCookieLogin(loginData);
 
-		console.log(user);
+		// forget user data again to not have a plain text password lying around in memory somewhere
+		// any longer than needed
 
-		if (user) {
-			userID = user.id;
+		if (authReturn.error) {
+			showAlert = true;
+		} else {
+			const status: string = await refresh();
 
-			if (remember) {
-				localStorage.setItem('currentUser', JSON.stringify(userID));
+			if (status !== 'success') {
+				console.log('error during retrieving active users: ', status);
+				showAlert = true;
+				alertMessage = $_('login.unauthorized') + ': ' + status;
 			} else {
-				localStorage.removeItem('currentUser');
+				console.log('login and user retrieval successful');
+				goto('/userLand/userLandingpage');
 			}
-
-			await users.setLoggedIn(userID);
-
-			await users.save();
-
-			goto(`${base}/userLand/userLandingpage/`);
-		} else {
-			showAlert = true;
-			data = data.map((element) => {
-				element.value = null;
-				return element;
-			});
 		}
 	}
 
-	// data and variables
-	export let data: any[];
-
-	const buttons = [
+	// form data and variables
+	let formData = [
+		{
+			component: Input,
+			value: '',
+			props: {
+				label: $_('login.usernameLabel'),
+				type: 'email',
+				placeholder: $_('login.usernameLabel'),
+				required: true,
+				id: 'username'
+			}
+		},
 		{
-			label: 'Login',
-			href: null,
-			onclick: validateCredentials
+			component: Input,
+			value: '',
+			props: {
+				label: $_('login.passwordLabel'),
+				type: 'password',
+				placeholder: $_('login.passwordLabel'),
+				required: true,
+				id: 'password'
+			}
 		}
 	];
 
-	let alertMessage = 'Eingaben sind falsch';
-	let userID: string;
 	let remember: boolean = false;
 	let showAlert: boolean = false;
-	const heading = 'Einloggen';
-
-	// check if credentials are stored
-	onMount(async () => {
-		// make dummyUser if not already there
-		users.load();
-
-		// check if credentials are saved
-		const savedUID = JSON.parse(localStorage.getItem('currentUser'));
-
-		if (savedUID) {
-			userID = savedUID;
-
-			const user: UserData = (await users.fetch(userID)) as UserData;
-
-			data[0].value = user.name;
-			data[1].value = user.password;
-			data[2].value = user.role;
-			remember = true;
-		}
-	});
-
-	onDestroy(async () => {
-		await users.save();
-	});
+	let alertMessage: string = $_('login.badCredentials');
 </script>
 
 {#if showAlert}
 	<AlertMessage
-		title={'Fehler'}
+		title={$_('login.alertMessageTitle')}
 		message={alertMessage}
 		lastpage={`${base}/userLand/userLogin`}
 		onclick={() => {
@@ -105,53 +98,43 @@
 	/>
 {/if}
 
-{#if users.get()['loggedIn'] && users.get()['loggedIn'] !== null}
-	<AlertMessage
-		title={'Fehler'}
-		message={`Sie sind bereits angemeldet. Melden sie sich zuerst ab um den Account zu wechseln.`}
-		lastpage={`${base}`}
-		onclick={() => {
-			showAlert = false;
-		}}
-	/>
-{:else}
-	<div class="container m-1 mx-auto w-full max-w-xl">
-		<Card class="container m-1 mx-auto mb-6 w-full max-w-xl pb-6">
-			{#if heading}
-				<Heading
-					tag="h3"
-					class="m-1 mb-3 p-1 text-center font-bold tracking-tight text-gray-700 dark:text-gray-400"
-					>{heading}</Heading
-				>
-			{/if}
-
-			<form class="m-1 m-3 mx-auto w-full flex-col space-y-6">
-				{#each data as element}
-					<DataInput
-						component={element.component}
-						label={element.props.label}
-						bind:value={element.value}
-						properties={element.props}
-						eventHandlers={{
-							'on:change': element.onchange,
-							'on:blur': element.onblur,
-							'on:click': element.onclick
-						}}
-					/>
-				{/each}
-			</form>
+<div class="container m-2 mx-auto w-full max-w-xl">
+	<Card class="container m-2 mx-auto mb-6 w-full max-w-xl pb-6">
+		<Heading
+			tag="h3"
+			class="m-2 mb-3 p-2 text-center font-bold tracking-tight text-gray-700 dark:text-gray-400"
+			>{$_('login.heading')}</Heading
+		>
 
-			<UserLoginUtil cls="p-6 mb-3" bind:checked={remember} />
+		<form onsubmit={preventDefault(submitData)} class="m-2 mx-auto w-full flex-col space-y-6">
+			{#each formData as element}
+				<DataInput
+					component={element.component}
+					label={element.props.label}
+					bind:value={element.value}
+					properties={element.props}
+					eventHandlers={{
+						'on:change': element.onchange,
+						'on:blur': element.onblur,
+						'on:click': element.onclick
+					}}
+				/>
+			{/each}
 
-			<NavigationButtons {buttons} />
-		</Card>
+			<UserLoginUtil cls="p-6 mb-3" bind:checked={remember} />
 
-		<span class="container mx-auto w-full text-gray-700 dark:text-gray-400">Not registered?</span>
-		<a
-			href={`${base}/userLand/userRegistration`}
-			class="text-primary-700 hover:underline dark:text-primary-500"
-		>
-			Create account
-		</a>
-	</div>
-{/if}
+			<Button
+				class="dark:bg-primay-700 w-full bg-primary-700 text-center text-sm text-white hover:bg-primary-800 hover:text-white dark:hover:bg-primary-800"
+				type="submit">{$_('login.submitButtonLabel')}</Button
+			>
+		</form>
+	</Card>
+
+	<span class="container mx-auto w-full text-gray-700 dark:text-gray-400">Not registered?</span>
+	<a
+		href={`${base}/userLand/userRegistration`}
+		class="text-primary-700 hover:underline dark:text-primary-500"
+	>
+		Create account
+	</a>
+</div>
diff --git a/frontend/src/lib/components/UserProfile.svelte b/frontend/src/lib/components/UserProfile.svelte
index 02153b7d..05bb301c 100644
--- a/frontend/src/lib/components/UserProfile.svelte
+++ b/frontend/src/lib/components/UserProfile.svelte
@@ -1,39 +1,68 @@
 <script lang="ts">
+	import { goto } from '$app/navigation';
 	import { base } from '$app/paths';
-	import { users } from '$lib/stores/userStore';
+	import { authCookieLogout } from '$lib/client/services.gen';
+	import { type UserRead } from '$lib/client/types.gen';
+	import { currentUser } from '$lib/stores/userStore';
 	import { Button, Heading, Popover } from 'flowbite-svelte';
 	import { onDestroy } from 'svelte';
+	import { _ } from 'svelte-i18n';
+	import { get } from 'svelte/store';
+	import AlertMessage from './AlertMessage.svelte';
 
 	export let triggeredBy = '';
-	let loggedIn: string | null = users.get()['loggedIn'];
-	let userData: UserData | null = loggedIn ? users.fetch(loggedIn) : null;
 
-	const unsubscribe = users.subscribe((currentUserData) => {
-		loggedIn = currentUserData['loggedIn'];
+	let userData: UserRead | null = get(currentUser);
+	let showAlert: boolean = false;
+	let alertMessage: string = $_('login.alertMessageError');
 
-		if (loggedIn && loggedIn !== null) {
-			userData = users.fetch(loggedIn);
-		}
+	const unsubscribe = currentUser.subscribe((data) => {
+		userData = data;
 	});
 
-	function logout() {
-		users.get()['loggedIn'] = null;
-		userData = null;
+	async function logout(): Promise<void> {
+		const response = await authCookieLogout();
+		if (response.error) {
+			console.log('Error during logout: ', response.response.status, response.error.detail);
+			showAlert = true;
+			alertMessage += ': ' + response.error.detail;
+		} else {
+			console.log('Successful logout of user ', userData.email, response.response.status);
+			userData = null;
+			goto(`/${base}`);
+		}
 	}
 
 	onDestroy(unsubscribe);
+
+	$: console.log('userData in profile: ', userData);
 </script>
 
 <Popover {triggeredBy} class="text-gray-700 dark:text-gray-400">
+	{#if showAlert}
+		<AlertMessage
+			title={$_('login.alertMessageTitle')}
+			message={alertMessage}
+			onclick={() => {
+				showAlert = false;
+			}}
+		/>
+	{/if}
 	{#if userData !== null}
-		<div class="mx-auto flex flex-col items-center justify-center">
-			<p class="m-2 w-full rounded-lg border p-2 text-lg font-semibold">{userData.name}</p>
-			<Button href={`${base}/`} on:click={logout} size="lg">Logout</Button>
+		<div class="mx-auto mb-6 flex flex-col items-center justify-center space-y-6">
+			<p class="m-2 w-full rounded-lg p-2 font-semibold">{userData.email}</p>
+			<Button class="m-2 w-full" on:click={logout} size="lg"
+				>{$_('login.profileButtonLabelLogout')}</Button
+			>
 		</div>
 	{:else}
 		<div class="mx-auto mb-6 flex flex-col items-center justify-center space-y-6">
-			<Heading tag="h3">Willkommen!</Heading>
-			<Button href="{base}/userLand/userLogin">Einloggen oder Registrieren</Button>
+			<Heading tag="h3" class="mx-auto flex w-full justify-center"
+				>{$_('login.profileTitleDefault')}</Heading
+			>
+			<Button class="m-2 w-full" href="{base}/userLand/userLogin" size="lg"
+				>{$_('login.profileButtonLabelDefault')}</Button
+			>
 		</div>
 	{/if}
 </Popover>
diff --git a/frontend/src/lib/components/UserRegistration.svelte b/frontend/src/lib/components/UserRegistration.svelte
index c00ab672..8a3952e6 100644
--- a/frontend/src/lib/components/UserRegistration.svelte
+++ b/frontend/src/lib/components/UserRegistration.svelte
@@ -1,165 +1,155 @@
 <script lang="ts">
-	import { goto } from '$app/navigation';
 	import { base } from '$app/paths';
+	import { registerRegister } from '$lib/client/services.gen';
+	import { type RegisterRegisterData } from '$lib/client/types.gen';
 	import AlertMessage from '$lib/components/AlertMessage.svelte';
 	import DataInput from '$lib/components/DataInput/DataInput.svelte';
-	import NavigationButtons from '$lib/components/Navigation/NavigationButtons.svelte';
-	import { children } from '$lib/stores/childrenStore';
-	import { hash, users } from '$lib/stores/userStore';
-	import { Card, Heading, Input } from 'flowbite-svelte';
-	import { onDestroy, onMount } from 'svelte';
-
-	onMount(async () => {
-		// make dummyUser if not already there
-		users.load();
-	});
-
-	onDestroy(async () => {
-		await users.save();
-	});
-
-	function validate(): void {
-		const mailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-		missingValues[0] = inputValues[0] === null || inputValues[0] === ''; // username
-		missingValues[1] = inputValues[1] === null || mailRegex.test(inputValues[1]) === false; // email
-		missingValues[2] =
-			inputValues[2] === null || inputValues[2] === '' || inputValues[2] !== inputValues[3]; // password
-		missingValues[3] = inputValues[3] === null || missingValues[2];
-	}
-
-	async function reroute(): Promise<void> {
-		validate();
-
-		if (
-			missingValues.every((v) => {
-				return v === false;
-			})
-		) {
-			// README: userID is username+password just as a placeholder
-			const h = await hash(inputValues[2]);
-			const userID = inputValues[0] + h;
-			let userAddSuccess: boolean = true;
-
-			let userdata = {
-				name: inputValues[0],
-				id: userID, // README: without the backend, userID is emulated as username + password
-				role: 'Beobachter',
-				password: passwd
-			};
-
-			try {
-				await users.add(userID, userdata);
-			} catch (error) {
-				userAddSuccess = false;
-				showAlert = true;
-				alertMessage = 'Fehler bei Registrierung' + error;
+	import { preventDefault } from '$lib/util';
+	import { Button, Card, Heading, Input, Select } from 'flowbite-svelte';
+	import { _ } from 'svelte-i18n';
+	import UserVerify from './UserVerify.svelte';
+
+	async function submitData(): Promise<void> {
+		const equalPW = data[1].value !== '' && data[2].value === data[1].value;
+
+		const userData: RegisterRegisterData = {
+			body: {
+				email: '',
+				password: '',
+				is_active: false,
+				is_superuser: false,
+				is_researcher: false
 			}
-
-			try {
-				await children.addUser(userID);
-			} catch (error) {
+		};
+		if (equalPW) {
+			userData.body.email = data[0].value;
+			userData.body.password = data[1].value;
+			userData.body.is_researcher = data[3].value === $_('registration.researcherRole');
+			userData.body.is_superuser = data[3].value === $_('registration.adminRole');
+			userData.body.is_active = true;
+
+			const result = await registerRegister(userData);
+
+			if (result.error) {
+				console.log('error: ', result.response.status, result.error.detail);
+				alertMessage = $_('registration.alertMessageError') + ': ' + result.error.detail;
 				showAlert = true;
-				alertMessage = 'Fehler bei Registrierung: ' + error;
-				userAddSuccess = false;
-			}
-
-			if (userAddSuccess) {
-				try {
-					await users.save();
-				} catch (error) {
-					showAlert = true;
-					alertMessage = 'Fehler bei Registrierung' + error;
-					userAddSuccess = false;
-				}
-			}
-
-			if (userAddSuccess) {
-				try {
-					await children.save();
-				} catch (error) {
-					showAlert = true;
-					alertMessage = 'Fehler bei Registrierung' + error;
-					userAddSuccess = false;
-				}
-			}
-
-			if (userAddSuccess) {
-				try {
-					await users.setLoggedIn(userID); // set newly registered user as logged in
-				} catch (error) {
-					showAlert = true;
-					alertMessage = 'Fehler bei Registrierung' + error;
-					userAddSuccess = false;
-				}
-			}
-
-			if (userAddSuccess) {
-				showAlert = false;
-				goto(`${base}/${'userLand/userLandingpage'}`);
+			} else {
+				console.log('successful transmission: ', result.response.status);
+				success = true;
 			}
+			data.forEach((element) => {
+				element.value = '';
+			});
 		} else {
 			showAlert = true;
+			alertMessage = $_('registration.alertMessagePasswords');
 		}
 	}
 
-	export let data;
-
-	const heading = 'Als neuer Benutzer registrieren';
-	let showAlert: boolean = false;
-	let alertMessage: string = 'Bitte füllen Sie die benötigten Felder (hervorgehoben) aus.';
-	let missingValues: boolean[] = [false, false, false, false];
-	let inputValues: (string | null)[] = [null, null, null, null];
-	let passwd = '';
-	let passwdTest = '';
-	const buttons = [
+	const data = [
+		{
+			component: Input,
+			props: {
+				label: $_('registration.emailLabel'),
+				type: 'email',
+				placeholder: $_('registration.emailLabel'),
+				required: true,
+				id: 'email'
+			},
+			value: ''
+		},
+		{
+			component: Input,
+			props: {
+				label: $_('registration.passwordLabel'),
+				type: 'password',
+				placeholder: $_('registration.passwordLabel'),
+				required: true,
+				id: 'password'
+			},
+			value: ''
+		},
 		{
-			label: 'Registrieren',
-			onclick: reroute
+			component: Input,
+			props: {
+				label: $_('registration.passwordConfirmLabel'),
+				type: 'password',
+				placeholder: $_('registration.passwordConfirmLabel'),
+				required: true,
+				id: 'passwordConfirm'
+			},
+			value: ''
+		},
+		{
+			component: Select,
+			props: {
+				label: $_('registration.role'),
+				type: 'text',
+				placeholder: $_('registration.selectPlaceholder'),
+				required: true,
+				id: 'role',
+				items: [
+					$_('registration.observerRole'),
+					$_('registration.researcherRole'),
+					$_('registration.adminRole')
+				].map((v) => {
+					return { name: String(v), value: v };
+				})
+			},
+			value: $_('registration.observerRole')
 		}
 	];
+
+	let showAlert: boolean = false;
+	let success: boolean = false;
+	let alertMessage = $_('registration.alertMessageMissing');
 </script>
 
 <!-- Show big alert message when something is missing -->
 {#if showAlert}
 	<AlertMessage
-		title="Fehler"
+		title={$_('registration.alertMessageTitle')}
 		message={alertMessage}
 		infopage="{base}/info"
 		infotitle="Was passiert mit den Daten"
 		onclick={() => {
 			showAlert = false;
-			missingValues = [];
 		}}
 	/>
 {/if}
 
 <!-- The actual content -->
-<div class="container m-1 mx-auto w-full max-w-xl">
-	<Card class="container m-1 mx-auto w-full max-w-xl">
-		{#if heading}
-			<Heading
-				tag="h3"
-				class="m-1 mb-3 p-1 text-center font-bold tracking-tight text-gray-700 dark:text-gray-400"
-				>{heading}</Heading
-			>
-		{/if}
-
-		<form class="m-1 mx-auto w-full flex-col space-y-6">
+<Card class="container m-2 mx-auto w-full max-w-xl p-2">
+	<Heading
+		tag="h3"
+		class="m-1 mb-3 p-1 text-center font-bold tracking-tight text-gray-700 dark:text-gray-400"
+		>{$_('registration.heading')}
+	</Heading>
+
+	{#if success === false}
+		<form onsubmit={preventDefault(submitData)} class="m-2 mx-auto w-full flex-col space-y-6">
 			{#each data as element, i}
 				<DataInput
-					component={Input}
-					properties={element}
-					bind:value={inputValues[i]}
+					component={element.component}
+					properties={element.props}
+					bind:value={element.value}
 					eventHandlers={{
 						'on:change': element.onChange,
 						'on:blur': element.onBlur,
 						'on:click': element.onClick
 					}}
-					checkValid={element.checkValid}
-					label={element.label}
+					label={element.props.label}
 				/>
 			{/each}
+
+			<Button
+				type="submit"
+				class="dark:bg-primay-700 w-full bg-primary-700 text-center text-sm text-white hover:bg-primary-800 hover:text-white dark:hover:bg-primary-800"
+				>{$_('registration.submitButtonLabel')}</Button
+			>
 		</form>
-		<NavigationButtons {buttons} />
-	</Card>
-</div>
+	{:else}
+		<UserVerify />
+	{/if}
+</Card>
diff --git a/frontend/src/lib/components/UserVerify.svelte b/frontend/src/lib/components/UserVerify.svelte
new file mode 100644
index 00000000..f2d02943
--- /dev/null
+++ b/frontend/src/lib/components/UserVerify.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { Button } from 'flowbite-svelte';
+	import { CheckCircleOutline } from 'flowbite-svelte-icons';
+	import { _ } from 'svelte-i18n';
+</script>
+
+<div
+	class="m-2 mx-auto flex w-full items-center justify-center p-2 text-gray-700 dark:text-gray-400"
+>
+	<CheckCircleOutline size="xl" color="green" class="m-2" />
+	<div class="m-2 p-2">
+		{$_('registration.successMessage')}
+	</div>
+</div>
+<Button
+	type="button"
+	class="dark:bg-primay-700 w-full bg-primary-700 text-center text-sm text-white hover:bg-primary-800 hover:text-white dark:hover:bg-primary-800"
+	href="/"
+>
+	{$_('registration.goHome')}
+</Button>
diff --git a/frontend/src/lib/stores/userStore.ts b/frontend/src/lib/stores/userStore.ts
index 26821d87..aab5efb3 100644
--- a/frontend/src/lib/stores/userStore.ts
+++ b/frontend/src/lib/stores/userStore.ts
@@ -1,4 +1,6 @@
+import { type UserRead } from '$lib/client/types.gen';
 import { BasicStore } from '$lib/stores/basicStore';
+import { writable } from 'svelte/store';
 
 interface UserData {
 	name: string;
@@ -86,4 +88,6 @@ async function hash(input: string): string {
 	return hash;
 }
 
-export { createDummyUser, hash, users, UserStore, type UserData, type UserList };
+const currentUser = writable(null as null | UserRead);
+
+export { createDummyUser, currentUser, hash, users, UserStore, type UserData, type UserList };
diff --git a/frontend/src/locales/de.json b/frontend/src/locales/de.json
index c852a1ab..533c522e 100644
--- a/frontend/src/locales/de.json
+++ b/frontend/src/locales/de.json
@@ -1,7 +1,4 @@
 {
-	"login": {
-		"LOGIN_BAD_CREDENTIALS": "Ungültige E-Mail-Adresse oder ungültiges Passwort"
-	},
 	"milestone": {
 		"answer0-text": "Noch gar nicht",
 		"answer0-desc": "Das Kind macht noch keine Anstalten bzw. ist noch nicht in der Lage, das Verhalten auszuführen.",
@@ -40,7 +37,44 @@
 		"image": "Bild",
 		"images": "Bilder"
 	},
-	"login": {},
+	"registration": {
+		"heading": "Als neuer Benutzer registrieren",
+		"alertMessageMissing": "Bitte füllen Sie alle Felder aus.",
+		"alertMessageError": "Ein Fehler ist aufgetreten",
+		"alertMessagePasswords": "Passwörter stimmen nicht überein",
+		"alertMessageTitle": "Fehler",
+		"usernameLabel": "Benutzername",
+		"passwordLabel": "Passwort",
+		"emailLabel": "E-Mail",
+		"passwordConfirmLabel": "Passwort wiederholen",
+		"role": "Rolle",
+		"observerRole": "Beobachter",
+		"researcherRole": "Wissenschaftler",
+		"adminRole": "Admin",
+		"submitButtonLabel": "Absenden",
+		"selectPlaceholder": "Bitte auswählen",
+		"successMessage": "Bitte überprüfen sie ihr E-Mail Postfach",
+		"goHome": "Zur Hauptseite"
+	},
+	"login": {
+		"heading": "Einloggen",
+		"alreadyLoggedInMessage": "Sie sind bereits angemeldet. Melden sie sich zuerst ab um den Account zu wechseln.",
+		"alertMessageTitle": "Fehler",
+		"badCredentials": "Ungültige E-Mail-Adresse oder ungültiges Passwort",
+		"badActiveUser": "Der Benutzer konnte nicht gefunden werden",
+		"unauthorized": "Zugang verweigert",
+		"usernameLabel": "Benutzerkennung",
+		"passwordLabel": "Passwort",
+		"role": "Rolle",
+		"observerRole": "Beobachter",
+		"researcherRole": "Wissenschaftler",
+		"adminRole": "Admin",
+		"submitButtonLabel": "Absenden",
+		"selectPlaceholder": "Bitte auswählen",
+		"profileButtonLabelDefault": "Einloggen oder Registrieren",
+		"profileButtonLabelLogout": "Logout",
+		"profileTitleDefault": "Willkommen!"
+	},
 	"forgotPw": {
 		"heading": "Passwort vergessen?",
 		"placeholder": "Bitte geben sie eine E-mail Adresse an um ihr Passwort zu erneuern",
diff --git a/frontend/src/routes/userLand/userLogin/+page.svelte b/frontend/src/routes/userLand/userLogin/+page.svelte
index c007e1d8..e14b2ca2 100644
--- a/frontend/src/routes/userLand/userLogin/+page.svelte
+++ b/frontend/src/routes/userLand/userLogin/+page.svelte
@@ -1,41 +1,5 @@
 <script>
 	import UserLogin from '$lib/components/UserLogin.svelte';
-	import { Input, Select } from 'flowbite-svelte';
-
-	const data = [
-		{
-			component: Input,
-			value: null,
-			props: {
-				label: 'Benutzerkennung',
-				type: 'text',
-				placeholder: 'Benutzerkennung',
-				required: true
-			}
-		},
-		{
-			component: Input,
-			value: null,
-			props: {
-				label: 'Passwort',
-				type: 'password',
-				placeholder: 'Passwort',
-				required: true
-			}
-		},
-		{
-			component: Select,
-			value: null,
-			props: {
-				label: 'Rolle',
-				items: ['Beobachter', 'Wissenschaftler', 'Admin'].map((v) => {
-					return { name: String(v), value: v };
-				}),
-				placeholder: 'Bitte auswählen',
-				required: true
-			}
-		}
-	];
 </script>
 
-<UserLogin {data} />
+<UserLogin />
diff --git a/frontend/src/routes/userLand/userRegistration/+page.svelte b/frontend/src/routes/userLand/userRegistration/+page.svelte
index d78aef9f..104f34b5 100644
--- a/frontend/src/routes/userLand/userRegistration/+page.svelte
+++ b/frontend/src/routes/userLand/userRegistration/+page.svelte
@@ -1,57 +1,5 @@
 <script lang="ts">
 	import UserRegistration from '$lib/components/UserRegistration.svelte';
-	import { hash } from '$lib/stores/userStore';
-	let passwd: string;
-	let passwdTest: string;
-
-	const data = [
-		{
-			label: 'Benutzername',
-			name: 'Benutzername',
-			type: 'text',
-			placeholder: 'Wählen sie einen beliebigen Benutzernamen',
-			required: true,
-			checkValid: () => {
-				return true;
-			}
-		},
-		{
-			label: 'E-Mail',
-			name: 'E-Mail',
-			type: 'email',
-			placeholder: 'E-Mail',
-			required: true,
-			checkValid: () => {
-				return true;
-			}
-		},
-		{
-			label: 'Passwort',
-			name: 'Passwort',
-			type: 'password',
-			placeholder: 'Passwort',
-			required: true,
-			onBlur: async (event: Event) => {
-				passwd = await hash(event.srcElement.value);
-			},
-			checkValid: () => {
-				return passwd !== '' && passwd !== null && passwd !== undefined && passwd === passwdTest;
-			}
-		},
-		{
-			label: 'Passwort wiederholen',
-			name: 'Passwort wiederholen',
-			type: 'password',
-			placeholder: 'Passwort wiederholen',
-			required: true,
-			onBlur: async (event: Event) => {
-				passwdTest = await hash(event.srcElement.value);
-			},
-			checkValid: () => {
-				return passwd !== '' && passwd !== null && passwd !== undefined && passwd === passwdTest;
-			}
-		}
-	];
 </script>
 
-<UserRegistration {data} />
+<UserRegistration />
diff --git a/mondey_backend/src/mondey_backend/users.py b/mondey_backend/src/mondey_backend/users.py
index 91a394df..da5a0823 100644
--- a/mondey_backend/src/mondey_backend/users.py
+++ b/mondey_backend/src/mondey_backend/users.py
@@ -1,3 +1,6 @@
+# TODO: 17th Oct. 2024: remove the artificial verification setting again as soon as
+# the email verification server has been implemented. See 'README' block @ line 33f
+
 from __future__ import annotations
 
 from typing import Annotated
@@ -15,6 +18,7 @@
 
 from .databases.users import AccessToken
 from .databases.users import User
+from .databases.users import async_session_maker
 from .databases.users import get_access_token_db
 from .databases.users import get_user_db
 from .settings import app_settings
@@ -25,7 +29,18 @@ class UserManager(IntegerIDMixin, BaseUserManager[User, int]):
     verification_token_secret = app_settings.SECRET
 
     async def on_after_register(self, user: User, request: Request | None = None):
-        print(f"User {user.id} has registered.")
+        # README: Sets the verified flag artificially to allow users to work without an
+        # actual verification process for now. this can go again as soon as we have an email server for verification.
+        async with async_session_maker() as session:
+            user_db = await session.get(User, user.id)
+            if user_db:
+                user_db.is_verified = True
+                await session.commit()
+                await session.refresh(user_db)
+
+                print(f"User {user_db.id} has registered.")
+                print(f"User is verified? {user_db.is_verified}")
+        # end README
 
     async def on_after_forgot_password(
         self, user: User, token: str, request: Request | None = None