diff --git a/public/background.gif b/public/background.gif
new file mode 100644
index 0000000..f7dae5f
Binary files /dev/null and b/public/background.gif differ
diff --git a/public/index.html b/public/index.html
index aa069f2..4d439bd 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,6 +3,8 @@
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="stylesheet" href="style_hacky_css_react_mag_mich_nicht.css">
+
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
diff --git a/public/style_hacky_css_react_mag_mich_nicht.css b/public/style_hacky_css_react_mag_mich_nicht.css
new file mode 100644
index 0000000..6ead652
--- /dev/null
+++ b/public/style_hacky_css_react_mag_mich_nicht.css
@@ -0,0 +1,9 @@
+body{
+    background-image: url('/background.gif');
+    background-size: cover;
+    background-position: center;
+    background-attachment: fixed;
+    height: 100vh;
+    padding:0;
+    margin:0;
+  }
diff --git a/src/PartyPage.css b/src/PartyPage.css
index fa9113a..2b521d2 100644
--- a/src/PartyPage.css
+++ b/src/PartyPage.css
@@ -4,14 +4,6 @@
   background-color: black;
 }
 
-body{
-  background-image: url('/public/background.gif');
-  background-size: cover;
-    
-  height: 100vh;
-  padding:0;
-  margin:0;
-}
 
 
 .App {
diff --git a/src/PartyPage.tsx b/src/PartyPage.tsx
index 92a38b6..b7cc258 100644
--- a/src/PartyPage.tsx
+++ b/src/PartyPage.tsx
@@ -1,5 +1,5 @@
 
-import React, { ChangeEvent, useContext, useState } from 'react';
+import React, { ChangeEvent, useContext, useRef, useState } from 'react';
 import './PartyPage.css';
 import { APIEndPoint, PartyContext } from './PartyContext';
 // import MatrixBackground from './MatrixBackground';
@@ -18,7 +18,14 @@ export const PartyPage: React.FC = () => {
     const dear = myDear[partyContext.self.grammatical_gender];
     const name = partyContext.self.name;
     const party = partyContext.party;
-
+    const myRef = useRef<HTMLDivElement>(null)
+    const executeScroll = () => {
+        console.log("downvote bitte hier vergeben: https://stackoverflow.com/questions/43441856/how-to-scroll-to-an-element")
+        if (myRef.current === null) {
+        } else {
+            myRef.current.scrollIntoView({behavior: 'smooth'})
+        }
+    }
     const [comingState, setComingState] = useState(partyContext.self.coming);
 
     // SAFETY: If this is undefined, the contextProvider already fails
@@ -65,10 +72,10 @@ export const PartyPage: React.FC = () => {
                     Diese Chance, Energie zu schnorren, wollen wir noch einmal nutzen.
                 </p>
                 <p>
-                    Daher veranstalten wir ab <strong> 18:00 </strong> eine Weihnachtsparty! Wir rechnen mit ca. 15-25 Teilnehmern.
+                    Daher veranstalten wir ab <strong> 18:00 </strong> eine Weihnachtsparty! Wir rechnen mit ca. 20 Teilnehmern.
                 </p>
                 <p>
-                    Wir würden uns sehr freuen, wenn auch du, {dear} {name}, am Start wärst :)
+                    Wir würden uns sehr freuen, wenn auch du, {dear} {name}, dabei wärst :)
                 </p>
                 <div className='feedback'>
                     <input type="radio" id="coming-yes" name="coming" value="yes" checked={comingState === "yes"} onChange={handleSelect} />
@@ -78,12 +85,16 @@ export const PartyPage: React.FC = () => {
                     <input type="radio" id="coming-no" name="coming" value="no" checked={comingState === "no"} onChange={handleSelect} />
                     <label htmlFor='coming-no'>Nein</label>
                 </div>
-                <div className='hero-outer'>
-                    Mehr Infos
+                <div className='hero-outer' >
+                    <span onClick={executeScroll}>
+                    <p>
+                    Mehr Infos </p>
                     <FontAwesomeIcon icon={faAngleDown} />
+                    </span>
+
                 </div>
             </div>
-            <div className='hero fullheight'>
+            <div className='hero fullheight' ref={myRef}>
                 <h2>Wann und Wo?</h2>
                 <p>
                     <FontAwesomeIcon icon={faCalendarDays} /> <strong>16. Dezember, ab 18:00</strong>.  Bitte komme nach Möglichkeit pünktlich.
@@ -93,13 +104,13 @@ export const PartyPage: React.FC = () => {
                 </p>
                 <h2>Was ist geplant?</h2>
                 <p>
-                    Wir werden gemeinsam einen weihnachtlichen Abend verbringen. 
-                    
-                    Dazu gibt es natürlich Glühwein, Kinderpunsch, und weitere Getränke. 
+                    Wir werden gemeinsam einen weihnachtlichen Abend verbringen.
+
+                    Dazu gibt es natürlich Glühwein, Kinderpunsch, und weitere Getränke.
                 </p>
                 <h2>Was gibt es zu Essen?</h2>
                 <p>
-                    Potluck, etc. 
+                    Potluck, etc.
                     Bitte uns schreiben was mitgebracht wird.
                 </p>
                 <h2>Noch Programmpunkte</h2>
