feat(EnvelopeLocked): Timer mit CSS-Konfiguration und Javascript-Ereignis hinzugefügt.

- Ablauf über Home-Controller-Ansichtsdaten hinzugefügt

EnvelopeGenerator.Web/wwwroot/css/site.css

@@ -402,14 +402,17 @@ footer#page-footer {
 
 .access-code-form-floating {
     display: flex;
-    justify-content: start;
+    justify-content: space-between;
     flex-direction: row;
+    align-items: center;
 }
 
     .access-code-form-floating button {
         align-content: center;
         border-bottom-left-radius: 0;
         border-top-left-radius: 0;
+        margin:0;
+        height: 100%;
     }
 
     .access-code-form-floating input {
@@ -427,6 +430,24 @@ footer#page-footer {
     height: 2.5rem;
 }
 
+#sms-timer {
+    height: 3rem;
+    display: flex;
+    align-items: center;
+    font-family: 'Arial', sans-serif;
+    font-weight: bold;
+    color: #ffffff;
+    background-color: #007bff;
+    margin: 0 0 0 2rem;
+    border-radius: 8px;
+    text-align: center;
+}
+
+    #sms-timer:hover {
+        background-color: #0056b3;
+        cursor: pointer;
+    }
+
 /*.flag-dropdown button {
     height: 100%;
 }*/