responsive

src/app/components/login/footer/footer.component.scss

@@ -5,7 +5,7 @@
   bottom: 0;
   left: 0;
   width: 100%;
-  margin-bottom: 40px;
+  margin-bottom: 36px;
   a {
     text-align: center;
     font-size: 16px;
@@ -16,9 +16,10 @@
     width: 110px;
     height: 19px;
     text-decoration: none;
-  }
-  &:hover {
-    color: var(--light-blue);
-    font-weight: 600;
+    cursor: pointer;
+    &:hover {
+      color: var(--light-blue);
+      font-weight: 600;
+    }
   }
 }

src/app/shared/components/imprint/imprint.component.html

@@ -1,4 +1,4 @@
-<section>
+<section [ngClass]="{ 'router-padding': this.isRouteLogin }">
   <div>
     <div class="header">
       <h1>{{ "imprint.headline" | translate }}</h1>

src/app/shared/components/imprint/imprint.component.scss

@@ -4,6 +4,10 @@ section {
   white-space: normal;
 }
 
+.router-padding {
+  padding: 48px;
+}
+
 .header {
   display: flex;
   justify-content: space-between;
@@ -73,4 +77,8 @@ a {
   h2 {
     font-size: 27px;
   }
+
+  .router-padding {
+    padding: 24px;
+  }
 }

src/app/shared/components/imprint/imprint.component.ts

@@ -1,19 +1,33 @@
 import { Component } from '@angular/core';
-import { Location } from '@angular/common';
+import { CommonModule, Location } from '@angular/common';
 import { TranslateModule } from '@ngx-translate/core';
 import { BtnBackComponent } from '../buttons/btn-back/btn-back.component';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-imprint',
   standalone: true,
-  imports: [TranslateModule, BtnBackComponent],
+  imports: [TranslateModule, BtnBackComponent, CommonModule],
   templateUrl: './imprint.component.html',
   styleUrl: './imprint.component.scss',
 })
 export class ImprintComponent {
-  constructor(private location: Location) {}
+  isRouteLogin: boolean = false;
+
+  constructor(private location: Location, private router: Router) {}
+
+  ngOnInit(): void {
+    this.checkCurrentRoute();
+  }
 
   backClicked() {
     this.location.back();
   }
+
+  checkCurrentRoute(): void {
+    const currentUrl = this.router.url;
+    if (currentUrl === '/login/imprint') {
+      this.isRouteLogin = true;
+    }
+  }
 }

src/app/shared/components/privacy-policy/privacy-policy.component.html

@@ -1,4 +1,4 @@
-<section>
+<section [ngClass]="{ 'router-padding': this.isRouteLogin }">
   <div>
     <div class="header">
       <h1>{{ "privacy-policy.headline" | translate }}</h1>

src/app/shared/components/privacy-policy/privacy-policy.component.scss

@@ -4,6 +4,10 @@ section {
   white-space: normal;
 }
 
+.router-padding {
+  padding: 48px;
+}
+
 .header {
   display: flex;
   justify-content: space-between;
@@ -79,4 +83,8 @@ a {
   h2 {
     font-size: 27px;
   }
+
+  .router-padding {
+    padding: 24px;
+  }
 }

src/app/shared/components/privacy-policy/privacy-policy.component.ts

@@ -1,19 +1,33 @@
-import { Component } from '@angular/core';
-import { Location } from '@angular/common';
+import { Component, OnInit } from '@angular/core';
+import { CommonModule, Location } from '@angular/common';
 import { TranslateModule } from '@ngx-translate/core';
 import { BtnBackComponent } from '../buttons/btn-back/btn-back.component';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-privacy-policy',
   standalone: true,
-  imports: [TranslateModule, BtnBackComponent],
+  imports: [TranslateModule, BtnBackComponent, CommonModule],
   templateUrl: './privacy-policy.component.html',
   styleUrl: './privacy-policy.component.scss',
 })
-export class PrivacyPolicyComponent {
-  constructor(private location: Location) {}
+export class PrivacyPolicyComponent implements OnInit {
+  isRouteLogin: boolean = false;
+
+  constructor(private location: Location, private router: Router) {}
+
+  ngOnInit(): void {
+    this.checkCurrentRoute();
+  }
 
   backClicked() {
     this.location.back();
   }
+
+  checkCurrentRoute(): void {
+    const currentUrl = this.router.url;
+    if (currentUrl === '/login/privacy-policy') {
+      this.isRouteLogin = true;
+    }
+  }
 }