diff --git a/style.css b/style.css
index e69de29..fcbedd2 100644
--- a/style.css
+++ b/style.css
@@ -0,0 +1,90 @@
+body {
+  font-family: Arial, sans-serif;
+  background: #f0f9ff;              
+  color: #00304d;                   
+  padding: 20px;
+}
+
+/* Haupttitel */
+h1 {
+  color: #005f73;                   
+  text-align: left;
+  margin-bottom: 20px;
+}
+
+/* Filterformular */
+form#filters {
+  background: #e0f4e6;              
+  border: 2px solid #74c69d;        
+  padding: 15px;
+  border-radius: 10px;
+  margin-bottom: 25px;
+}
+
+form#filters label {
+  display: inline-block;
+  margin-right: 18px;
+  margin-bottom: 10px;
+  color: #003c2f;                  
+  font-weight: bold;
+}
+
+form#filters input[type="text"],
+form#filters input[type="number"],
+form#filters select {
+  padding: 6px;
+  border: 1px solid #74c69d;        
+  border-radius: 6px;
+  background: #ffffff;
+  color: #00304d;
+}
+
+form#filters input[type="submit"] {
+  padding: 8px 16px;
+  background: #0084ff;              
+  color: white;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  font-weight: bold;
+}
+
+form#filters input[type="submit"]:hover {
+  background: #006fd6;
+}
+
+/* Tabellenbereich */
+section h2 {
+  color: #005f73;                  
+  margin-bottom: 10px;
+}
+
+/* Tabelle */
+table {
+  width: 100%;
+  border-collapse: collapse;
+  background: #ffffff;
+}
+
+table th {
+  background: #0084ff;              
+  color: white;
+  padding: 10px;
+  font-size: 15px;
+}
+
+table td {
+  background: #e8fff1;              
+  padding: 8px;
+  border: 1px solid #74c69d;       
+}
+
+table tr:nth-child(even) td {
+  background: #dff9ff;              
+}
+
+/* Hover-Effekt */
+table tr:hover td {
+  background: #b8f2da;              
+  transition: 0.2s;
+}