frontend/src/App.css

@@ -12,8 +12,7 @@
 }
 
 .home,
-.about,
-.sign-up {
+.about {
   display: flex;
   height: 90vh;
   align-items: center;
@@ -35,6 +34,7 @@
   align-content: center;
   align-items: center;
   background-color: var(--secondary);
+  color: var(--primary);
 }
 .sitePage h1 {
   font-size: 80px;

frontend/src/Footer.js

@@ -10,7 +10,7 @@ function Footer() {
         <div className="footer-link-wrapper">
           <div className="footer-link-items">
             <h2>Informationen</h2>
-            <Link to="/">Hintergrund</Link>
+            <Link to="/ueber">Hintergrund</Link>
             <Link to="/manual">Wie funktioniert das?</Link>
           </div>
           <div className="footer-link-items">

frontend/src/components/Navbar.js

@@ -48,7 +48,7 @@ function Navbar() {
             </li>
             <li className="nav-item">
               <Link
-                to="/services"
+                to="/Ueber"
                 className="nav-links"
                 onClick={closeMobileMenu}
               >
@@ -57,7 +57,7 @@ function Navbar() {
             </li>
             <li>
               <Link
-                to="/sign-up"
+                to="/manual"
                 className="nav-links"
                 onClick={closeMobileMenu}
               >

frontend/src/components/pages/Ueber.js

@@ -5,7 +5,9 @@ import Footer from "../../Footer";
 export default function Ueber() {
   return (
     <>
-      <h2 className="about">Über das Projekt</h2>
+      <div className="sitePage">
+        <h1>Über das Projekt</h1>
+      </div>
       <Footer />
     </>
   );