elkisa

src/static/style.css

@@ -242,15 +242,15 @@ button#cancel-button:not(:disabled):hover {
     margin-bottom: 10px;
 }
 
-body {
-    /* Setzt das Bild als Hintergrund */
-    background-image: url('../img/elisa.jpg');
-    background-size: cover; /* Stellt sicher, dass das Bild den gesamten Hintergrund bedeckt */
-    background-position: center; /* Zentriert das Bild */
-    background-repeat: no-repeat; /* Verhindert das Wiederholen des Bildes */
 
-    /* Fügt eine schwarze, teilweise durchsichtige Schicht über das Bild */
-    background-color: rgba(0, 0, 0, 0.5); /* Schwarz mit 50% Transparenz */
-    background-blend-mode: multiply; /* Mischmodus, um die Transparenz zu erzeugen */
+button#submit-button {
+    background-image: url('../img/elisa.jpg'); /* Pfad zum Bild */
+    background-size: contain; /* Passt das Bild innerhalb des Buttons an, ohne es zu strecken */
+    background-repeat: no-repeat; /* Verhindert das Wiederholen des Bildes */
+    background-position: center; /* Zentriert das Bild im Button */
+    color: transparent; /* Macht den Text unsichtbar, damit nur das Bild sichtbar ist */
+    width: auto; /* Setzt die Breite automatisch entsprechend des Inhalts */
+    height: auto; /* Passt die Höhe an, um das Bild vollständig anzuzeigen */
+    padding: 10px 20px; /* Hinzufügen von etwas Platz um das Bild */
 }