basic components adjusted.

Frontend/src/app/app.component.css

@@ -1 +1,9 @@
-
+.wrapper_app {
+    padding-bottom: 2.5rem;    /* Footer height */
+}
+.footer_app {
+    position: relative;
+    bottom: 0;
+    width: 100%;
+    height: 2.5rem;            /* Footer height */
+}

Frontend/src/app/app.component.html

@@ -1,13 +1,8 @@
-<div class="container">
+<router-outlet></router-outlet>
-    <div class="header">
+
-        <app-top-bar></app-top-bar>
+
-    </div>
+
-    <div class="page-content">
+
-        <router-outlet></router-outlet>
+
-    </div>
-    <div class="footer">
-        <app-bottom-bar></app-bottom-bar>
-    </div>
-</div>
 
 

Frontend/src/app/app.module.ts

@@ -32,10 +32,12 @@ import {BottomBarComponent} from './components/bottom-bar/bottom-bar.component';
 import { HotDealsWidgetComponent } from './components/hot-deals-widget/hot-deals-widget.component';
 import { SliderForProductsComponent } from './components/slider-for-products/slider-for-products.component';
 import { RegistrationComponent } from './components/auth/registration/registration.component';
-import { SigninComponent } from './components/auth/signin/signin.component';
 import { MatCardModule } from "@angular/material/card";
-import {MatFormField} from "@angular/material/form-field";
+import {SigninComponent} from "./components/auth/signin/signin.component";
-
+import { CopyrightComponent } from './components/copyright/copyright.component';
+import { GreetingInfoSliderComponent } from './components/greeting-info-slider/greeting-info-slider.component';
+import { KundenComponent } from './components/kunden/kunden.component';
+import { AboutUsComponent } from './components/about-us/about-us.component';
 
 // For cookie popup
 const cookieConfig: NgcCookieConsentConfig = {
@@ -96,6 +98,10 @@ const cookieConfig: NgcCookieConsentConfig = {
         SliderForProductsComponent,
         RegistrationComponent,
         SigninComponent,
+        CopyrightComponent,
+        GreetingInfoSliderComponent,
+        KundenComponent,
+        AboutUsComponent,
     ],
     imports: [
         BrowserModule,
@@ -113,7 +119,6 @@ const cookieConfig: NgcCookieConsentConfig = {
         MatListModule,
         MatButtonModule,
         MatIconModule,
-        MatFormField,
         RouterModule.forRoot([
             {path: '', component: LandingpageComponent},
         ]),

Frontend/src/app/app.routing.ts

@@ -9,6 +9,8 @@ import {ProductSearchPageComponent} from './pages/product-search-page/product-se
 import {PageNotFoundPageComponent} from './pages/page-not-found-page/page-not-found-page.component';
 import {ImprintComponent} from './pages/imprint/imprint.component';
 import {PrivacyComponent} from './pages/privacy/privacy.component';
+import {SigninComponent} from "./components/auth/signin/signin.component";
+import {RegistrationComponent} from "./components/auth/registration/registration.component";
 
 const routes: Routes = [
     {path: '', component: LandingpageComponent, pathMatch: 'full'},
@@ -16,6 +18,9 @@ const routes: Routes = [
     {path: 'product/:id', component: ProductDetailPageComponent},
     {path: 'impressum', component: ImprintComponent},
     {path: 'datenschutz', component: PrivacyComponent},
+    {path: 'signin', component: SigninComponent},
+    {path: 'registration', component: RegistrationComponent},
+    {path: "product-detail", component: ProductDetailPageComponent},
     {path: '**', component: PageNotFoundPageComponent}
 ];