diff --git a/backend/build.gradle b/backend/build.gradle
index 8161a5e..435ff52 100644
--- a/backend/build.gradle
+++ b/backend/build.gradle
@@ -42,10 +42,15 @@ dependencies {
     implementation 'org.springframework.boot:spring-boot-starter-web'
     implementation 'org.liquibase:liquibase-core'
     implementation 'org.springframework.boot:spring-boot-starter-data-jpa'
+    implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
     developmentOnly 'org.springframework.boot:spring-boot-devtools'
     runtimeOnly 'org.mariadb.jdbc:mariadb-java-client'
     annotationProcessor 'org.springframework.boot:spring-boot-configuration-processor'
     implementation 'org.hibernate.orm:hibernate-core:6.5.0.Final'
+    implementation 'com.github.gavlyukovskiy:datasource-proxy-spring-boot-starter:1.9.1'
+    implementation 'org.springframework.boot:spring-boot-starter-validation'
+    implementation 'org.thymeleaf:thymeleaf:3.1.2.RELEASE'
+    implementation 'org.xhtmlrenderer:flying-saucer-pdf:9.5.1'
 }
 
 tasks.named('test') {
diff --git a/backend/src/main/java/de/itstimetoforget/backend/rest/entity/Customer.java b/backend/src/main/java/de/itstimetoforget/backend/rest/entity/Customer.java
index 923bf20..6a9926d 100644
--- a/backend/src/main/java/de/itstimetoforget/backend/rest/entity/Customer.java
+++ b/backend/src/main/java/de/itstimetoforget/backend/rest/entity/Customer.java
@@ -4,6 +4,7 @@
 import jakarta.persistence.*;
 
 import java.util.Date;
+import java.util.List;
 
 @Entity
 @Table(name = "customer")
@@ -22,8 +23,11 @@ public class Customer {
     @Temporal(TemporalType.TIMESTAMP)
     Date createdOn;
 
+    @OneToMany(mappedBy = "customer")
+    private List<Order> orders;
+
     @Id
-    @GeneratedValue(strategy = GenerationType.AUTO)
+    @GeneratedValue(strategy = GenerationType.IDENTITY)
     private Long id;
 
     @PrePersist
diff --git a/backend/src/main/java/de/itstimetoforget/backend/rest/entity/Employee.java b/backend/src/main/java/de/itstimetoforget/backend/rest/entity/Employee.java
index de0161d..8971f6c 100644
--- a/backend/src/main/java/de/itstimetoforget/backend/rest/entity/Employee.java
+++ b/backend/src/main/java/de/itstimetoforget/backend/rest/entity/Employee.java
@@ -10,7 +10,7 @@
 @JsonIgnoreProperties(ignoreUnknown = true)
 public class Employee {
     @Id
-    @GeneratedValue(strategy = GenerationType.AUTO)
+    @GeneratedValue(strategy = GenerationType.IDENTITY)
     private Long id;
     private String shortName;
     private String firstName;
diff --git a/backend/src/main/java/de/itstimetoforget/backend/rest/entity/Order.java b/backend/src/main/java/de/itstimetoforget/backend/rest/entity/Order.java
index e229050..44603da 100644
--- a/backend/src/main/java/de/itstimetoforget/backend/rest/entity/Order.java
+++ b/backend/src/main/java/de/itstimetoforget/backend/rest/entity/Order.java
@@ -1,24 +1,26 @@
 package de.itstimetoforget.backend.rest.entity;
 
 import com.fasterxml.jackson.annotation.JsonIgnoreProperties;
+import com.fasterxml.jackson.annotation.JsonProperty;
 import jakarta.persistence.*;
 
 import java.util.List;
 
 @Entity
-@JsonIgnoreProperties(ignoreUnknown = true)
-@Table(name = "order")
+@Table(name = "customer_order")
 public class Order {
+
     @Id
-    @GeneratedValue(strategy = GenerationType.AUTO)
+    @GeneratedValue(strategy = GenerationType.IDENTITY)
     private Long id;
 
-    @ManyToOne(fetch = FetchType.LAZY)
+    @ManyToOne
     @JoinColumn(name = "customer_id")
-    private Customer customerId;
+    private Customer customer;
     private String description;
 
-    @OneToMany(mappedBy = "order")
+    @OneToMany(mappedBy = "order", cascade = CascadeType.ALL, orphanRemoval = true)
+    @JsonProperty(required = true)
     private List<Password> passwords;
     private String equipment;
     private boolean express;
@@ -31,12 +33,12 @@ public Long getId() {
         return id;
     }
 
-    public Customer getCustomerId() {
-        return customerId;
+    public Customer getCustomer() {
+        return customer;
     }
 
-    public void setCustomerId(Customer customerId) {
-        this.customerId = customerId;
+    public void setCustomer(Customer customer) {
+        this.customer = customer;
     }
 
     public String getDescription() {
@@ -63,4 +65,8 @@ public boolean isExpress() {
     public void setExpress(boolean express) {
         this.express = express;
     }
+
+    public List<Password> getPasswords() {
+        return passwords;
+    }
 }
diff --git a/backend/src/main/java/de/itstimetoforget/backend/rest/entity/Password.java b/backend/src/main/java/de/itstimetoforget/backend/rest/entity/Password.java
index 010a985..0b9b1b5 100644
--- a/backend/src/main/java/de/itstimetoforget/backend/rest/entity/Password.java
+++ b/backend/src/main/java/de/itstimetoforget/backend/rest/entity/Password.java
@@ -7,14 +7,14 @@
 public class Password {
 
     String name;
-    String value;
+    String password;
 
     @ManyToOne(fetch = FetchType.LAZY)
     @JoinColumn(name = "order_id")
     Order order;
 
     @Id
-    @GeneratedValue(strategy = GenerationType.AUTO)
+    @GeneratedValue(strategy = GenerationType.IDENTITY)
     private Long id;
 
     public String getName() {
@@ -25,12 +25,12 @@ public void setName(String name) {
         this.name = name;
     }
 
-    public String getValue() {
-        return value;
+    public String getPassword() {
+        return password;
     }
 
-    public void setValue(String value) {
-        this.value = value;
+    public void setPassword(String password) {
+        this.password = password;
     }
 
     public Order getOrder() {
@@ -67,7 +67,7 @@ public PasswordBuilder withName(String name) {
         }
 
         public PasswordBuilder withValue(String value) {
-            password.setValue(value);
+            password.setPassword(value);
             return this;
         }
 
diff --git a/backend/src/main/java/de/itstimetoforget/backend/rest/processor/OrderProcessor.java b/backend/src/main/java/de/itstimetoforget/backend/rest/processor/OrderProcessor.java
index 8e657ba..afbe4a8 100644
--- a/backend/src/main/java/de/itstimetoforget/backend/rest/processor/OrderProcessor.java
+++ b/backend/src/main/java/de/itstimetoforget/backend/rest/processor/OrderProcessor.java
@@ -5,6 +5,8 @@
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Component;
 
+import java.util.List;
+
 @Component
 public class OrderProcessor {
     private final OrderRepository orderRepository;
@@ -14,6 +16,12 @@ public OrderProcessor(OrderRepository orderRepository) {
     }
 
     public Order saveOrder(Order order) {
+        orderRepository.save(order);
+        order.getPasswords().forEach(password -> password.setOrder(order));
         return orderRepository.save(order);
     }
+
+    public List<Order> getAllOrders(){
+        return orderRepository.findAll();
+    }
 }
diff --git a/backend/src/main/java/de/itstimetoforget/backend/rest/resource/OrderResource.java b/backend/src/main/java/de/itstimetoforget/backend/rest/resource/OrderResource.java
index 90fe5e8..4a1aac2 100644
--- a/backend/src/main/java/de/itstimetoforget/backend/rest/resource/OrderResource.java
+++ b/backend/src/main/java/de/itstimetoforget/backend/rest/resource/OrderResource.java
@@ -5,6 +5,8 @@
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.web.bind.annotation.*;
 
+import java.util.List;
+
 @RestController
 @CrossOrigin(origins = {"*"}, maxAge = 4800)
 @RequestMapping(path = "/order")
@@ -21,4 +23,9 @@ public OrderResource(OrderService orderService) {
     public Order createOrder(@RequestBody Order order) {
         return orderService.createOrder(order);
     }
+
+    @GetMapping(path = "")
+    public List<Order> getAllOrders() {
+        return orderService.getAllOrders();
+    }
 }
diff --git a/backend/src/main/java/de/itstimetoforget/backend/rest/resource/PDFResource.java b/backend/src/main/java/de/itstimetoforget/backend/rest/resource/PDFResource.java
new file mode 100644
index 0000000..3149e21
--- /dev/null
+++ b/backend/src/main/java/de/itstimetoforget/backend/rest/resource/PDFResource.java
@@ -0,0 +1,17 @@
+package de.itstimetoforget.backend.rest.resource;
+
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+@Controller
+public class PDFResource {
+
+
+    @RequestMapping("orderSummary")
+    public String orderSummary(Model model) {
+        model.addAttribute("to", "asdasd");
+        return "order_summary";
+    }
+
+}
diff --git a/backend/src/main/java/de/itstimetoforget/backend/rest/service/OrderService.java b/backend/src/main/java/de/itstimetoforget/backend/rest/service/OrderService.java
index 65fea6f..60cd152 100644
--- a/backend/src/main/java/de/itstimetoforget/backend/rest/service/OrderService.java
+++ b/backend/src/main/java/de/itstimetoforget/backend/rest/service/OrderService.java
@@ -6,6 +6,8 @@
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
 
+import java.util.List;
+
 @Service
 public class OrderService {
 
@@ -19,4 +21,8 @@ public OrderService(OrderProcessor orderProcessor) {
     public Order createOrder(Order order) {
         return orderProcessor.saveOrder(order);
     }
+
+    public List<Order> getAllOrders() {
+        return orderProcessor.getAllOrders();
+    }
 }
diff --git a/backend/src/main/resources/application.properties b/backend/src/main/resources/application.properties
index 71934ba..8bd9fe1 100644
--- a/backend/src/main/resources/application.properties
+++ b/backend/src/main/resources/application.properties
@@ -6,3 +6,4 @@ spring.datasource.username=${MARIADB_USERNAME}
 spring.datasource.password=${MARIADB_PASSWORD}
 server.port=${SERVER_PORT}
 server.address=0.0.0.0
+#logging.level.net.ttddyy.dsproxy.listener=debug
\ No newline at end of file
diff --git a/backend/src/main/resources/db/changelog/2024/05/16-01-changelog.xml b/backend/src/main/resources/db/changelog/2024/06/13-01-changelog.xml
similarity index 64%
rename from backend/src/main/resources/db/changelog/2024/05/16-01-changelog.xml
rename to backend/src/main/resources/db/changelog/2024/06/13-01-changelog.xml
index 3645e53..a5abbee 100644
--- a/backend/src/main/resources/db/changelog/2024/05/16-01-changelog.xml
+++ b/backend/src/main/resources/db/changelog/2024/06/13-01-changelog.xml
@@ -5,21 +5,9 @@
         xsi:schemaLocation="http://www.liquibase.org/xml/ns/dbchangelog
                       http://www.liquibase.org/xml/ns/dbchangelog/dbchangelog-4.24.xsd"
         objectQuotingStrategy="QUOTE_ONLY_RESERVED_WORDS">
-    <changeSet id="1715892267251-1" author="itstimetoforget">
-        <createSequence incrementBy="50" sequenceName="customer_seq" startValue="1"/>
-    </changeSet>
-    <changeSet id="1715892267251-2" author="itstimetoforget">
-        <createSequence incrementBy="50" sequenceName="employee_seq" startValue="1"/>
-    </changeSet>
-    <changeSet id="1715892267251-3" author="itstimetoforget">
-        <createSequence incrementBy="50" sequenceName="order_seq" startValue="1"/>
-    </changeSet>
-    <changeSet id="1715892267251-4" author="itstimetoforget">
-        <createSequence incrementBy="50" sequenceName="password_seq" startValue="1"/>
-    </changeSet>
-    <changeSet id="1715892267251-5" author="itstimetoforget">
+    <changeSet id="1718298499965-1" author="itstimetoforget">
         <createTable tableName="customer">
-            <column name="id" type="BIGINT">
+            <column autoIncrement="true" name="id" type="BIGINT">
                 <constraints nullable="false" primaryKey="true" primaryKeyName="pk_customer"/>
             </column>
             <column name="first_name" type="VARCHAR(255)"/>
@@ -34,9 +22,22 @@
             <column name="created_on" type="DATETIME"/>
         </createTable>
     </changeSet>
-    <changeSet id="1715892267251-6" author="itstimetoforget">
+    <changeSet id="1718298499965-2" author="itstimetoforget">
+        <createTable tableName="customer_order">
+            <column autoIncrement="true" name="id" type="BIGINT">
+                <constraints nullable="false" primaryKey="true" primaryKeyName="pk_customer_order"/>
+            </column>
+            <column name="customer_id" type="BIGINT"/>
+            <column name="description" type="VARCHAR(255)"/>
+            <column name="equipment" type="VARCHAR(255)"/>
+            <column name="express" type="BOOLEAN">
+                <constraints nullable="false"/>
+            </column>
+        </createTable>
+    </changeSet>
+    <changeSet id="1718298499965-3" author="itstimetoforget">
         <createTable tableName="employee">
-            <column name="id" type="BIGINT">
+            <column autoIncrement="true" name="id" type="BIGINT">
                 <constraints nullable="false" primaryKey="true" primaryKeyName="pk_employee"/>
             </column>
             <column name="short_name" type="VARCHAR(255)"/>
@@ -49,38 +50,27 @@
             </column>
         </createTable>
     </changeSet>
-    <changeSet id="1715892267251-7" author="itstimetoforget">
-        <createTable tableName="order">
-            <column name="id" type="BIGINT">
-                <constraints nullable="false" primaryKey="true" primaryKeyName="pk_order"/>
-            </column>
-            <column name="customer_id" type="BIGINT"/>
-            <column name="description" type="VARCHAR(255)"/>
-            <column name="equipment" type="VARCHAR(255)"/>
-            <column name="express" type="BOOLEAN">
-                <constraints nullable="false"/>
-            </column>
-        </createTable>
-    </changeSet>
-    <changeSet id="1715892267251-8" author="itstimetoforget">
+    <changeSet id="1718298499965-4" author="itstimetoforget">
         <createTable tableName="password">
-            <column name="id" type="BIGINT">
+            <column autoIncrement="true" name="id" type="BIGINT">
                 <constraints nullable="false" primaryKey="true" primaryKeyName="pk_password"/>
             </column>
             <column name="name" type="VARCHAR(255)"/>
-            <column name="value" type="VARCHAR(255)"/>
-            <column name="order_id" type="BIGINT"/>
+            <column name="password" type="VARCHAR(255)"/>
+            <column name="order_id" type="BIGINT">
+                <constraints nullable="false"/>
+            </column>
         </createTable>
     </changeSet>
-    <changeSet id="1715892267251-9" author="itstimetoforget">
-        <addForeignKeyConstraint baseColumnNames="customer_id" baseTableName="order"
-                                 constraintName="FK_ORDER_ON_CUSTOMER" referencedColumnNames="id"
+    <changeSet id="1718298499965-5" author="itstimetoforget">
+        <addForeignKeyConstraint baseColumnNames="customer_id" baseTableName="customer_order"
+                                 constraintName="FK_CUSTOMER_ORDER_ON_CUSTOMER" referencedColumnNames="id"
                                  referencedTableName="customer"/>
     </changeSet>
-    <changeSet id="1715892267251-10" author="itstimetoforget">
+    <changeSet id="1718298499965-6" author="itstimetoforget">
         <addForeignKeyConstraint baseColumnNames="order_id" baseTableName="password"
                                  constraintName="FK_PASSWORD_ON_ORDER" referencedColumnNames="id"
-                                 referencedTableName="order"/>
+                                 referencedTableName="customer_order"/>
     </changeSet>
 
 </databaseChangeLog>
\ No newline at end of file
diff --git a/backend/src/main/resources/db/changelog/2024/06/13-02-changelog.xml b/backend/src/main/resources/db/changelog/2024/06/13-02-changelog.xml
new file mode 100644
index 0000000..3cbfca8
--- /dev/null
+++ b/backend/src/main/resources/db/changelog/2024/06/13-02-changelog.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<databaseChangeLog
+        xmlns="http://www.liquibase.org/xml/ns/dbchangelog"
+        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:schemaLocation="http://www.liquibase.org/xml/ns/dbchangelog
+                      http://www.liquibase.org/xml/ns/dbchangelog/dbchangelog-4.24.xsd"
+        objectQuotingStrategy="QUOTE_ONLY_RESERVED_WORDS">
+    <changeSet id="1718298560443-1" author="itstimetoforget">
+        <dropNotNullConstraint columnDataType="bigint" columnName="order_id" tableName="password"/>
+    </changeSet>
+
+</databaseChangeLog>
\ No newline at end of file
diff --git a/backend/src/main/resources/db/changelog/master.xml b/backend/src/main/resources/db/changelog/master.xml
index 3569617..c5fe287 100644
--- a/backend/src/main/resources/db/changelog/master.xml
+++ b/backend/src/main/resources/db/changelog/master.xml
@@ -1,9 +1,9 @@
-<?xml version="1.0" encoding="UTF-8"?>
 <databaseChangeLog
         xmlns="http://www.liquibase.org/xml/ns/dbchangelog"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://www.liquibase.org/xml/ns/dbchangelog
-                      http://www.liquibase.org/xml/ns/dbchangelog/dbchangelog-4.24.xsd"
+                                        http://www.liquibase.org/xml/ns/dbchangelog/dbchangelog-4.24.xsd"
         objectQuotingStrategy="QUOTE_ONLY_RESERVED_WORDS">
-    <include file="db/changelog/2024/05/16-01-changelog.xml"/>
+    <include file="db/changelog/2024/06/13-01-changelog.xml"/>
+    <include file="db/changelog/2024/06/13-02-changelog.xml"/>
 </databaseChangeLog>
\ No newline at end of file
diff --git a/backend/src/main/resources/templates/order_summary.html b/backend/src/main/resources/templates/order_summary.html
new file mode 100644
index 0000000..50012e1
--- /dev/null
+++ b/backend/src/main/resources/templates/order_summary.html
@@ -0,0 +1,7 @@
+<html xmlns:th="http://www.thymeleaf.org">
+<body>
+<h3 style="text-align: center; color: green">
+    <span style="color: black" th:text="'Welcome to ' + ${to} + '!'"></span>
+</h3>
+</body>
+</html>
\ No newline at end of file
diff --git a/backend/src/test/java/de/itstimetoforget/backend/BackendApplicationTests.java b/backend/src/test/java/de/itstimetoforget/backend/BackendApplicationTests.java
deleted file mode 100644
index 4d0f953..0000000
--- a/backend/src/test/java/de/itstimetoforget/backend/BackendApplicationTests.java
+++ /dev/null
@@ -1,13 +0,0 @@
-package de.itstimetoforget.backend;
-
-import org.junit.jupiter.api.Test;
-import org.springframework.boot.test.context.SpringBootTest;
-
-@SpringBootTest
-class BackendApplicationTests {
-
-	@Test
-	void contextLoads() {
-	}
-
-}
diff --git a/backend/src/test/java/de/itstimetoforget/backend/pdfTest.java b/backend/src/test/java/de/itstimetoforget/backend/pdfTest.java
new file mode 100644
index 0000000..9822073
--- /dev/null
+++ b/backend/src/test/java/de/itstimetoforget/backend/pdfTest.java
@@ -0,0 +1,37 @@
+package de.itstimetoforget.backend;
+
+import org.thymeleaf.TemplateEngine;
+import org.thymeleaf.context.Context;
+import org.thymeleaf.templatemode.TemplateMode;
+import org.thymeleaf.templateresolver.ClassLoaderTemplateResolver;
+import org.xhtmlrenderer.pdf.ITextRenderer;
+
+import java.io.*;
+
+public class pdfTest {
+
+    public static void main(String[] args) throws IOException {
+        ClassLoaderTemplateResolver templateResolver = new ClassLoaderTemplateResolver();
+        templateResolver.setPrefix("templates/");
+        templateResolver.setSuffix(".html");
+        templateResolver.setTemplateMode("HTML5");
+
+        TemplateEngine templateEngine = new TemplateEngine();
+        templateEngine.setTemplateResolver(templateResolver);
+
+        Context context = new Context();
+        context.setVariable("to", "Hello World");
+
+        String html =templateEngine.process("thymeleaf_template", context);
+
+        String outputFolder = "thymeleaf.pdf";
+        OutputStream outputStream = new FileOutputStream(outputFolder);
+
+        ITextRenderer renderer = new ITextRenderer();
+        renderer.setDocumentFromString(html);
+        renderer.layout();
+        renderer.createPDF(outputStream);
+
+        outputStream.close();
+    }
+}
diff --git a/frontend/src/components/cmp_AddCustomer.vue b/frontend/src/components/cmp_AddCustomer.vue
index d323524..bd8410a 100644
--- a/frontend/src/components/cmp_AddCustomer.vue
+++ b/frontend/src/components/cmp_AddCustomer.vue
@@ -124,8 +124,10 @@ export default {
           "streetNumber": this.streetNumber
         }
         RESTUtils.sendPostRequest("/customer", customer)
-          .then(
-            this.$root.$refs.vtoast.show({message: 'Customer erstellt'})
+          .then( newCustomer => {
+              this.$root.$refs.vtoast.show({message: 'Customer erstellt'})
+              this.$emit("customerCreated", newCustomer.data)
+          }
           )
           .catch(error => {
             console.log(error)
diff --git a/frontend/src/components/cmp_AddOrder.vue b/frontend/src/components/cmp_AddOrder.vue
index 84edde7..e5e8eb1 100644
--- a/frontend/src/components/cmp_AddOrder.vue
+++ b/frontend/src/components/cmp_AddOrder.vue
@@ -3,9 +3,9 @@
     <v-row>
       <v-col>
         <v-list style="color: white; height: 15vh">
-          <v-list-item style="color: white;" @click="getSelectedUser(customer.id)" :key="customer.id"
+          <v-list-item style="color: white;" @click="getSelectedCustomer(customer.id)" :key="customer.id"
                        v-for="customer in filteredCustomers">
-            <v-list-item-title>
+            <v-list-item-title style="color: white">
               {{
                 "id:" + customer.id + " | " + "vorname: " + customer.firstName + " | " + "nachname: " + customer.lastName + " | " + "postleitzahl: " + customer.postcode + " | " + "stadt: " + customer.city + " | " + "handynummer: " + customer.mobileNumber + " | " + "festnetznummer: " + customer.landlineNumber + " | " + "email: " + customer.email + " | " + "straße: " + customer.street + " | " + "hausnummer: " + customer.streetNumber
               }}
@@ -14,98 +14,10 @@
         </v-list>
       </v-col>
     </v-row>
-    <add-customer-component @customerChanged="customer => filterByValue(customer)" v-model="addCustomer"/>
-  </v-container>
-  <v-container class="container" v-if="choosedCustomer != null">
-    <v-row>
-      <v-col cols="3">
-        <v-container style="border-bottom-color: black; border: solid;">
-          <v-label><b>Gewählter Kunde:</b></v-label>
-          <br>
-          <v-label>{{ "vorname: " + choosedCustomer.firstName }}</v-label>
-          <br>
-          <v-label>{{ "nachname: " + choosedCustomer.lastName }}</v-label>
-          <br>
-          <v-label>{{ "postleitzahl: " + choosedCustomer.postcode }}</v-label>
-          <br>
-          <v-label>{{ "stadt: " + choosedCustomer.city }}</v-label>
-          <br>
-          <v-label>{{ "handynummer: " + choosedCustomer.mobileNumber }}</v-label>
-          <br>
-          <v-label>{{ "festnetznummer: " + choosedCustomer.landlineNumber }}</v-label>
-          <br>
-          <v-label>{{ "email: " + choosedCustomer.email }}</v-label>
-          <br>
-          <v-label>{{ "straße: " + choosedCustomer.street }}</v-label>
-          <br>
-          <v-label>{{ "hausnummer: " + choosedCustomer.streetNumber }}</v-label>
-          <br>
-          <v-row align="center" justify="center" style="margin-top: 1vh">
-            <v-btn style="color: white; margin-bottom: 1vh" @click="resetCustomer">neuen Kunden wählen</v-btn>
-          </v-row>
-        </v-container>
-      </v-col>
-      <v-col>
-        <v-container style="border: black solid; height: 100%; display: flex;flex-direction: column">
-          <v-textarea variant="outlined" rows="10" hide-details label="Beschreibung" v-model="description"/>
-        </v-container>
-      </v-col>
-    </v-row>
-    <v-row>
-      <v-col>
-        <v-container style="border-bottom-color: black; border: solid;">
-          <v-row>
-            <v-col>
-              <v-label>Passwörter:</v-label>
-              <v-data-table :headers="passwordHeaders" items-per-page="-1" :items="passwords"
-                            style="height: 20vh">
-                <template v-slot:bottom></template>
-                <template v-slot:item="{ item }">
-                  <tr>
-                    <td style="color: white">{{ item.name }}</td>
-                    <td style="color: white">{{ item.password }}</td>
-                    <td style="width: 10px">
-                      <v-avatar>
-                        <v-img @click="item => removePassword(item)" src="@/assets/trashbin.png"/>
-                      </v-avatar>
-                    </td>
-                  </tr>
-                </template>
-              </v-data-table>
-            </v-col>
-          </v-row>
-          <v-row>
-            <v-col>
-              <v-text-field v-model="passwordName" label="Password-Name"/>
-            </v-col>
-          </v-row>
-          <v-row>
-            <v-col>
-              <v-text-field v-model="passwordValue" label="Passwort"/>
-            </v-col>
-          </v-row>
-          <v-row justify="center">
-            <v-btn @click="addPassword" style="color: white; margin-bottom: 1vh">
-              Passwort Hinzufügen
-            </v-btn>
-          </v-row>
-        </v-container>
-      </v-col>
-      <v-col>
-        <v-container style="border: black solid; height: 100%">
-          <v-textarea label="Zubehör:" variant="outlined" rows="18" hide-details v-model="equipment"/>
-        </v-container>
-      </v-col>
-    </v-row>
-    <v-row align="center" justify="center">
-      <v-checkbox label="Ist eine Express bearbeitung gewünscht?" v-model="express"/>
-    </v-row>
-    <v-row justify="center">
-      <v-btn style="color: white" @click="createOrder">
-        Auftrag erstellen
-      </v-btn>
-    </v-row>
+    <add-customer-component @customerChanged="customer => filterByValue(customer)"
+                            @customerCreated="customer => this.getSelectedCustomer(customer.id)" v-model="addCustomer"/>
   </v-container>
+  <GetOrderInformationsComponent :choosed-customer="choosedCustomer"/>
 </template>
 
 <style scoped>
@@ -124,21 +36,12 @@
 <script>
 import RESTUtils from "@/utils/RESTUtils";
 import AddCustomerComponent from "@/components/cmp_AddCustomer.vue";
+import GetOrderInformationsComponent from "@/components/cmp_GetOrderInformations.vue";
 
 export default {
   name: 'AddOrderComponent',
-  components: {AddCustomerComponent},
+  components: {GetOrderInformationsComponent, AddCustomerComponent},
   methods: {
-    createOrder: function () {
-      const order = {
-        "customerId": this.choosedCustomer,
-        "description": this.description,
-        "passwords": this.passwords,
-        "equipment": this.equipment,
-        "express": this.express,
-      };
-      RESTUtils.sendPostRequest("/order", order);
-    },
     filterByValue: function (customer) {
       if (customer.firstName.length > 3 || customer.lastName.length > 3 || customer.postcode.length > 3 || customer.city.length > 3 || customer.mobileNumber.length > 3 || customer.landlineNumber.length > 3 || customer.email.length > 3 || customer.street.length > 3 || customer.streetNumber.length > 3) {
         const payload = {
@@ -159,7 +62,7 @@ export default {
           .catch(error => console.log(error));
       }
     },
-    getSelectedUser: function (customerId) {
+    getSelectedCustomer: function (customerId) {
       RESTUtils.sendGetRequest("/customer/" + customerId)
         .then(response => {
           this.choosedCustomer = response.data;
@@ -168,28 +71,6 @@ export default {
           console.log("user not found. UserId: " + customerId + ".", error)
         })
     },
-    resetCustomer: function () {
-      this.choosedCustomer = null;
-      this.firstName = '';
-      this.lastName = '';
-      this.postcode = '';
-      this.city = '';
-      this.mobileNumber = '';
-      this.landlineNumber = '';
-      this.email = '';
-      this.street = '';
-      this.streetNumber = '';
-      this.filteredCustomers = [];
-    },
-    addPassword: function () {
-      const newItem = {name: this.passwordName, password: this.passwordValue}
-      this.passwords.push(newItem);
-      this.passwordName = "";
-      this.passwordValue = "";
-    },
-    removePassword: function (item) {
-      this.passwords.splice(this.passwords.indexOf(item), 1)
-    }
   },
   data() {
     return {
diff --git a/frontend/src/components/cmp_GetOrderInformations.vue b/frontend/src/components/cmp_GetOrderInformations.vue
new file mode 100644
index 0000000..62d10bc
--- /dev/null
+++ b/frontend/src/components/cmp_GetOrderInformations.vue
@@ -0,0 +1,134 @@
+<template>
+  <v-container class="container" v-if="choosedCustomer != null">
+    <v-row>
+      <v-col cols="3">
+        <v-container style="border-bottom-color: black; border: solid;">
+          <v-label><b>Gewählter Kunde:</b></v-label>
+          <br>
+          <v-label>{{ "vorname: " + choosedCustomer.firstName }}</v-label>
+          <br>
+          <v-label>{{ "nachname: " + choosedCustomer.lastName }}</v-label>
+          <br>
+          <v-label>{{ "postleitzahl: " + choosedCustomer.postcode }}</v-label>
+          <br>
+          <v-label>{{ "stadt: " + choosedCustomer.city }}</v-label>
+          <br>
+          <v-label>{{ "handynummer: " + choosedCustomer.mobileNumber }}</v-label>
+          <br>
+          <v-label>{{ "festnetznummer: " + choosedCustomer.landlineNumber }}</v-label>
+          <br>
+          <v-label>{{ "email: " + choosedCustomer.email }}</v-label>
+          <br>
+          <v-label>{{ "straße: " + choosedCustomer.street }}</v-label>
+          <br>
+          <v-label>{{ "hausnummer: " + choosedCustomer.streetNumber }}</v-label>
+          <br>
+          <v-row align="center" justify="center" style="margin-top: 1vh">
+            <v-btn style="color: white; margin-bottom: 1vh" @click="resetCustomer">neuen Kunden wählen</v-btn>
+          </v-row>
+        </v-container>
+      </v-col>
+      <v-col>
+        <v-container style="border: black solid; height: 100%; display: flex;flex-direction: column">
+          <v-textarea variant="outlined" rows="10" hide-details label="Beschreibung" v-model="description"/>
+        </v-container>
+      </v-col>
+    </v-row>
+    <v-row>
+      <v-col>
+        <v-container style="border-bottom-color: black; border: solid;">
+          <v-row>
+            <v-col>
+              <v-label>Passwörter:</v-label>
+              <v-data-table :headers="passwordHeaders" items-per-page="-1" :items="passwords"
+                            style="height: 20vh">
+                <template v-slot:bottom></template>
+                <template v-slot:item="{ item }">
+                  <tr>
+                    <td style="color: white">{{ item.name }}</td>
+                    <td style="color: white">{{ item.password }}</td>
+                    <td style="width: 10px">
+                      <v-avatar>
+                        <v-img @click="item => removePassword(item)" src="@/assets/trashbin.png"/>
+                      </v-avatar>
+                    </td>
+                  </tr>
+                </template>
+              </v-data-table>
+            </v-col>
+          </v-row>
+          <v-row>
+            <v-col>
+              <v-text-field v-model="passwordName" label="Password-Name"/>
+            </v-col>
+          </v-row>
+          <v-row>
+            <v-col>
+              <v-text-field v-model="passwordValue" label="Passwort"/>
+            </v-col>
+          </v-row>
+          <v-row justify="center">
+            <v-btn @click="addPassword" style="color: white; margin-bottom: 1vh">
+              Passwort Hinzufügen
+            </v-btn>
+          </v-row>
+        </v-container>
+      </v-col>
+      <v-col>
+        <v-container style="border: black solid; height: 100%">
+          <v-textarea label="Zubehör:" variant="outlined" rows="18" hide-details v-model="equipment"/>
+        </v-container>
+      </v-col>
+    </v-row>
+    <v-row align="center" justify="center">
+      <v-checkbox label="Ist eine Express bearbeitung gewünscht?" v-model="express"/>
+    </v-row>
+    <v-row justify="center">
+      <v-btn style="color: white" @click="createOrder">
+        Auftrag erstellen
+      </v-btn>
+    </v-row>
+  </v-container>
+</template>
+
+
+<script>
+import RESTUtils from "@/utils/RESTUtils";
+
+export default {
+  name: 'GetOrderInformationsComponent',
+  props: ["prom_choosedCustomer"],
+  setup(prom_choosedCustomer){
+    this.data().choosedCustomer = prom_choosedCustomer;
+  },
+  data() {
+    return {
+      choosedCustomer: null
+    }
+  },
+  methods: {
+    createOrder: function () {
+      const order = {
+        "customerId": this.choosedCustomer.id,
+        "description": this.description,
+        "passwords": this.passwords,
+        "equipment": this.equipment,
+        "express": this.express,
+      };
+      RESTUtils.sendPostRequest("/order", order);
+    },
+    addPassword: function () {
+      const newItem = {name: this.passwordName, password: this.passwordValue}
+      this.passwords.push(newItem);
+      this.passwordName = "";
+      this.passwordValue = "";
+    },
+    removePassword: function (item) {
+      this.passwords.splice(this.passwords.indexOf(item), 1)
+    },
+    resetCustomer: function () {
+      this.choosedCustomer = null;
+    },
+  }
+}
+</script>