diff --git a/news/index.html b/news/index.html
new file mode 100644
index 0000000..f6c9441
--- /dev/null
+++ b/news/index.html
@@ -0,0 +1,118 @@
+<!Doctype HTML>
+<html lang="de">
+<head>
+
+<meta charset="UTF-8" />
+<meta name="robots" content="noindex,nofollow" />
+<meta name="viewport" content="width=device-width,initial-scale=1" />
+<meta name="color-scheme" content="dark light" />
+<meta name="theme-color" content="rgb(242,241,245)" media="(prefers-color-scheme: light)" />
+<meta name="theme-color" content="#000" media="(prefers-color-scheme: dark)" />
+<meta name="description" content="Camper-Ausbau mit Möbel-Bausatz: einfacher, sicher, individuell" />
+<link rel="stylesheet" href="/assets/css/vanilla.css" />
+
+<title>Aktuelles | vanilla.engineering</title>
+
+</head>
+
+<body>
+
+  <div id="outerwrapper">
+
+    <div class="skiplink"><a href="#skipmain">Zum Inhalt springen</a></div>
+
+    <div id="header-sm">
+      <a href="/" alt="Zur Startseite"><img id="logo_sm" src="/assets/img/ve_logo.svg" /></a>
+    </div>
+
+  <div class="hamburger-menu">
+    <input id="menu__toggle" type="checkbox" />
+    <label class="menu__btn" for="menu__toggle">
+      <span></span>
+    </label>
+
+    <ul class="menu__box">
+    <li><a class="menu__item" href="/">Start</a></li>
+    <li><a class="menu__item" href="/ausbau-anfragen/">Ausbau anfragen</a></li>     
+    <li><a class="menu__item" href="/vanilla-parts/">vanilla.parts</a></li>
+	  <li><a class="menu__item" href="/gruender/">Der Gründer</a></li>
+    <li><a class="menu__item" href="/unternehmen/">Unternehmen</a></li>
+	  <li><a class="menu__item" href="/news/">Aktuelles</a></li>
+	  <li><a class="menu__item" href="/kontakt/">Kontakt</a></li>
+    </ul>
+  </div>
+
+  <div id="wrapper">
+
+  <div class="main_with_sidebar wrapper">
+    <aside>
+        <nav id="sidebar-menu">
+            <ul>
+            <li><a href="/ausbau-anfragen/">Ausbau anfragen</a></li>
+            <li><a href="/">Start</a></li>
+            <li><a href="/vanilla-parts/">vanilla.parts</a></li>
+            <li><a href="/unternehmen/">Unternehmen</a></li>
+            <li><a class="active" href="/news/">Aktuelles</a></li>
+            <li><a href="/gruender/">Der Gründer</a></li>
+            <li><a href="/kontakt/">Kontakt</a></li>
+            </ul>  
+        </nav>
+        </label>
+        <div class="overlay"></div>
+    </aside>
+
+    <main>
+
+    <div class="content">
+    
+      <h3>Aktuelles bei vanilla.engineering</h3>
+
+      <div id="newsgrid">
+
+        <article class="newsitem">
+
+          <h5>12.05.2024</h5>
+          <h3 class="newstitle">Erster Beitrag als "Hero"-Beitrag (100%)</h3>
+
+          <img src="/assets/img/bg_header_grey_02.jpg" />
+
+          <p>Der erste Beitrag im News-Bereich wird immer automatisch als :first-child über die ganze Breite des Content-Bereichs dargestellt.</p>
+          <p>Alle weiteren Beiträge ordnen sich dynamisch zweispaltig darunter an.</p>
+
+        </article>
+
+        <article class="newsitem">
+
+          <h5>10.04.2024</h5>
+          <h3 class="newstitle">Emoji Support</h3>
+
+          <p>Emoji can be enabled in a Hugo project in a number of ways.</p>
+
+        </article>
+
+        <article class="newsitem">
+
+          <h5>02.04.2024</h5>
+          <h3 class="newstitle">News 5</h3>
+
+          <p>Hier steht der fünfte Beitrag.</p>
+
+        </article>
+
+      </div>
+
+      
+    </div>
+
+</main>
+
+</div>
+
+<footer>
+  <p>&copy; 2024 vanilla.engineering GmbH | <a href="/datenschutz/">Datenschutz</a> | <a href="/impressum/">Impressum</a></p>
+</footer>
+
+</div>
+
+</body>
+</html>
