try to use alert on start-page

content/german/_index.md

@@ -1,6 +1,31 @@
 ---
 title: 'VeruA AG - damit pflegen bezahlbar bleibt!'
 
+{{% alert background-color="slate-800" %}}
+
+  <div class="container">
+    <div class="bg-white  my-5 text-slate-900 px-4 py-3 " role="alert">
+      <div class="flex">
+        <div class="py-1"><svg class="fill-current h-6 w-6 text-teal-500 mr-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M2.93 17.07A10 10 0 1 1 17.07 2.93 10 10 0 0 1 2.93 17.07zm12.73-1.41A8 8 0 1 0 4.34 4.34a8 8 0 0 0 11.32 11.32zM9 11V9h2v6H9v-4zm0-6h2v2H9V5z"/></svg></div>
+        <div>
+          <p class="font-bold">WICHTIGE MELUNG</p>
+          <p class="text-sm">Auf dem Server verua.ch war ein technische Update nötig, um die Sicherheit der VeruA App weiter zu gewährleisten.  
+Diese Anpassungen haben wir durch unseren Webhosting Anbieter KreativMedia durchführen lassen.  
+Das geplante Zeitfenster lag zwischen 12:00 Uhr und 15:00 Uhr.
+<br/>
+Da sehr viele Instanzen auf diesem Server bereitgestellt werden, kam es bei der Ausführung zu Problemen.
+<br/>
+<b>Aus diesem Grund sind aktuell einige Instanzen der VeruA App nicht erreichbar</b>
+<br/>
+KreativMedia sucht unter Hochdruck nach einer Lösung für die Probleme.  
+Wir hoffen, dass bald eine Lösung gefunden wird und die Applikation wieder wie gewohnt läuft.<br><br></p>
+        </div>
+      </div>
+    </div>
+  </div>
+
+{{% /alert %}}
+
 # Hero Slider
 heroslider:
   - title: "VeruA AG - damit pflegen bezahlbar bleibt!"