with signature

src/app/rental-agreement/rental-agreement.component.scss

@@ -0,0 +1,68 @@
+.document {
+    font-family: Arial, sans-serif;
+  }
+  .page {
+    width: 210mm;
+    height: 297mm;
+    padding: 20mm;
+    margin: 10mm auto;
+    background: white;
+    box-shadow: 0 0 10px rgba(0,0,0,0.1);
+    overflow: hidden;
+  }
+  
+  .document {
+    /* Ihre Dokumentstile */
+  }
+  
+  .page {
+    /* Seitenstile, z.B. Seitenränder, Breaks etc. */
+    page-break-after: always;
+  }
+  
+  .page-content {
+    /* Inhaltsstile */
+  }
+  
+  .signature-input {
+    margin-top: 20px;
+  }
+  
+  .date-input {
+    margin-bottom: 10px;
+  }
+  
+  .signature-canvas {
+    border: 1px dashed #000;
+    width: 300px;
+    height: 100px;
+    touch-action: none; /* Verbessert die Touch-Interaktion */
+  }
+  
+  .buttons {
+    margin-top: 10px;
+  }
+  
+  .signature-container {
+    display: flex;
+    align-items: center;
+    margin-top: 50px;
+  }
+  
+  .signature-container .date {
+    margin-right: 20px;
+  }
+  
+  .signature-image {
+    border: 1px dashed #000;
+    width: 300px;
+    height: 100px;
+  }
+  
+  @media print {
+    .page {
+      margin: 0;
+      box-shadow: none;
+    }
+  }
+