Fix borders in projects mega menu

sass/_menu.scss

@@ -40,4 +40,8 @@
     .is-mega-menu-subtitle {
         padding: .375rem 1rem;
     }
-}
+}
\ No newline at end of file
+
+.navbar-dropdown {
+    overflow: hidden;
+}

sass/_teckids.scss

@@ -10,11 +10,14 @@ $project-colors: (
 
 .menu-project-section {
     border-left: 0.5em solid;
-    margin-left: 1em;
 }
 
 @each $project in $projects {
     #menu-project-section-#{$project} {
         border-color: map-get($project-colors, $project);
+
+        .is-mega-menu-title .is-mega-menu-subtitle {
+            color: map-get($project-colors, $project);
+        }
     }
 }

templates/menu/projects.html

 {% set projects = get_taxonomy(kind = "projekt") %}
 
-<div class="columns">
-  {% for project in projects.items %}
-  <section class="column menu-project-section" id="menu-project-section-{{ project.slug }}">
-    {% set section = get_section(path = "projekte/" ~ project.slug ~ "/_index.md") %}
-    <h1 class="title is-6 is-mega-menu-title">{{ section.title }}</h1>
-    <p class="is-mega-menu-subtitle">{{ section.description }}</p>
+<div class="container is-fluid">
+  <div class="columns">
+    {% for project in projects.items %}
+    <section class="column menu-project-section" id="menu-project-section-{{ project.slug }}">
+      {% set section = get_section(path = "projekte/" ~ project.slug ~ "/_index.md") %}
+      <h1 class="title is-6 is-mega-menu-title">{{ section.title }}</h1>
+      <p class="is-mega-menu-subtitle">{{ section.description }}</p>
 
-    {% for page in project.pages %}
-    <a class="navbar-item" href="{{ page.permalink }}">
-      <div class="navbar-content">
-        {{ page.title }}
-      </div>
-    </a>
+      {% for page in project.pages %}
+      <a class="navbar-item" href="{{ page.permalink }}">
+        <div class="navbar-content">
+          {{ page.title }}
+        </div>
+      </a>
+      {% endfor %}
+    </section>
     {% endfor %}
-  </section>
-  {% endfor %}
+  </div>
 </div>
\ No newline at end of file