diff --git a/static/css/lockscreen.css b/static/css/lockscreen.css
index 838e6d3..e904be5 100644
--- a/static/css/lockscreen.css
+++ b/static/css/lockscreen.css
@@ -1,19 +1,19 @@
 #clock {
-	    font-size: 120px;
-    font-weight: 100;
-    color: #fff;
-    text-align: center;
-    bottom: 10%;
-    right: 5%;
-    z-index: 900010;
-    position: absolute;
-    display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: row;
-flex-wrap: wrap;
-
-    width: 30%;
+	font-size: 120px;
+	font-weight: 100;
+	color: #fff;
+	text-align: center;
+	bottom: 10%;
+	right: 5%; /* Verschiebt die Flexbox weiter nach links */
+	z-index: 900010;
+	position: absolute;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	flex-direction: row;
+	flex-wrap: wrap;
+	width: 40%;
+	margin: 0 auto; /* Stellt sicher, dass die Box zentriert bleibt */
 }
 
 #time {
@@ -32,18 +32,18 @@ flex-wrap: wrap;
 
 /* HTML: <div class="loader"></div> */
 .loader {
-  height: 200px;
-  aspect-ratio: 2/3;
-  --c:no-repeat linear-gradient(#fff 0 0);
-  background: var(--c), var(--c), var(--c), var(--c);
-  background-size: 50% 33.4%;
-  animation: l8 1.5s infinite linear;
+	height: 200px;
+	aspect-ratio: 2/3;
+	--c:no-repeat linear-gradient(#fff 0 0);
+	background: var(--c), var(--c), var(--c), var(--c);
+	background-size: 50% 33.4%;
+	animation: l8 1.5s infinite linear;
 }
 @keyframes l8 {
-  0%,
-  5%   {background-position:0 25%,100% 25%,0 75%,100% 75%}
-  33%  {background-position:0 50%,100% 0,0 100%,100% 50%}
-  66%  {background-position:0 50%,0 0,100% 100%,100% 50%}
-  95%,
-  100% {background-position:0 75%,0 25%,100% 75%,100% 25%}
+	0%,
+	5%   {background-position:0 25%,100% 25%,0 75%,100% 75%}
+	33%  {background-position:0 50%,100% 0,0 100%,100% 50%}
+	66%  {background-position:0 50%,0 0,100% 100%,100% 50%}
+	95%,
+	100% {background-position:0 75%,0 25%,100% 75%,100% 25%}
 }