folder structure re-organized

kamikidd · May 27, 2024 · dd33d09 · dd33d09
1 parent b73f251
commit dd33d09
Show file tree

Hide file tree

Showing 132 changed files with 142 additions and 107 deletions.
diff --git a/index.html b/index.html
@@ -3,29 +3,13 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-
     <title>Buero Vatter</title>
-    <link rel="stylesheet" href="./css/bootstrap.min.css" />
-    <link rel="stylesheet" href="./css/styles.css" />
-    <!-- TODO: font related links (will be replaced by local font files) -->
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600&family=Karla&display=swap"
-      rel="stylesheet"
-    />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500&family=Karla&display=swap"
-      rel="stylesheet"
-    />
+    <link rel="stylesheet" href="./src/assets/styles/bootstrap.min.css" />
+    <link rel="stylesheet" href="./src/assets/styles/global_styles.css" />
   </head>
   <body>
     <!-- landing page news -->
     <div id="root"></div>
-    <script type="module" src="./js/App.jsx"></script>
+    <script type="module" src="./src/App.jsx"></script>
   </body>
 </html>
diff --git a/js/App.jsx → src/App.jsx b/js/App.jsx → src/App.jsx
@@ -1,19 +1,19 @@
 import { createRoot } from "react-dom/client";
 import { HashRouter, Routes, Route } from "react-router-dom";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import Home from "./Home";
