diff --git a/index.html b/index.html
index 2f31e81..42be102 100644
--- a/index.html
+++ b/index.html
@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/png" href="src/assets/esp-logo_no_text.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Vue + TS</title>
+    <title>ESP - Express, Share, Post</title>
     <link rel="stylesheet" href="/src/assets/main.css" />
   </head>
   <body class="bg-hintergrund-farbe">
diff --git a/src/components/login_components/login_comp.vue b/src/components/login_components/login_comp.vue
index aae54f3..4337524 100644
--- a/src/components/login_components/login_comp.vue
+++ b/src/components/login_components/login_comp.vue
@@ -1,9 +1,40 @@
 <script setup lang="ts">
 import router from "../../router";
+import { ref } from 'vue';
 
-function login() {
-  // alert("Account deleted. You will be redirected to the login page.");
-  router.push("/");
+async function login() {
+
+  const username = ref('testuser');
+  const password = ref('testpassword');
+
+
+    const response = await fetch('http://localhost:8000/api/account/login', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+        body: JSON.stringify({ username: username.value, password: password.value }),
+      });
+  /*
+  if (!response.ok) {
+    throw new Error(`Fehler beim Login: ${response.status} - ${response.statusText}`);
+  }
+   */
+
+  const data = await response.json();
+  // Handle successful login (e.g., store user data in Vuex)
+  console.log(response);
+  /*
+  console.log('Erfolgreich eingeloggt:', data);
+
+  console.error('Fehler beim Login:', error);
+
+   */
+    // Handle login error (e.g., display an error message to the user)
+
+
+  alert("Logged in. You will be redirected to the login page.");
+  router.push('/');
 }
 
 function handleSubmit(event: Event) {
