✨ Add footer

components/Footer.js

@@ -0,0 +1,19 @@
+import styles from "../styles/Footer.module.css";
+// Import Component
+import Link from "next/link";
+// Import Images
+
+const Footer = () => {
+	return (
+		<footer className={styles.Footer}>
+			<Link href="/datenschutzerklaerung">
+				<a>Datenschutzerklärung</a>
+			</Link>
+			<Link href="/impressum">
+				<a>Impressum</a>
+			</Link>
+		</footer>
+	);
+};
+
+export default Footer;

styles/Footer.module.css

@@ -0,0 +1,26 @@
+.Footer {
+  height: 30px;
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  position: absolute;
+  bottom: 0;
+}
+
+.Footer a {
+  padding: 0 1em;
+  -webkit-transition: all 0.2s;
+  transition: all 0.2s;
+}
+
+.Footer a:hover {
+  opacity: 0.8;
+}
+/*# sourceMappingURL=Footer.module.css.map */

styles/Footer.module.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AAAA,AAAA,OAAO,CAAC;EACP,MAAM,EAAE,IAAI;EACZ,KAAK,EAAE,IAAI;EAEX,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,MAAM;EACvB,WAAW,EAAE,MAAM;EAEnB,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,CAAC;CAST;;AAlBD,AAWC,OAXM,CAWN,CAAC,CAAC;EACD,OAAO,EAAE,KAAK;EACd,UAAU,EAAE,QAAQ;CAIpB;;AAjBF,AAcE,OAdK,CAWN,CAAC,AAGC,MAAM,CAAC;EACP,OAAO,EAAE,GAAG;CACZ",
+    "sources": [
+        "Footer.module.scss"
+    ],
+    "names": [],
+    "file": "Footer.module.css"
+}

styles/Footer.module.scss

@@ -0,0 +1,19 @@
+.Footer {
+	height: 30px;
+	width: 100%;
+
+	display: flex;
+	justify-content: center;
+	align-items: center;
+
+	position: absolute;
+	bottom: 0;
+
+	a {
+		padding: 0 1em;
+		transition: all 0.2s;
+		&:hover {
+			opacity: 0.8;
+		}
+	}
+}