-import Services from "./Services";
-import Staffs from "./Staffs";
-import StaffDetail from "./StaffDetail";
-import Topics from "./Topics";
-import Projects from "./Projects";
-import Contact from "./Contact";
-import NoMatch404 from "./NoMatch404";
-import Imprint from "./Imprint";
-import DataProtection from "./DataProtection";
-import Header from "./Header";
-import Footer from "./Footer";
-import ProjectDetail from "./ProjectDetail";
+import Home from "./pages/Home/Home";
+import Services from "./pages/Services/Services";
+import Staffs from "./pages/Staffs/Staffs";
+import StaffDetail from "./pages/Staffs/StaffDetail";
+import Topics from "./pages/Topics/Topics";
+import Projects from "./pages/Projects/Projects";
+import Contact from "./pages/Contact/Contact";
+import NoMatch404 from "./pages/Others/NoMatch404";
+import Imprint from "./pages/Others/Imprint";
+import DataProtection from "./pages/Others/DataProtection";
+import Header from "./pages/Others/Header";
+import Footer from "./pages/Others/Footer";
+import ProjectDetail from "./pages/Projects/ProjectDetail";
 const queryClient = new QueryClient({
   defautlOptions: {
     queries: {

diff --git a/...arlow_Condensed/BarlowCondensed-Black.ttf → ...arlow_Condensed/BarlowCondensed-Black.ttf b/...arlow_Condensed/BarlowCondensed-Black.ttf → ...arlow_Condensed/BarlowCondensed-Black.ttf
diff --git a/...Condensed/BarlowCondensed-BlackItalic.ttf → ...Condensed/BarlowCondensed-BlackItalic.ttf b/...Condensed/BarlowCondensed-BlackItalic.ttf → ...Condensed/BarlowCondensed-BlackItalic.ttf
diff --git a/...Barlow_Condensed/BarlowCondensed-Bold.ttf → ...Barlow_Condensed/BarlowCondensed-Bold.ttf b/...Barlow_Condensed/BarlowCondensed-Bold.ttf → ...Barlow_Condensed/BarlowCondensed-Bold.ttf
diff --git a/..._Condensed/BarlowCondensed-BoldItalic.ttf → ..._Condensed/BarlowCondensed-BoldItalic.ttf b/..._Condensed/BarlowCondensed-BoldItalic.ttf → ..._Condensed/BarlowCondensed-BoldItalic.ttf
diff --git a/...w_Condensed/BarlowCondensed-ExtraBold.ttf → ...w_Condensed/BarlowCondensed-ExtraBold.ttf b/...w_Condensed/BarlowCondensed-ExtraBold.ttf → ...w_Condensed/BarlowCondensed-ExtraBold.ttf
diff --git a/...ensed/BarlowCondensed-ExtraBoldItalic.ttf → ...ensed/BarlowCondensed-ExtraBoldItalic.ttf b/...ensed/BarlowCondensed-ExtraBoldItalic.ttf → ...ensed/BarlowCondensed-ExtraBoldItalic.ttf
diff --git a/..._Condensed/BarlowCondensed-ExtraLight.ttf → ..._Condensed/BarlowCondensed-ExtraLight.ttf b/..._Condensed/BarlowCondensed-ExtraLight.ttf → ..._Condensed/BarlowCondensed-ExtraLight.ttf
diff --git a/...nsed/BarlowCondensed-ExtraLightItalic.ttf → ...nsed/BarlowCondensed-ExtraLightItalic.ttf b/...nsed/BarlowCondensed-ExtraLightItalic.ttf → ...nsed/BarlowCondensed-ExtraLightItalic.ttf
diff --git a/...rlow_Condensed/BarlowCondensed-Italic.ttf → ...rlow_Condensed/BarlowCondensed-Italic.ttf b/...rlow_Condensed/BarlowCondensed-Italic.ttf → ...rlow_Condensed/BarlowCondensed-Italic.ttf
diff --git a/...arlow_Condensed/BarlowCondensed-Light.ttf → ...arlow_Condensed/BarlowCondensed-Light.ttf b/...arlow_Condensed/BarlowCondensed-Light.ttf → ...arlow_Condensed/BarlowCondensed-Light.ttf
diff --git a/...Condensed/BarlowCondensed-LightItalic.ttf → ...Condensed/BarlowCondensed-LightItalic.ttf b/...Condensed/BarlowCondensed-LightItalic.ttf → ...Condensed/BarlowCondensed-LightItalic.ttf
diff --git a/...rlow_Condensed/BarlowCondensed-Medium.ttf → ...rlow_Condensed/BarlowCondensed-Medium.ttf b/...rlow_Condensed/BarlowCondensed-Medium.ttf → ...rlow_Condensed/BarlowCondensed-Medium.ttf
diff --git a/...ondensed/BarlowCondensed-MediumItalic.ttf → ...ondensed/BarlowCondensed-MediumItalic.ttf b/...ondensed/BarlowCondensed-MediumItalic.ttf → ...ondensed/BarlowCondensed-MediumItalic.ttf
diff --git a/...low_Condensed/BarlowCondensed-Regular.ttf → ...low_Condensed/BarlowCondensed-Regular.ttf b/...low_Condensed/BarlowCondensed-Regular.ttf → ...low_Condensed/BarlowCondensed-Regular.ttf
diff --git a/...ow_Condensed/BarlowCondensed-SemiBold.ttf → ...ow_Condensed/BarlowCondensed-SemiBold.ttf b/...ow_Condensed/BarlowCondensed-SemiBold.ttf → ...ow_Condensed/BarlowCondensed-SemiBold.ttf
diff --git a/...densed/BarlowCondensed-SemiBoldItalic.ttf → ...densed/BarlowCondensed-SemiBoldItalic.ttf b/...densed/BarlowCondensed-SemiBoldItalic.ttf → ...densed/BarlowCondensed-SemiBoldItalic.ttf
diff --git a/...Barlow_Condensed/BarlowCondensed-Thin.ttf → ...Barlow_Condensed/BarlowCondensed-Thin.ttf b/...Barlow_Condensed/BarlowCondensed-Thin.ttf → ...Barlow_Condensed/BarlowCondensed-Thin.ttf
diff --git a/..._Condensed/BarlowCondensed-ThinItalic.ttf → ..._Condensed/BarlowCondensed-ThinItalic.ttf b/..._Condensed/BarlowCondensed-ThinItalic.ttf → ..._Condensed/BarlowCondensed-ThinItalic.ttf
diff --git a/fonts/Barlow_Condensed/OFL.txt → src/assets/fonts/Barlow_Condensed/OFL.txt b/fonts/Barlow_Condensed/OFL.txt → src/assets/fonts/Barlow_Condensed/OFL.txt
diff --git a/.../Karla/Karla-Italic-VariableFont_wght.ttf → .../Karla/Karla-Italic-VariableFont_wght.ttf b/.../Karla/Karla-Italic-VariableFont_wght.ttf → .../Karla/Karla-Italic-VariableFont_wght.ttf
diff --git a/fonts/Karla/Karla-VariableFont_wght.ttf → ...s/fonts/Karla/Karla-VariableFont_wght.ttf b/fonts/Karla/Karla-VariableFont_wght.ttf → ...s/fonts/Karla/Karla-VariableFont_wght.ttf
diff --git a/fonts/Karla/OFL.txt → src/assets/fonts/Karla/OFL.txt b/fonts/Karla/OFL.txt → src/assets/fonts/Karla/OFL.txt
diff --git a/fonts/Karla/README.txt → src/assets/fonts/Karla/README.txt b/fonts/Karla/README.txt → src/assets/fonts/Karla/README.txt
diff --git a/fonts/Karla/static/Karla-Bold.ttf → src/assets/fonts/Karla/static/Karla-Bold.ttf b/fonts/Karla/static/Karla-Bold.ttf → src/assets/fonts/Karla/static/Karla-Bold.ttf
diff --git a/fonts/Karla/static/Karla-BoldItalic.ttf → ...s/fonts/Karla/static/Karla-BoldItalic.ttf b/fonts/Karla/static/Karla-BoldItalic.ttf → ...s/fonts/Karla/static/Karla-BoldItalic.ttf
diff --git a/fonts/Karla/static/Karla-ExtraBold.ttf → ...ts/fonts/Karla/static/Karla-ExtraBold.ttf b/fonts/Karla/static/Karla-ExtraBold.ttf → ...ts/fonts/Karla/static/Karla-ExtraBold.ttf
diff --git a/fonts/Karla/static/Karla-ExtraBoldItalic.ttf → ...ts/Karla/static/Karla-ExtraBoldItalic.ttf b/fonts/Karla/static/Karla-ExtraBoldItalic.ttf → ...ts/Karla/static/Karla-ExtraBoldItalic.ttf
diff --git a/fonts/Karla/static/Karla-ExtraLight.ttf → ...s/fonts/Karla/static/Karla-ExtraLight.ttf b/fonts/Karla/static/Karla-ExtraLight.ttf → ...s/fonts/Karla/static/Karla-ExtraLight.ttf
diff --git a/...s/Karla/static/Karla-ExtraLightItalic.ttf → ...s/Karla/static/Karla-ExtraLightItalic.ttf b/...s/Karla/static/Karla-ExtraLightItalic.ttf → ...s/Karla/static/Karla-ExtraLightItalic.ttf
diff --git a/fonts/Karla/static/Karla-Italic.ttf → ...ssets/fonts/Karla/static/Karla-Italic.ttf b/fonts/Karla/static/Karla-Italic.ttf → ...ssets/fonts/Karla/static/Karla-Italic.ttf
diff --git a/fonts/Karla/static/Karla-Light.ttf → ...assets/fonts/Karla/static/Karla-Light.ttf b/fonts/Karla/static/Karla-Light.ttf → ...assets/fonts/Karla/static/Karla-Light.ttf
diff --git a/fonts/Karla/static/Karla-LightItalic.ttf → .../fonts/Karla/static/Karla-LightItalic.ttf b/fonts/Karla/static/Karla-LightItalic.ttf → .../fonts/Karla/static/Karla-LightItalic.ttf
diff --git a/fonts/Karla/static/Karla-Medium.ttf → ...ssets/fonts/Karla/static/Karla-Medium.ttf b/fonts/Karla/static/Karla-Medium.ttf → ...ssets/fonts/Karla/static/Karla-Medium.ttf
diff --git a/fonts/Karla/static/Karla-MediumItalic.ttf → ...fonts/Karla/static/Karla-MediumItalic.ttf b/fonts/Karla/static/Karla-MediumItalic.ttf → ...fonts/Karla/static/Karla-MediumItalic.ttf
diff --git a/fonts/Karla/static/Karla-Regular.ttf → ...sets/fonts/Karla/static/Karla-Regular.ttf b/fonts/Karla/static/Karla-Regular.ttf → ...sets/fonts/Karla/static/Karla-Regular.ttf
diff --git a/fonts/Karla/static/Karla-SemiBold.ttf → ...ets/fonts/Karla/static/Karla-SemiBold.ttf b/fonts/Karla/static/Karla-SemiBold.ttf → ...ets/fonts/Karla/static/Karla-SemiBold.ttf
diff --git a/fonts/Karla/static/Karla-SemiBoldItalic.ttf → ...nts/Karla/static/Karla-SemiBoldItalic.ttf b/fonts/Karla/static/Karla-SemiBoldItalic.ttf → ...nts/Karla/static/Karla-SemiBoldItalic.ttf
diff --git a/imgs/category/beratung.png → src/assets/imgs/category/beratung.png b/imgs/category/beratung.png → src/assets/imgs/category/beratung.png
diff --git a/imgs/category/evaluation.png → src/assets/imgs/category/evaluation.png b/imgs/category/evaluation.png → src/assets/imgs/category/evaluation.png
diff --git a/imgs/category/forschung.png → src/assets/imgs/category/forschung.png b/imgs/category/forschung.png → src/assets/imgs/category/forschung.png
diff --git a/imgs/logos/BV_logo.png → src/assets/imgs/logos/BV_logo.png b/imgs/logos/BV_logo.png → src/assets/imgs/logos/BV_logo.png
diff --git a/imgs/logos/linkedIn_logo_s.png → src/assets/imgs/logos/linkedIn_logo_s.png b/imgs/logos/linkedIn_logo_s.png → src/assets/imgs/logos/linkedIn_logo_s.png
diff --git a/imgs/logos/linkedin_logo_l.png → src/assets/imgs/logos/linkedin_logo_l.png b/imgs/logos/linkedin_logo_l.png → src/assets/imgs/logos/linkedin_logo_l.png
diff --git a/imgs/logos/side_logo.png → src/assets/imgs/logos/side_logo.png b/imgs/logos/side_logo.png → src/assets/imgs/logos/side_logo.png
diff --git a/imgs/map.png → src/assets/imgs/map.png b/imgs/map.png → src/assets/imgs/map.png
diff --git a/imgs/staffs/1.png → src/assets/imgs/staffs/1.png b/imgs/staffs/1.png → src/assets/imgs/staffs/1.png
diff --git a/imgs/staffs/2.png → src/assets/imgs/staffs/2.png b/imgs/staffs/2.png → src/assets/imgs/staffs/2.png
diff --git a/imgs/staffs/3.png → src/assets/imgs/staffs/3.png b/imgs/staffs/3.png → src/assets/imgs/staffs/3.png
diff --git a/imgs/staffs/4.png → src/assets/imgs/staffs/4.png b/imgs/staffs/4.png → src/assets/imgs/staffs/4.png
diff --git a/imgs/staffs/5.png → src/assets/imgs/staffs/5.png b/imgs/staffs/5.png → src/assets/imgs/staffs/5.png
diff --git a/imgs/staffs/6.png → src/assets/imgs/staffs/6.png b/imgs/staffs/6.png → src/assets/imgs/staffs/6.png
diff --git a/imgs/staffs/7.png → src/assets/imgs/staffs/7.png b/imgs/staffs/7.png → src/assets/imgs/staffs/7.png
diff --git a/imgs/staffs/unknown.png → src/assets/imgs/staffs/unknown.png b/imgs/staffs/unknown.png → src/assets/imgs/staffs/unknown.png
diff --git a/imgs/symbols/CaretDown.png → src/assets/imgs/symbols/CaretDown.png b/imgs/symbols/CaretDown.png → src/assets/imgs/symbols/CaretDown.png
diff --git a/imgs/symbols/CaretUp.png → src/assets/imgs/symbols/CaretUp.png b/imgs/symbols/CaretUp.png → src/assets/imgs/symbols/CaretUp.png
diff --git a/imgs/symbols/arrow-right.png → src/assets/imgs/symbols/arrow-right.png b/imgs/symbols/arrow-right.png → src/assets/imgs/symbols/arrow-right.png
diff --git a/imgs/symbols/close.png → src/assets/imgs/symbols/close.png b/imgs/symbols/close.png → src/assets/imgs/symbols/close.png
diff --git a/imgs/symbols/download.png → src/assets/imgs/symbols/download.png b/imgs/symbols/download.png → src/assets/imgs/symbols/download.png
diff --git a/imgs/symbols/fi_mail.png → src/assets/imgs/symbols/fi_mail.png b/imgs/symbols/fi_mail.png → src/assets/imgs/symbols/fi_mail.png
diff --git a/imgs/symbols/finished.png → src/assets/imgs/symbols/finished.png b/imgs/symbols/finished.png → src/assets/imgs/symbols/finished.png
diff --git a/imgs/symbols/go-end.png → src/assets/imgs/symbols/go-end.png b/imgs/symbols/go-end.png → src/assets/imgs/symbols/go-end.png
diff --git a/imgs/symbols/go-start.png → src/assets/imgs/symbols/go-start.png b/imgs/symbols/go-start.png → src/assets/imgs/symbols/go-start.png
diff --git a/imgs/symbols/lastpage.png → src/assets/imgs/symbols/lastpage.png b/imgs/symbols/lastpage.png → src/assets/imgs/symbols/lastpage.png
diff --git a/imgs/symbols/laufend.png → src/assets/imgs/symbols/laufend.png b/imgs/symbols/laufend.png → src/assets/imgs/symbols/laufend.png
diff --git a/imgs/symbols/nextpage.png → src/assets/imgs/symbols/nextpage.png b/imgs/symbols/nextpage.png → src/assets/imgs/symbols/nextpage.png
diff --git a/imgs/symbols/phone.png → src/assets/imgs/symbols/phone.png b/imgs/symbols/phone.png → src/assets/imgs/symbols/phone.png
diff --git a/imgs/symbols/u_angle-down.png → src/assets/imgs/symbols/u_angle-down.png b/imgs/symbols/u_angle-down.png → src/assets/imgs/symbols/u_angle-down.png
diff --git a/imgs/symbols/u_angle-left-b.png → src/assets/imgs/symbols/u_angle-left-b.png b/imgs/symbols/u_angle-left-b.png → src/assets/imgs/symbols/u_angle-left-b.png
diff --git a/imgs/symbols/u_angle-right-b.png → src/assets/imgs/symbols/u_angle-right-b.png b/imgs/symbols/u_angle-right-b.png → src/assets/imgs/symbols/u_angle-right-b.png
diff --git a/imgs/titlephoto/Dienstleistungen.png → ...sets/imgs/titlephoto/Dienstleistungen.png b/imgs/titlephoto/Dienstleistungen.png → ...sets/imgs/titlephoto/Dienstleistungen.png
diff --git a/imgs/titlephoto/Home.png → src/assets/imgs/titlephoto/Home.png b/imgs/titlephoto/Home.png → src/assets/imgs/titlephoto/Home.png
diff --git a/imgs/titlephoto/Kontakt.png → src/assets/imgs/titlephoto/Kontakt.png b/imgs/titlephoto/Kontakt.png → src/assets/imgs/titlephoto/Kontakt.png
diff --git a/imgs/titlephoto/Mitarbeitende.png → src/assets/imgs/titlephoto/Mitarbeitende.png b/imgs/titlephoto/Mitarbeitende.png → src/assets/imgs/titlephoto/Mitarbeitende.png
diff --git a/imgs/titlephoto/NotMatch404.png → src/assets/imgs/titlephoto/NotMatch404.png b/imgs/titlephoto/NotMatch404.png → src/assets/imgs/titlephoto/NotMatch404.png
diff --git a/imgs/titlephoto/Projekt.png → src/assets/imgs/titlephoto/Projekt.png b/imgs/titlephoto/Projekt.png → src/assets/imgs/titlephoto/Projekt.png
diff --git a/imgs/titlephoto/Projekte.png → src/assets/imgs/titlephoto/Projekte.png b/imgs/titlephoto/Projekte.png → src/assets/imgs/titlephoto/Projekte.png
diff --git a/imgs/titlephoto/Themen.png → src/assets/imgs/titlephoto/Themen.png b/imgs/titlephoto/Themen.png → src/assets/imgs/titlephoto/Themen.png
diff --git a/imgs/topics/aussenentwicklungspolitik.png → ...imgs/topics/aussenentwicklungspolitik.png b/imgs/topics/aussenentwicklungspolitik.png → ...imgs/topics/aussenentwicklungspolitik.png
diff --git a/imgs/topics/bildung.png → src/assets/imgs/topics/bildung.png b/imgs/topics/bildung.png → src/assets/imgs/topics/bildung.png
diff --git a/imgs/topics/gesundheit.png → src/assets/imgs/topics/gesundheit.png b/imgs/topics/gesundheit.png → src/assets/imgs/topics/gesundheit.png
diff --git a/imgs/topics/justiz.png → src/assets/imgs/topics/justiz.png b/imgs/topics/justiz.png → src/assets/imgs/topics/justiz.png
diff --git a/imgs/topics/kampagnenevaluation.png → ...ssets/imgs/topics/kampagnenevaluation.png b/imgs/topics/kampagnenevaluation.png → ...ssets/imgs/topics/kampagnenevaluation.png
diff --git a/imgs/topics/migration.png → src/assets/imgs/topics/migration.png b/imgs/topics/migration.png → src/assets/imgs/topics/migration.png
diff --git a/imgs/topics/sozialpolitik.png → src/assets/imgs/topics/sozialpolitik.png b/imgs/topics/sozialpolitik.png → src/assets/imgs/topics/sozialpolitik.png
diff --git a/imgs/topics/umwelt.png → src/assets/imgs/topics/umwelt.png b/imgs/topics/umwelt.png → src/assets/imgs/topics/umwelt.png
diff --git a/imgs/topics/wirkungsmodelle.png → src/assets/imgs/topics/wirkungsmodelle.png b/imgs/topics/wirkungsmodelle.png → src/assets/imgs/topics/wirkungsmodelle.png
diff --git a/imgs/topics/wirtschafts.png → src/assets/imgs/topics/wirtschafts.png b/imgs/topics/wirtschafts.png → src/assets/imgs/topics/wirtschafts.png
diff --git a/css/bootstrap.min.css → src/assets/styles/bootstrap.min.css b/css/bootstrap.min.css → src/assets/styles/bootstrap.min.css
diff --git a/css/bootstrap.min.css.map → src/assets/styles/bootstrap.min.css.map b/css/bootstrap.min.css.map → src/assets/styles/bootstrap.min.css.map
diff --git a/css/styles.css → src/assets/styles/global_styles.css b/css/styles.css → src/assets/styles/global_styles.css
@@ -1,11 +1,62 @@
-body {
-    overflow: scroll;
-    overflow-x: hidden;
+/* || General styles */
+
+/* || Typography */
+/*Font 1 : Barlow Condensed*/
+/* Regular Weight */
+@font-face {
+    font-family: "Barlow Condensed";
+    src: url("../fonts/Barlow_Condensed/BarlowCondensed-Regular.ttf");
+    font-weight: 400;
+}
+
+/* SemiBold (600) Weight */
+@font-face {
+    font-family: "Barlow Condensed";
+    src: url("../fonts/Barlow_Condensed/BarlowCondensed-SemiBold.ttf");
+    font-weight: 600;
 }
 
+/* Medium Weight */
 @font-face {
-    font-family: 'Barlow Condensed';
-    src: local('Barlow Condensed'), url();
+    font-family: "Barlow Condensed";
+    src: url("../fonts/Barlow_Condensed/BarlowCondensed-Medium.ttf");
+    font-weight: 500;
+}
+
+/* Light Weight */
+@font-face {
+    font-family: "Barlow Condensed";
+    src: url("../fonts/Barlow_Condensed/BarlowCondensed-Light.ttf");
+    font-weight: 300;
+}
+
+
+/*Font 2 : Karla */
+/* Regular Weight */
+@font-face {
+    font-family: "Karla";
+    src: url("../fonts/Karla/static/Karla-Regular.ttf");
+    font-weight: 400;
+}
+
+/* Medium Weight */
+@font-face {
+    font-family: "Karla";
+    src: url("../fonts/Karla/static/Karla-Medium.ttf");
+    font-weight: 500;
+}
+
+
+/* Light Weight */
+@font-face {
+    font-family: "Karla";
+    src: url("../fonts/Karla/static/Karla-Light.ttf");
+    font-weight: 300;
+}
+
+body {
+    overflow: scroll;
+    overflow-x: hidden;
 }
 
 #root {
@@ -750,7 +801,7 @@ a#download_list {
     color: #fff;
     font-family: 'Barlow Condensed', sans-serif;
     font-size: 32px;
-    font-weight: 800;
+    font-weight: 600;
     height: 45px;
 }
 
@@ -780,13 +831,13 @@ a#download_list {
 #newsdate {
     font-family: 'Barlow Condensed', sans-serif;
     font-size: 20px;
-    font-weight: 400;
+    font-weight: 500;
 }
 
 #newscontent {
     font-family: 'Karla', sans-serif;
     font-size: 20px;
-    font-weight: 300;
+    font-weight: 400;
 }
 
 hr {

diff --git a/js/SelectedProjectList.jsx → src/components/SelectedProjectList.jsx b/js/SelectedProjectList.jsx → src/components/SelectedProjectList.jsx
@@ -1,8 +1,8 @@
 import Container from "react-bootstrap/Container";
 import Row from "react-bootstrap/Row";
 import { Link } from "react-router-dom";
-import { deUmlaut } from "./helpers";
-import symbol_arrowright from "../imgs/symbols/arrow-right.png";
+import { deUmlaut } from "../utils/helpers";
+import symbol_arrowright from "../assets/imgs/symbols/arrow-right.png";
 const SelectedProjectList = (prop) => {
   const title = deUmlaut(prop.detail.title.rendered);
 

diff --git a/js/Contact.jsx → src/pages/Contact/Contact.jsx b/js/Contact.jsx → src/pages/Contact/Contact.jsx
@@ -1,7 +1,7 @@
 import Container from "react-bootstrap/Container";
 import Row from "react-bootstrap/Row";
 import Col from "react-bootstrap/Col";
-import location from "../imgs/map.png";
+import location from "../../assets/imgs/map.png";
 import { Link } from "react-router-dom";
 const Contact = () => {
   return (

diff --git a/js/Home.jsx → src/pages/Home/Home.jsx b/js/Home.jsx → src/pages/Home/Home.jsx
@@ -1,14 +1,14 @@
 import NewsComp from "./NewsComp";
 import Container from "react-bootstrap/Container";
-import ServicePicComp from "./ServicePicComp";
+import ServicePicComp from "../Services/ServicePicComp";
 import Row from "react-bootstrap/Row";
 import Col from "react-bootstrap/Col";
 import { Link, useNavigate } from "react-router-dom";
 import { useQuery } from "@tanstack/react-query";
-import fetchData from "./fetchData";
+import fetchData from "../../utils/fetchData";
 import DOMPurify from "dompurify";
-import Spinner from "./Spinner";
-import symbol_goto from "../imgs/symbols/arrow-right.png";
+import Spinner from "../Others/Spinner";
+import symbol_goto from "../../assets/imgs/symbols/arrow-right.png";
 const Home = () => {
   const navigate = useNavigate();
 

diff --git a/js/NewsComp.jsx → src/pages/Home/NewsComp.jsx b/js/NewsComp.jsx → src/pages/Home/NewsComp.jsx
@@ -1,8 +1,8 @@
 import DOMPurify from "dompurify";
-import Spinner from "./Spinner";
+import Spinner from "../Others/Spinner";
 import { useNavigate } from "react-router-dom";
 import { useQuery } from "@tanstack/react-query";
-import fetchData from "./fetchData";
+import fetchData from "../../utils/fetchData";
 const NewsComp = () => {
   const navigate = useNavigate();
 

diff --git a/js/DataProtection.jsx → src/pages/Others/DataProtection.jsx b/js/DataProtection.jsx → src/pages/Others/DataProtection.jsx
diff --git a/js/Footer.jsx → src/pages/Others/Footer.jsx b/js/Footer.jsx → src/pages/Others/Footer.jsx
@@ -1,7 +1,7 @@
 import { React } from "react";
 import { Link } from "react-router-dom";
 import Container from "react-bootstrap/Container";
-import linkedin_logo from "../imgs/logos/linkedin_logo_l.png";
+import linkedin_logo from "../../assets/imgs/logos/linkedin_logo_l.png";
 const Footer = () => {
   return (
     <Container fluid className="border-top footer ">

diff --git a/js/Header.jsx → src/pages/Others/Header.jsx b/js/Header.jsx → src/pages/Others/Header.jsx
@@ -3,11 +3,11 @@ import Nav from "react-bootstrap/Nav";
 import { NavLink, Link, useLocation } from "react-router-dom";
 import Button from "react-bootstrap/Button";
 import Modal from "react-bootstrap/Modal";
-import TitlePictureComp from "./TitlePictureComp";
+import TitlePictureComp from "../Others/TitlePictureComp";
 
 import Container from "react-bootstrap/Container";
-import logopic from "../imgs/logos/BV_logo.png";
-import sidelogpic from "../imgs/logos/side_logo.png";
+import logopic from "../../assets/imgs/logos/BV_logo.png";
+import sidelogpic from "../../assets/imgs/logos/side_logo.png";
 
 const Header = () => {
   const location = useLocation();

diff --git a/js/Imprint.jsx → src/pages/Others/Imprint.jsx b/js/Imprint.jsx → src/pages/Others/Imprint.jsx
diff --git a/js/NoMatch404.jsx → src/pages/Others/NoMatch404.jsx b/js/NoMatch404.jsx → src/pages/Others/NoMatch404.jsx
diff --git a/js/Spinner.jsx → src/pages/Others/Spinner.jsx b/js/Spinner.jsx → src/pages/Others/Spinner.jsx
diff --git a/js/TitlePictureComp.jsx → src/pages/Others/TitlePictureComp.jsx b/js/TitlePictureComp.jsx → src/pages/Others/TitlePictureComp.jsx
@@ -1,11 +1,11 @@
-import hometitle_pic from "../imgs/titlephoto/Home.png";
-import servicestitle_pic from "../imgs/titlephoto/Dienstleistungen.png";
-import contacttitle_pic from "../imgs/titlephoto/Kontakt.png";
-import staffstitle_pic from "../imgs/titlephoto/Mitarbeitende.png";
-import notmatch404_pic from "../imgs/titlephoto/NotMatch404.png";
-import projects_pic from "../imgs/titlephoto/Projekte.png";
-import project_pic from "../imgs/titlephoto/Projekt.png";
-import topics_pic from "../imgs/titlephoto/Themen.png";
+import hometitle_pic from "../../assets/imgs/titlephoto/Home.png";
+import servicestitle_pic from "../../assets/imgs/titlephoto/Dienstleistungen.png";
+import contacttitle_pic from "../../assets/imgs/titlephoto/Kontakt.png";
+import staffstitle_pic from "../../assets/imgs/titlephoto/Mitarbeitende.png";
+import notmatch404_pic from "../../assets/imgs/titlephoto/NotMatch404.png";
+import projects_pic from "../../assets/imgs/titlephoto/Projekte.png";
+import project_pic from "../../assets/imgs/titlephoto/Projekt.png";
+import topics_pic from "../../assets/imgs/titlephoto/Themen.png";
 const TitlePictureComp = ({ page }) => {
   let titlePic = page.split("/", 1)[0];
   let urlbase = hometitle_pic;

diff --git a/js/DownloadPDF.jsx → src/pages/Projects/DownloadPDF.jsx b/js/DownloadPDF.jsx → src/pages/Projects/DownloadPDF.jsx
@@ -1,10 +1,10 @@
 import { useQuery } from "@tanstack/react-query";
 import { useNavigate } from "react-router-dom";
-import Spinner from "./Spinner";
+import Spinner from "../Others/Spinner";
 import Row from "react-bootstrap/Row";
-import fetchData from "./fetchData";
+import fetchData from "../../utils/fetchData";
 import DOMPurify from "dompurify";
-import download_symbol from "../imgs/symbols/download.png";
+import download_symbol from "../../assets/imgs/symbols/download.png";
 const DownloadPDF = (prop) => {
   console.log(prop.prop);
   const navigate = useNavigate();

diff --git a/js/PaginationComp.jsx → src/pages/Projects/PaginationComp.jsx b/js/PaginationComp.jsx → src/pages/Projects/PaginationComp.jsx
@@ -1,8 +1,8 @@
-import styles from "../css/projects.module.css";
-import gostartpic from "../imgs/symbols/go-start.png";
-import goendpic from "../imgs/symbols/go-end.png";
-import lastpagepic from "../imgs/symbols/lastpage.png";
-import nextpagepic from "../imgs/symbols/nextpage.png";
+import styles from "./projects.module.css";
+import gostartpic from "../../assets/imgs/symbols/go-start.png";
+import goendpic from "../../assets/imgs/symbols/go-end.png";
+import lastpagepic from "../../assets/imgs/symbols/lastpage.png";
+import nextpagepic from "../../assets/imgs/symbols/nextpage.png";
 
 const PaginationComp = ({
   pageCount,

diff --git a/js/Project.jsx → src/pages/Projects/Project.jsx b/js/Project.jsx → src/pages/Projects/Project.jsx
@@ -1,11 +1,11 @@
 import Container from "react-bootstrap/Container";
 import Row from "react-bootstrap/Row";
 import Col from "react-bootstrap/Col";
-import laufendpic from "../imgs/symbols/laufend.png";
-import fertigpic from "../imgs/symbols/finished.png";
-import arrowrightpic from "../imgs/symbols/arrow-right.png";
+import laufendpic from "../../assets/imgs/symbols/laufend.png";
+import fertigpic from "../../assets/imgs/symbols/finished.png";
+import arrowrightpic from "../../assets/imgs/symbols/arrow-right.png";
 import { Link } from "react-router-dom";
-import { deUmlaut } from "./helpers";
+import { deUmlaut } from "../../utils/helpers";
 const Project = (prop) => {
   const title = deUmlaut(prop.title);
   console.log(prop);

diff --git a/js/ProjectDetail.jsx → src/pages/Projects/ProjectDetail.jsx b/js/ProjectDetail.jsx → src/pages/Projects/ProjectDetail.jsx
diff --git a/js/Projects.jsx → src/pages/Projects/Projects.jsx b/js/Projects.jsx → src/pages/Projects/Projects.jsx
@@ -2,19 +2,19 @@ import Container from "react-bootstrap/Container";
 import Row from "react-bootstrap/Row";
 import Col from "react-bootstrap/Col";
 import { useQuery } from "@tanstack/react-query";
-import fetchData from "./fetchData";
+import fetchData from "../../utils/fetchData";
 import { useNavigate, useParams, useSearchParams } from "react-router-dom";
 import Results from "./Results";
 import { useState } from "react";
-import ErrorBoundary from "./ErrorBoundary";
+import ErrorBoundary from "../../utils/ErrorBoundary";
 import {
   getistLaufendId,
   filteredData,
   filterIstLaufendProjects,
-} from "./helpers";
-import styles from "../css/projects.module.css";
+} from "../../utils/helpers";
+import styles from "./projects.module.css";
 
-import Spinner from "./Spinner";
+import Spinner from "../Others/Spinner";
 import SelectComp from "./SelectComp";
 import SearchInputComp from "./SearchInputComp";
 const Projects = () => {

diff --git a/js/Results.jsx → src/pages/Projects/Results.jsx b/js/Results.jsx → src/pages/Projects/Results.jsx
@@ -1,5 +1,5 @@
 import Project from "./Project";
-import styles from "../css/projects.module.css";
+import styles from "./projects.module.css";
 import { useState, useEffect } from "react";
 import PaginationComp from "./PaginationComp";
 

diff --git a/js/SearchInputComp.jsx → src/pages/Projects/SearchInputComp.jsx b/js/SearchInputComp.jsx → src/pages/Projects/SearchInputComp.jsx
diff --git a/js/SelectComp.jsx → src/pages/Projects/SelectComp.jsx b/js/SelectComp.jsx → src/pages/Projects/SelectComp.jsx
@@ -1,6 +1,6 @@
 /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
 import { useEffect, useState } from "react";
-import styles from "../css/select.module.css";
+import styles from "./select.module.css";
 const SelectComp = ({
   isPreSelected,
   value,

diff --git a/css/projects.module.css → src/pages/Projects/projects.module.css b/css/projects.module.css → src/pages/Projects/projects.module.css
diff --git a/css/select.module.css → src/pages/Projects/select.module.css b/css/select.module.css → src/pages/Projects/select.module.css
diff --git a/js/SelectedProject4ServicePage.jsx → .../Services/SelectedProject4ServicePage.jsx b/js/SelectedProject4ServicePage.jsx → .../Services/SelectedProject4ServicePage.jsx
@@ -1,7 +1,7 @@
-import SelectedProjectList from "./SelectedProjectList";
-import fetchData from "./fetchData";
+import SelectedProjectList from "../../components/SelectedProjectList";
+import fetchData from "../../utils/fetchData";
 import { useQuery } from "@tanstack/react-query";
-import Spinner from "./Spinner";
+import Spinner from "../Others/Spinner";
 import { useNavigate } from "react-router-dom";
 
 const SelectedProject4ServicePage = ({ service, isshownid }) => {

diff --git a/js/ServicePicComp.jsx → src/pages/Services/ServicePicComp.jsx b/js/ServicePicComp.jsx → src/pages/Services/ServicePicComp.jsx
@@ -1,4 +1,4 @@
-import { useFetchMedia } from "./useFetchMedia";
+import { useFetchMedia } from "../../utils/useFetchMedia";
 const ServicePicComp = ({ imgid, picName }) => {
   const media = useFetchMedia(imgid, "imgs/category/forschung.png");
 

diff --git a/js/Services.jsx → src/pages/Services/Services.jsx b/js/Services.jsx → src/pages/Services/Services.jsx
@@ -6,11 +6,11 @@ import Nav from "react-bootstrap/Nav";
 import SelectedProject4ServicePage from "./SelectedProject4ServicePage";
 import ShowServiceInfo from "./ShowServiceInfo";
 import { useQuery } from "@tanstack/react-query";
-import fetchData from "./fetchData";
+import fetchData from "../../utils/fetchData";
 import { useNavigate, useLocation } from "react-router-dom";
 import { useState } from "react";
-import { projectIdFetching } from "./helpers";
-import Spinner from "./Spinner";
+import { projectIdFetching } from "../../utils/helpers";
+import Spinner from "../Others/Spinner";
 
 // const btn_active = {
 //   background: "#C00000",

diff --git a/js/ShowServiceInfo.jsx → src/pages/Services/ShowServiceInfo.jsx b/js/ShowServiceInfo.jsx → src/pages/Services/ShowServiceInfo.jsx
diff --git a/js/PublicationListComp.jsx → src/pages/Staffs/PublicationListComp.jsx b/js/PublicationListComp.jsx → src/pages/Staffs/PublicationListComp.jsx
diff --git a/js/PublicationsList.jsx → src/pages/Staffs/PublicationsList.jsx b/js/PublicationsList.jsx → src/pages/Staffs/PublicationsList.jsx
@@ -1,7 +1,7 @@
 import Container from "react-bootstrap/Container";
 import Row from "react-bootstrap/Row";
 import DOMPurify from "dompurify";
-import download_symbol from "../imgs/symbols/download.png";
+import download_symbol from "../../assets/imgs/symbols/download.png";
 const PublicationsList = ({ prop }) => {
   return (
     <div>

diff --git a/js/SelectedProject4StaffDetailRight.jsx → ...affs/SelectedProject4StaffDetailRight.jsx b/js/SelectedProject4StaffDetailRight.jsx → ...affs/SelectedProject4StaffDetailRight.jsx
@@ -1,7 +1,7 @@
-import SelectedProjectList from "./SelectedProjectList";
+import SelectedProjectList from "../../components/SelectedProjectList";
 import { useQuery } from "@tanstack/react-query";
-import fetchData from "./fetchData";
-import Spinner from "./Spinner";
+import fetchData from "../../utils/fetchData";
+import Spinner from "../Others/Spinner";
 import { useNavigate } from "react-router-dom";
 
 const SelectedProject4StaffDetailRight = ({ person }) => {