diff --git a/components/header.tsx b/components/header.tsx
index 9eb593e..69130b0 100644
--- a/components/header.tsx
+++ b/components/header.tsx
@@ -2,8 +2,9 @@ import React from 'react'
 
 export default function Header() {
   return (
-    <>
-      <h1 className="text-3xl">Pfadi Bussle Buchungsseite</h1>
-    </>
+    <div className="flex flex-row items-center p-3 my-3 text-white bg-gray-600 rounded-sm">
+      <h1 className="flex-grow text-3xl">Pfadi Bussle</h1>
+      <img src="/logo.webp" className="w-40 mx-3 object-contain object-top" />
+    </div>
   )
 }
diff --git a/pages/_app.tsx b/pages/_app.tsx
index b150767..db46bed 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -2,5 +2,9 @@ import React from 'react'
 import '../styles/index.css'
 
 export default function MyApp({ Component, pageProps }) {
-  return <Component {...pageProps} />
+  return (
+    <div className="wrapper">
+      <Component {...pageProps} />
+    </div>
+  )
 }
diff --git a/pages/index.tsx b/pages/index.tsx
index 3577e1a..450f98a 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -6,7 +6,7 @@ import Wizard from '../components/wizard/index'
 
 export default function Home() {
   return (
-    <div className="wrapper">
+    <>
       <Head>
         <title>Pfadi Bussle Buchen</title>
         <link rel="icon" href="/favicon.ico" />
@@ -17,6 +17,6 @@ export default function Home() {
         <Wizard />
       </main>
       <Footer />
-    </div>
+    </>
   )
 }
diff --git a/public/logo.webp b/public/logo.webp
new file mode 100644
index 0000000..4d088b0
Binary files /dev/null and b/public/logo.webp differ
