diff --git a/pages/Kontakt.js b/pages/Kontakt.js
index c93f41f..be51377 100644
--- a/pages/Kontakt.js
+++ b/pages/Kontakt.js
@@ -2,7 +2,7 @@ import Head from "next/head";
 import Image from "next/image";
 import StandardStyles from "../styles/Home.module.css";
 import styles from "../styles/Kontakt.module.css";
-
+import FadeIn from "react-fade-in";
 import EmailIcon from "../assets/icons/Email_Icon.png";
 import DiscordIcon from "../assets/icons/Discord_Icon.png";
 import FacebookIcon from "../assets/icons/Facebook_Icon.png";
@@ -14,10 +14,14 @@ export default function Home() {
 			<Head>
 				<title>AGS IT Solutions | Kontakt</title>
 			</Head>
-			<h1>Kontakformular Folgt...</h1>
-			<h1>Social-Media</h1>
+			<FadeIn childTag={"h1"} transitionDuration={1500}>
+				Kontakformular Folgt...
+			</FadeIn>
+			<FadeIn delay={300} childTag={"h1"} transitionDuration={1500}>
+				Social-Media
+			</FadeIn>
 			{/* Social-Media*/}
-			<div className={styles.SocialMediaContainer}>
+			<FadeIn delay={300} transitionDuration={1500} className={styles.SocialMediaContainer}>
 				<a href="mailto:solutionsagsit@gmail.com">
 					<Image height={100} width={100} src={EmailIcon} alt="E-Mail" />
 				</a>
@@ -30,7 +34,7 @@ export default function Home() {
 				<a href="https://discord.gg/cgq2NA2sdd">
 					<Image height={100} width={100} src={DiscordIcon} alt="Discord" />
 				</a>
-			</div>
+			</FadeIn>
 		</main>
 	);
 }
