From b2a2eca34712aa9bc9bf92336ca3bde44db5a95d Mon Sep 17 00:00:00 2001
From: Niklas <198754647+BlankAccountsUsername@users.noreply.github.com>
Date: Fri, 27 Jun 2025 14:05:56 +0200
Subject: [PATCH] wip basic page

---
 code/frontend/src/pages/AboutUs.tsx |  4 ++--
 code/frontend/src/pages/aboutUs.css | 10 ++++++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/code/frontend/src/pages/AboutUs.tsx b/code/frontend/src/pages/AboutUs.tsx
index 8866623..fb406b7 100644
--- a/code/frontend/src/pages/AboutUs.tsx
+++ b/code/frontend/src/pages/AboutUs.tsx
@@ -1,9 +1,9 @@
-
+import "./aboutUs.css";
 
 function AboutUs() {
 
     return (
-        <div className="mainbox test">
+        <div className="mainbox">
             <img style={{height: "200px", position: "relative"}} src='/assets/icons/feather_black.svg' alt="featherIcon" />
         </div>
     );
diff --git a/code/frontend/src/pages/aboutUs.css b/code/frontend/src/pages/aboutUs.css
index 2eab184..5942b9f 100644
--- a/code/frontend/src/pages/aboutUs.css
+++ b/code/frontend/src/pages/aboutUs.css
@@ -1,14 +1,16 @@
 .mainbox {
-	padding-block-start: 1000px;
-	min-height: 100vh;
+	/* TODO header height variablen anpassen sobald PR für header durch ist*/
+	margin-top: var(--Header-height);
+	min-height: calc(100vh - var(--Header-height));
 }
 
 @media screen and (min-width: 768px) {
 	.mainbox {
-		margin-top: 1000px;
-		min-height: 100vh;
+		margin-top: var(--Header-height);
 	}
 }
+
+/* TODO Entfernen vor final*/
 .test {
 	height: 100vh;
 	width: 100vw;