From 84e3c4f402e42e034b2ea5afa4b7e4549a86b72c Mon Sep 17 00:00:00 2001
From: Christian Wolf <git@christianwolf.email>
Date: Wed, 26 Feb 2025 19:26:21 +0100
Subject: [PATCH] First styling of desktop variant

---
 template/scss/_header.scss        | 26 ++++++++++++++++++--------
 template/scss/_menu.scss          | 15 +++++++++++++++
 template/templateDetails.xml.dist |  6 ++----
 3 files changed, 35 insertions(+), 12 deletions(-)

diff --git a/template/scss/_header.scss b/template/scss/_header.scss
index c463756..59b6132 100644
--- a/template/scss/_header.scss
+++ b/template/scss/_header.scss
@@ -5,21 +5,27 @@
 #header {
     .text {
         background-color: $green;
-        display: flex;
-        justify-content: center;
-
+        
         padding: 5px 0px;
-
+        
         .logo-link {
-            max-width: 85%;
+            display: flex;
+            justify-content: center;
+
+            width: 100%;
 
             @include r.normal {
-                max-height: 100px;
+                // max-height: 100px;
+                justify-content: left;
             }
 
             img {
-                width: 100%;
-                height: 100%;
+                max-width: 85%;
+                // height: 100%;
+                @include r.normal {
+                    max-height: 100px;
+                    margin: 0 10px -20px;
+                }
             }
         }
 
@@ -30,6 +36,10 @@
         background-image: url('../images/track.png');
         background-repeat: repeat-x;
         background-size: contain;
+
+        @include r.normal {
+            height: 80px;
+        }
     }
 
     .black-background {
diff --git a/template/scss/_menu.scss b/template/scss/_menu.scss
index e69de29..822b5a6 100644
--- a/template/scss/_menu.scss
+++ b/template/scss/_menu.scss
@@ -0,0 +1,15 @@
+@use "./colors" as c;
+
+#menu .nav {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    padding: 0 15px;
+
+    > .nav-item {
+        display: block;
+        background-color: c.$light-gray;
+        padding: 5px 10px;
+        border-radius: 5px;
+    }
+}
diff --git a/template/templateDetails.xml.dist b/template/templateDetails.xml.dist
index 12880a8..8b268c8 100644
--- a/template/templateDetails.xml.dist
+++ b/template/templateDetails.xml.dist
@@ -19,10 +19,8 @@
 		<folder>css</folder>
 	</files>
 	<positions>
-		<position>topmenu</position>
-		<position>sidemenu</position>
-		<position>impressum</position>
-		<position>copyright</position>
+		<position>menu</position>
+		<position>footer</position>
 	</positions>
 	<updateservers>
 		<server type="extension" name="Update Server Reifenscheune">https://joomla.christian-wolf.click/updates/tpl_reifenscheune/updates.xml</server>