very new header

hamburger is still in progress

components/footer.tsx

@@ -1,10 +1,18 @@
 import React from 'react'
 import Link from 'next/link'
+import Logo from './logo'
 
 export default function Footer() {
   return (
-    <footer className="footer">
-      <ul className="flex flex-row justify-center gap-2">
+    <footer className="my-5 flex flex-col sm:flex-row px-4 sm:px-6">
+      <div className="flex-grow">
+        <Link href="/">
+          <a>
+            <Logo className="h-12 w-auto sm:h-14" />
+          </a>
+        </Link>
+      </div>
+      <ul className="flex flex-col gap-2 sm:flex-row sm:items-end ">
         <li>
           <Link href="/privacy">
             <a className="link">Datenschutzerklärung</a>