diff --git a/www/css/custom.css b/www/css/custom.css
index eace9c0..dcccedf 100644
--- a/www/css/custom.css
+++ b/www/css/custom.css
@@ -1,21 +1,27 @@
-img {
-    transition:transform 0.25s ease;
+.current_webcam_image {
+	transition: transform 0.25s ease;
 }
 
-img:hover {
-    -webkit-transform:scale(1.5);
-    transform:scale(1.5);
+.current_webcam_image:hover {
+	-webkit-transform: scale(1.5);
+	transform: scale(1.5);
 }
 
 .titletext {
-    font-size: calc(10px + 0.9vw);
+	font-size: calc(10px + 0.9vw);
 }
 
 .cameratext {
-    font-size: calc(10px + 0.9vw);
+	font-size: calc(10px + 0.9vw);
 }
 
-.infobox{
-    margin:0 !important;
-    padding:0 !important;
-  }
\ No newline at end of file
+.infobox {
+	margin: 0 !important;
+	padding: 0 !important;
+}
+
+.camera_offline_text {
+	display: inline-block;
+	font-size: calc(10px + 0.9vw);
+	font-weight: bold;
+}
\ No newline at end of file
diff --git a/www/data/msvcamN.avif b/www/data/msvcamN.avif
deleted file mode 100644
index 89d1525..0000000
Binary files a/www/data/msvcamN.avif and /dev/null differ
diff --git a/www/data/msvcamS.avif b/www/data/msvcamS.avif
deleted file mode 100644
index 0619adf..0000000
Binary files a/www/data/msvcamS.avif and /dev/null differ
diff --git a/www/index.html b/www/index.html
index 1eb7fde..efe4d32 100644
--- a/www/index.html
+++ b/www/index.html
@@ -25,14 +25,14 @@
 
          <div class="w3-panel w3-card-4 w3-white w3-padding w3-center current_webcam_image_box">
             <h3 class="w3-container w3-left cameratext">Blick auf die Piste</h3>
-            <img src="data/camera/msvcamN.avif" class="w3-center" style="width:100%;visibility:visible" alt="Bild der Webcam mit Blick auf die Piste">
-            <p style="visibility:hidden">Hinweistext</p>
+            <img class="current_webcam_image" src="data/camera/msvcamN.avif" class="w3-center" style="width:100%;visibility:visible" alt="Bild der Webcam mit Blick auf die Piste">
+            <div class="camera_offline_text" style="visibility:hidden">Die Webcam ist auf Grund einer Störung oder Wartung offline.</div>
          </div>
 
          <div class="w3-panel w3-card-4 w3-white w3-padding w3-center current_webcam_image_box">
             <h3 class="w3-container w3-left cameratext">Blick nach Süden</h3>
-            <img src="data/camera/msvcamS.avif" class="w3-center" style="width:100%;visibility:visible" alt="Bild der Webcam mit Blick nach Süden">
-            <p>Hinweistext</p>
+            <img class="current_webcam_image" src="data/camera/msvcamS.avif" class="w3-center" style="width:100%;visibility:visible" alt="Bild der Webcam mit Blick nach Süden">
+            <div class="camera_offline_text" style="visibility:hidden">Die Webcam ist auf Grund einer Störung oder Wartung offline.</div>
          </div>
 
          <div class="w3-panel w3-card-4 w3-white w3-padding w3-center">
diff --git a/www/js/webcam.js b/www/js/webcam.js
index 1c10572..658f167 100644
--- a/www/js/webcam.js
+++ b/www/js/webcam.js
@@ -3,7 +3,7 @@ const reload_interval = setInterval(reloadImages, 60000);
 
 window.onload = function() {
     reloadImages();
-  };
+};
 
 function checkImageSource(image_url) {
     var http_request = new XMLHttpRequest();
@@ -23,7 +23,7 @@ function reloadImages() {
 
         if (checkImageSource(image.src) == 200) {
             status_text.style = "visibility:hidden"
-            image.style="width:100%;visibility:visible"
+            image.style = "width:100%;visibility:visible"
             if (!image.src.includes('?')) {
                 image.src = `${image.src}?${Date.now()}`;
             } else {
@@ -32,12 +32,10 @@ function reloadImages() {
         } else {
             console.log('unable to find image on server');
             image.alt = "Webcam nicht erreichbar."
-            image.style="width:100%;visibility:hidden"
+            image.style = "width:100%;visibility:hidden"
             status_text.style = "visibility:visible"
-
-            
         }
-        
     });
     console.log('reload finished');
-}
\ No newline at end of file
+}
+