diff --git a/src/public/css/artikel.css b/src/public/css/artikel.css
index 73390f63ae55ac78ad1ae5d2b5d574ac344b0d79..52f9558375909a302cf272bca8d58f2e5b29e93b 100644
--- a/src/public/css/artikel.css
+++ b/src/public/css/artikel.css
@@ -255,4 +255,69 @@ section{
     justify-content: center;
     margin-top: 400px;
     padding-top: 200px;
-}
\ No newline at end of file
+}
+
+.add-article-button {
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    background-color: #FD6B39;
+    color: #FAF9F4;
+    font-weight: bold;
+    padding: 10px 20px;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+}
+
+/* Style for the overlay */
+.overlay {
+    display: none;
+    position: fixed;
+    z-index: 1;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+}
+
+.overlay-content {
+    position: absolute;
+    background-color: #FAF9F4;
+    padding: 20px;
+    border: 1px solid #FD6B39;
+    border-radius: 5px;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+
+/* Style for the close button */
+.close-overlay-button {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    color: #FD6B39;
+    font-size: 20px;
+    font-weight: bold;
+    cursor: pointer;
+}
+
+.overlay-content input[type="text"],
+    .overlay-content input[type="file"],
+    .overlay-content textarea {
+        width: 100%;
+        padding: 10px;
+        margin-bottom: 10px;
+        border: 1px solid #ccc;
+        border-radius: 5px;
+        font-size: 16px;
+        outline: none;
+    }
+
+    /* Style the textarea separately */
+    .overlay-content textarea {
+        resize: vertical; /* Allow vertical resizing of textarea */
+        min-height: 150px; /* Set a minimum height for the textarea */
+    }
\ No newline at end of file