Add Datum und anpassung der positzionierung

css/master.css

@@ -299,32 +299,43 @@ body {
     box-shadow: 0 4px 12px rgba(0,0,0,0.2);
     display: none;
     z-index: 10;
+    flex-direction: column;
+    align-items: flex-start;
+    min-width: 200px;
 }
 
 .signature-overlay.show {
-    display: block;
+    display: flex;
+}
+
+.signature-overlay .text-overlay-content {
+    order: 1;
+    font-size: 14px;
+    color: #333;
+    background: rgba(255, 255, 255, 0.95);
+    padding: 5px 10px;
+    border-radius: 4px;
+    pointer-events: none;
+    margin-bottom: 5px;
+    max-width: 100%;
+    word-wrap: break-word;
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.signature-overlay .signature-image-container {
+    order: 2;
+    width: 100%;
+    flex-shrink: 0;
 }
 
 .signature-overlay img {
     display: block;
     max-width: 300px;
+    width: auto;
     height: auto;
     pointer-events: none;
-}
-
-.signature-overlay .text-overlay-content {
-    position: absolute;
-    top: 5px;
-    left: 5px;
-    font-size: 14px;
-    color: #333;
-    background: rgba(255, 255, 255, 0.9);
-    padding: 5px 10px;
-    border-radius: 4px;
-    pointer-events: none;
-    max-width: calc(100% - 20px);
-    word-wrap: break-word;
-    z-index: 11;
+    margin: 0 auto;
 }
 
 .signature-overlay .handle {
@@ -352,6 +363,8 @@ body {
     background: #667eea;
     cursor: nwse-resize;
     border-radius: 3px;
+    z-index: 12;
+    pointer-events: auto;
 }
 
 .text-input-section {