[BUGFIX] Multiple Adjustments

templates/components/contentGrid.twig

@@ -3,7 +3,7 @@
 {% set image = gridElement.image.one() %}
 
 <div class="content-grid {% if loop.index is even %} reverse {% endif %}">
-    <img class="content-image" src="{{image.url}}" alt="">
+    <img class="content-image" src="{{ craft.app.sites.primarySite.baseUrl}}/{{image.url}}" alt="">
     <div class="content-text">
         {{ gridElement.text }}
     </div>

templates/components/navigation.twig

@@ -7,8 +7,14 @@
         <nav id="menu">
             <img id="close" src="{{ craft.app.sites.primarySite.baseUrl }}/assets/x-lg.svg" alt="close">
             {% for page in nav %}
-                <a href="{{page.href}}" title="{{page.title}}" class="menu-item">{{page.title}}</a>
+            <a href="{{page.href}}" title="{{page.title}}" class="menu-item">{{page.title}}</a>
             {% endfor %}
+            <span class="menu-item">
+                <a href="{{ siteSwitcher('default') }}" class="menu-item">DE</a>
+                <span class="divider">/</span>
+                <a href="{{ siteSwitcher('en') }}" class="menu-item">EN</a>
+            </span>
         </nav>
     </div>
+
 </header>
\ No newline at end of file

templates/components/projects.twig

-<div class="projects">
+<div>
     <h2 class="component_headline">Laufende Projekte</h2>
     {% for newsElement in craft.entries.section('projects').currentStatus('ongoing').limit(3) %}
 
     {% set image = newsElement.images.one() %}
 
 
-    <div class="image-text">
+    <a href="{{newsElement.url}}" class="image-text">
         <img class="content-image" src="{{image.url}}" alt="{{image.title}}">
 
         <div>
@@ -14,7 +14,7 @@
             <p>{{ newsElement.shortDescription|length > 100 ? newsElement.shortDescription|slice(0, 100) ~ '...'
                 :newsElement.shortDescription }}</p>
         </div>
-    </div>
+    </a>
 
     {% endfor %}
     <h2 class="component_headline mt64">Zukünftige Projekte</h2>

web/assets/css/style.css

@@ -102,17 +102,20 @@ main {
     display: flex;
     flex-direction: row;
     align-items: center;
-    gap: 50px;
     z-index: 99;
 }
-
-#menu a {
+#menu>a {
+    padding: 16px 32px
+}
+#menu a, #menu .divider {
     color: white;
     text-decoration: none;
     font-size: 1.4em;
 }
-
-.sticky #menu a {
+#menu .divider {
+    padding: 4px;
+}
+.sticky #menu a, .sticky #menu .divider {
     color: black;
 }
 
@@ -388,9 +391,6 @@ section h2 {
     gap: 40px;
 }
 
-.projects img {
-    margin-bottom: 20px;
-}
 
 footer {
     border-top: 1px solid #DDD;
@@ -466,6 +466,8 @@ footer img {
     display: flex;
     flex-direction: row;
     align-items: center;
+    text-decoration: none;
+    color: #000;
 }
 
 .image-text img {
@@ -576,7 +578,7 @@ footer img {
         gap: 30px;
     }
 
-    #menu a {
+    #menu a, #menu .divider {
         font-size: 1.4em;
     }
 
@@ -596,6 +598,9 @@ footer img {
         flex-direction: column;
     }
 
+    .projects img {
+        margin-bottom: 20px;
+    }
     .news-item {
         width: 100%;
         aspect-ratio: unset;
@@ -655,7 +660,7 @@ footer img {
         z-index: 99;
     }
 
-    #menu a {
+    #menu a, #menu .divider {
         font-size: 1.6em;
         color: #000;
     }

web/assets/js/menu.js

@@ -12,7 +12,6 @@ if (document.getElementById('menu') != null) {
     })
     document.querySelectorAll('.menu-item').forEach(anchor => {
         anchor.addEventListener('click', function (e) {
-            e.preventDefault();
             menu.style.display = "none";
             document.body.style.overflow = "auto"
         });
@@ -52,7 +51,6 @@ var swiper = new Swiper(".mySwiper", {
 
 document.querySelectorAll('a[href^="#"]').forEach(anchor => {
     anchor.addEventListener('click', function (e) {
-        e.preventDefault();
 
         document.querySelector(this.getAttribute('href')).scrollIntoView({
             behavior: 'smooth'