diff --git a/frontend/src/components/Auth/Header.vue b/frontend/src/components/Auth/Header.vue
index e74fe3182..0a0804c24 100644
--- a/frontend/src/components/Auth/Header.vue
+++ b/frontend/src/components/Auth/Header.vue
@@ -7,7 +7,7 @@
         alt="start background image"
       ></b-img>
       <div class="p-3">
-        <b-img class="imgLogo" :src="logo" height="40" alt="..." />
+        <b-img class="imgLogo" :src="logo" alt="..." />
       </div>
       <b-img class="header-img d-block d-lg-none" :src="sheet"></b-img>
       <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
@@ -43,9 +43,19 @@ export default {
 .imgLogo {
   position: absolute;
 }
+.imgLogo {
+  z-index: 1000;
+  width: 200px;
+  max-width: 280px;
+  top: 19px;
+  left: 0px;
+}
+
 .imgLogoBack {
-  height: 140px;
-  width: 250px;
+  width: 230px;
+  max-width: 300px;
+  height: auto;
+  top: 0px;
 }
 .auth-header {
   font-family: 'Open Sans', sans-serif !important;
diff --git a/frontend/src/components/Auth/MobileStart.vue b/frontend/src/components/Auth/MobileStart.vue
index 45d709905..49adcc507 100644
--- a/frontend/src/components/Auth/MobileStart.vue
+++ b/frontend/src/components/Auth/MobileStart.vue
@@ -55,14 +55,25 @@ export default {
   bottom: 65px;
   width: 100%;
 }
+
 /* logo */
 .mobil-start-box #img0 {
   position: absolute;
   z-index: 1000;
-  min-width: 200px;
+  width: 200px;
   max-width: 280px;
 }
 
+/* background logo */
+.mobil-start-box #img2 {
+  position: absolute;
+  width: 230px;
+  max-width: 300px;
+  height: auto;
+  z-index: 100;
+}
+
+/* background maske */
 .mobil-start-box #img1 {
   position: absolute;
   overflow: hidden;
@@ -71,22 +82,14 @@ export default {
   z-index: 10;
 }
 
-.mobil-start-box #img2 {
-  position: absolute;
-  min-width: 220px;
-  max-width: 300px;
-  height: auto;
-  z-index: 100;
-}
 .mobil-start-box #img3 {
-  width: 115%;
-  /*position: relative;*/
+  position: relative;
 }
 
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 1024px) {
   .mobil-start-box #img3 {
-    width: 150%;
-    top: -148px;
+    width: 100%;
+    top: -120px;
   }
 }