diff --git a/app/static/css/login.css b/app/static/css/login.css
new file mode 100644
index 0000000..09eb27a
--- /dev/null
+++ b/app/static/css/login.css
@@ -0,0 +1,4 @@
+.card {
+  width: 500px;
+  max-width: 100%;
+}
diff --git a/app/static/css/style.css b/app/static/css/style.css
index 344dd30..762c0d4 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -1,48 +1,46 @@
 h1 {
- margin-bottom: 2rem;
- color: #0068b4;
- font-weight: bold;
+  margin-bottom: 2rem;
+  color: #0068b4;
+  font-weight: bold;
 }
 
 .logowvh {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-    max-height: 15rem;
-    aspect-ratio: 1/1;
-    margin-top: 2rem;
-    margin-bottom: 2rem;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  max-height: 15rem;
+  aspect-ratio: 1/1;
+  margin-top: 0.6rem;
+  margin-bottom: 0.6rem;
 }
 
-#loginMain{
-    color: #0068b4;
-    font-weight: bold;
-    font-size: 1.5rem;
-    text-decoration: none;
+#loginMain {
+  color: #0068b4;
+  font-weight: bold;
+  font-size: 1.5rem;
+  text-decoration: none;
 }
 .rounded-pill {
-    margin-left: 5px;
+  margin-left: 5px;
 }
 
 .footer {
-    font-size: small;
+  font-size: small;
 }
 
-#wfvmainsquare{
-    width: 100px;
-    height: 100px;
-    background-color: #0068b4;
-    rotate: 70deg;
-    margin: 3%;
-    border: 3px solid #b1b2b3;
+#wfvmainsquare {
+  width: 100px;
+  height: 100px;
+  background-color: #0068b4;
+  rotate: 70deg;
+  margin: 3%;
+  border: 3px solid #b1b2b3;
 }
 
-.wfvwhitesquare{
-    width: 20%;
-    height: 50%;
-    background-color: white;
-    position: absolute;
-    margin-left: 15%;
+.wfvwhitesquare {
+  width: 20%;
+  height: 50%;
+  background-color: white;
+  position: absolute;
+  margin-left: 15%;
 }
-
-
diff --git a/app/templates/account/login.html b/app/templates/account/login.html
index 889e0ec..4032846 100644
--- a/app/templates/account/login.html
+++ b/app/templates/account/login.html
@@ -1,48 +1,31 @@
-{% extends "base.html" %}
-
-{% load i18n %}
+{% extends "base.html" %} 
+{% load i18n %} 
+{% load static %}
 {% load crispy_forms_tags %}
-
-{% load account socialaccount %}
-
-{% block head_title %}{% trans "Sign In" %}{% endblock %}
-
+{% block header %}
+  <link rel="stylesheet" href="{% static 'css/login.css' %}">
+{% endblock header %}
+{% block head_title %}{% trans "Sign In" %}{% endblock head_title %} 
 {% block content %}
 <div class="row">
-  <div class="col-lg-5">
-
-<h1>{% trans "Sign In" %}</h1>
-
-{% get_providers as socialaccount_providers %}
-{% comment %} 
-{% if socialaccount_providers %}
-<p>{% blocktrans with site.name as site_name %}Please sign in with one
-of your existing third party accounts. Or, <a href="{{ signup_url }}">sign up</a>
-for a {{ site_name }} account and sign in below:{% endblocktrans %}</p>
-
-<div class="socialaccount_ballot">
-  <ul class="socialaccount_providers">
-    {% include "socialaccount/snippets/provider_list.html" with process="login" %}
-  </ul>
-  <div class="login-or">{% trans 'or' %}</div>
+  <img class="logowvh" src="{% static 'img/wvhLogo.svg'%}" alt="" >
+  <div class="d-flex justify-content-center mt-5">
+    <div class="card shadow-sm p-3 mb-5 bg-body rounded">
+      <div class="card-body">
+        {% comment %} <p class="">Willkommen bei der Fallen Birdy App</p> {% endcomment %}
+        <form class="login" method="POST" action="{% url 'account_login' %}">
+          {% csrf_token %}           
+          {{ form|crispy }} 
+          {% if redirect_field_value %}
+            <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}"/>
+          {% endif %}
+          <div class="btn-group" data-toggle="buttons">
+            <a class="btn btn-danger btn-block" href="{% url 'account_reset_password' %}">{% trans "Forgot Password?" %}</a>
+            <button class="btn btn-primary" type="submit">{% trans "Sign In" %}</button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
 </div>
-
-{% include "socialaccount/snippets/login_extra.html" %}
-
-{% else %}
-<p>{% blocktrans %}If you have not created an account yet, then please
-<a href="{{ signup_url }}">sign up</a> first.{% endblocktrans %}</p>
-{% endif %} {% endcomment %}
-
-<form class="login" method="POST" action="{% url 'account_login' %}">
-  {% csrf_token %}
-  {{ form|crispy }}
-  {% if redirect_field_value %}
-  <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
-  {% endif %}
-  <a class="btn btn-danger" href="{% url 'account_reset_password' %}">{% trans "Forgot Password?" %}</a>
-  <button class="btn btn-primary" type="submit">{% trans "Sign In" %}</button>
-</form>
-</div>
-
 {% endblock %}