diff --git a/frontend/src/views/Layout/ContentFooter.vue b/frontend/src/views/Layout/ContentFooter.vue
index 30319be07..2c1686696 100755
--- a/frontend/src/views/Layout/ContentFooter.vue
+++ b/frontend/src/views/Layout/ContentFooter.vue
@@ -1,13 +1,14 @@
 <template>
   <footer class="footer px-4 bg-transparent">
     <b-row align-v="center" class="justify-content-lg-between">
-      <b-col lg="6">
-        <div class="copyright text-center text-lg-left text-muted">
+    <b-col><div class="copyright text-center text-lg-center text-muted">
           © {{year}} <a href="#!" to="/login" class="font-weight-bold ml-1" >Gradido-Akademie</a>
-        </div>
-      </b-col>
-      <b-col lg="6">
-        <b-nav class="nav-footer justify-content-center justify-content-lg-end">
+        </div></b-col>
+        
+        </b-row>
+      <b-row align-v="center" class="justify-content-lg-between" >
+        <b-col>
+        <b-nav class="nav-footer justify-content-center">
           <b-nav-item ref="https://gradido.net/" target="_blank">
             Gradido
           </b-nav-item>
diff --git a/frontend/src/views/Pages/Login.vue b/frontend/src/views/Pages/Login.vue
index 7ae741057..d2ff09bb5 100755
--- a/frontend/src/views/Pages/Login.vue
+++ b/frontend/src/views/Pages/Login.vue
@@ -1,11 +1,11 @@
 <template>
   <div>
     <!-- Header -->
-    <div class="  py-7 py-lg-5 pt-lg-1">
+    <div class="header p-4">
          <b-container>
         <div class="text-center mb-7">
           <b-row class="justify-content-center">
-            <b-col xl="5" lg="6" md="8" class="px-5">
+            <b-col xl="5" lg="6" md="8" class="px-2">
               <h1>Gradido</h1>
               <p class="text-lead">{{ $t('site.login.community')}}</p>
             </b-col>
@@ -14,11 +14,11 @@
       </b-container>
     </div>
     <!-- Page content -->
-    <b-container class="mt--8 pb-5">
+    <b-container class="mt--8 p-1">
       <b-row class="justify-content-center">
         <b-col lg="5" md="7">
           <b-card no-body class="border-0 mb-0" style="background-color: #ebebeba3 !important;">
-            <b-card-body class="px-lg-5 py-lg-5">
+            <b-card-body class="py-lg-4 px-sm-0 px-0 px-md-2 px-lg-4">
                 <div class="text-center text-muted mb-4">
                 <small>{{ $t('login')}}</small>
               </div>
diff --git a/frontend/src/views/Pages/Password.vue b/frontend/src/views/Pages/Password.vue
index 4925e65cb..a5a257c27 100644
--- a/frontend/src/views/Pages/Password.vue
+++ b/frontend/src/views/Pages/Password.vue
@@ -1,10 +1,10 @@
 <template>
   <div>
-    <div class="header py-7 py-lg-5 pt-lg-1">
+    <div class="header p-4">
       <b-container class="container">
         <div class="header-body text-center mb-7">
           <b-row class="justify-content-center">
-            <b-col xl="5" lg="6" md="8" class="px-5">
+            <b-col xl="5" lg="6" md="8" class="px-2">
               <h1 >{{ $t('site.password.title')}}</h1>
               <p class="text-lead">{{ $t('site.password.subtitle')}}</p>
             </b-col>
@@ -13,7 +13,7 @@
       </b-container>
     
     </div>
-    <b-container class="mt--8 pb-5">
+    <b-container class="mt--8 p-1">
       <b-row class="justify-content-center">
         <b-col lg="6" md="8" >
           <b-card no-body class="border-0" style="background-color: #ebebeba3 !important;">             
diff --git a/frontend/src/views/Pages/Register.vue b/frontend/src/views/Pages/Register.vue
index 6601f85c2..3d622066f 100755
--- a/frontend/src/views/Pages/Register.vue
+++ b/frontend/src/views/Pages/Register.vue
@@ -1,11 +1,11 @@
 <template>
   <div>
     <!-- Header -->
-    <div class="header py-7 py-lg-5 pt-lg-1">
+    <div class="header p-4">
       <b-container class="container">
         <div class="header-body text-center mb-7">
           <b-row class="justify-content-center">
-            <b-col xl="5" lg="6" md="8" class="px-5">
+            <b-col xl="5" lg="6" md="8" class="px-2">
               <h1 >{{ $t('site.signup.title')}}</h1>
               <p class="text-lead">{{ $t('site.signup.subtitle')}}</p>
             </b-col>
@@ -15,13 +15,13 @@
       
     </div>
     <!-- Page content -->
-    <b-container class="mt--8 pb-5">
+    <b-container class="mt--8 p-1">
       <!-- Table -->
       <b-row class="justify-content-center">
         <b-col lg="6" md="8" >
           <b-card no-body class="border-0" style="background-color: #ebebeba3 !important;">
              
-            <b-card-body class="px-lg-5 py-lg-5">
+            <b-card-body class="py-lg-4 px-sm-0 px-0 px-md-2 px-lg-4">
               <div class="text-center text-muted mb-4">
                 <small>{{ $t('signup')}} </small>
               </div>