diff --git a/test.html b/test.html
index 70530bd..2d149eb 100644
--- a/test.html
+++ b/test.html
@@ -4,9 +4,20 @@
PhB Layout mit Spalten
+
+
diff --git a/website_main.css b/website_main.css
new file mode 100644
index 0000000..0ae96e9
--- /dev/null
+++ b/website_main.css
@@ -0,0 +1,92 @@
+/*GENERAL*/
+/*@font-face {
+ font-family: 'FiraCode';
+ src: url(fonts/FiraCode-VariableFont_wght.ttf);
+}*/
+
+@font-face {
+ font-family: 'Inconsolata';
+ src: url(fonts/Inconsolata-VariableFont_wdth\,wght.ttf);
+ font-weight: 600;
+}
+
+/*BODY*/
+body {
+ background: #292a2d;
+ color: #EEE;
+ margin: 0em;
+}
+
+/*##########################################################*/
+/*HEADER*/
+header {
+ z-index: 1;
+ display: flex;
+ position: fixed;
+ width: 100%;
+ line-height: 3.5em;
+ background: #151617;
+ box-shadow: 0em 0.16em 0.8em 0em rgba(0,0,0,0.55);
+ /*font*/
+ font-size: 1.2em;
+}
+
+header .title {
+ margin-left: 3em;
+ font-weight: bold;
+ font-size: 1.6em;
+ text-shadow: 0em 0em 0.2em rgba(175, 175, 175, 0.5);
+}
+
+header .title a{
+ color: inherit;
+ text-decoration: none;
+}
+
+header .menu {
+ margin-left: auto;
+ margin-right: 3em;
+}
+
+header .menu a{
+ color: inherit;
+ text-decoration: none;
+ margin-right: 2em;
+}
+
+header .menu a:last-child {
+ margin-right: 0; /* No margin for the last menu item */
+}
+
+header .menu a:hover {
+ transform: scale(1.02);
+ text-shadow: 0em 0em 1em rgba(175, 175, 175, 0.9);
+}
+
+/*##########################################################*/
+/*IMG*/
+img.center-fit {
+ max-width: 100%;
+ max-height: 100vh;
+ margin: auto;
+}
+
+img.shadow{
+ box-shadow: 0em 0.16em 0.8em 0em rgba(0,0,0,0.55);
+}
+
+
+
+
+/*##########################################################*/
+/*FOOTER*/
+footer {
+ opacity: 0.5;
+ position: relative;
+ bottom: 0;
+ width: 100%;
+ text-align: center;
+ /*padding: 10px;*/
+ border-top: 1px transparent #ccc; /* Trennlinie oberhalb des Footers */
+}
+