diff --git a/content/banner/banner.jpeg b/content/banner/banner.jpeg
new file mode 100644
index 0000000..4f4605f
Binary files /dev/null and b/content/banner/banner.jpeg differ
diff --git a/content/banner/index.md b/content/banner/index.md
new file mode 100644
index 0000000..e75481c
--- /dev/null
+++ b/content/banner/index.md
@@ -0,0 +1,14 @@
+---
+build:
+  list: never
+  publishResources: false
+  render: never
+title: Banner
+params:
+  subtitle: Ein kleines bisschen italienisches Flair für Ihre Veranstalung in und um Oldenburg.
+  style: style2 orient-left content-align-left image-position-center fullscreen onload-image-fade-in onload-content-fade-right
+  button:
+    label: Los gehts
+    link: ape
+---
+Buchen Sie uns für Ihre Hochzeit, Empfang, Party oder als kleine Überraschung.
diff --git a/data/banner.yml b/data/banner.yml
deleted file mode 100644
index 0480ec7..0000000
--- a/data/banner.yml
+++ /dev/null
@@ -1,12 +0,0 @@
-####################### Banner #########################
-style: "style1 orient-left content-align-left image-position-right fullscreen onload-image-fade-in onload-content-fade-right"
-title : "Bar Filipo"
-subtitle: |
-  Ein kleines bisschen italienisches Flair für Ihre Veranstalung in und um Oldenburg.
-content : |
-  Buchen Sie uns für Ihre Hochzeit, Empfang, Party oder als kleine Überraschung.
-button:
-  label : "Los gehts"
-  link : "#first"
-image : "images/federico-burgalassi-l--3rQeYvHs-unsplash.jpg"
-
diff --git a/layouts/index.html b/layouts/index.html
index 9a303ad..a2bb935 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-	{{ partial "banner" site.Data.banner }}
+	{{ partial "banner-headless" . }}
 	{{ partial "spotlight-headless" . }}
 	{{ partial "gallery" site.Data.gallery }}
 	{{ partial "items" site.Data.items }}
diff --git a/layouts/partials/banner-headless.html b/layouts/partials/banner-headless.html
new file mode 100644
index 0000000..6bf92c6
--- /dev/null
+++ b/layouts/partials/banner-headless.html
@@ -0,0 +1,20 @@
+{{ with .Site.GetPage "/banner" }}
+{{ $image := resources.Get "logo/Logo_BarFilipo_4C_pos.svg" }}
+  <section class="banner {{ .Params.style }}">
+    <div class="content">
+	    <h1><img src="{{ $image.RelPermalink }}" width="400" height="400" alt="{{ .Site.Title }}"></h1>
+      <p class="major">{{ .Params.subtitle }}</p>
+      <p>{{ .Content }}</p>
+      {{ with .Params.button }}
+      <ul class="actions stacked">
+        <li><a href="#{{ .link }}" class="button primary large wide smooth-scroll-middle">{{ .label }}</a></li>
+      </ul>
+      {{ end }}
+    </div>
+    {{ with .Resources.GetMatch "banner.*" }}
+    <div class="image">
+	    <img src="{{ .RelPermalink }}" alt="banner" />
+    </div>
+    {{ end }}
+</section>
+{{ end }}