typo style fixes, added language selection

kit/css/header.css

@@ -135,33 +135,31 @@ header:not(.sticky-header) .header-button-container {
 
 .header-lang {
   position: absolute;
-  top: 10px;
+  top: 5px;
   right: calc((100% - 1170px) / 2);
   display: flex;
   padding: 0.61111rem 0;
+  font-size: 14px;
 }
 
 .header-lang li {
   border-left: 1px solid #333333;
   line-height: 1;
+  display: inline;
+  padding: 0 8px;
 }
 
 .header-lang li:first-child {
   border-left: none;
 }
 
-.header-lang li a {
-  padding: 0 8px;
+.header-lang li span {
+
   line-height: 1rem;
   transition: color .3s;
 }
 
-.header-lang li a:hover {
-  color: #009982;
-}
-
-.header-lang li.active a {
-  color: #009982;
+.header-lang li.active span {
   font-weight: 700;
 }
 

kit/css/menu.css

@@ -231,6 +231,7 @@ nav > ul > li .nav-first-level-opener::after {
   background-repeat: no-repeat;
   background-position: left center;
   background-size: contain;
+  mask: url('../img/nav-second-level-star-primary.svg') no-repeat center / contain;
 }
 
 .nav-second-level-group-headline span {

kit/functions.php

@@ -77,7 +77,7 @@ class kit_custom_main_menu extends Walker_Nav_Menu {
       if ($depth == 1) {
         $output .= '
             <a class="nav-second-level-group-headline" href="' . $permalink . '">
-              <img class="icon" src="' . $theme_template_path .'/img/nav-second-level-star-primary.svg" alt="" width="24" height="24">
+              <div class="icon"></div>
               <span>
             ';
         $output .= $title;
@@ -201,6 +201,22 @@ function kit_customize_css()
                color: <?php echo get_theme_mod('theme_color', '#009982'); ?>;
              }
 
+             .nav-second-level-group-headline .icon {
+               background-color: <?php echo get_theme_mod('theme_color', '#009982'); ?>;
+             }
+
+             .header-lang li a:hover {
+               color: <?php echo get_theme_mod('theme_color', '#009982'); ?>;
+             }
+
+             .header-lang li.active span {
+               color: <?php echo get_theme_mod('theme_color', '#009982'); ?>;
+             }
+
+             h2::after {
+                 background-color: <?php echo get_theme_mod('theme_color', '#009982'); ?>;
+             }
+
          </style>
     <?php
 }

kit/header.php

@@ -92,6 +92,14 @@
 
     <div class="content-wrap">
 
+      <div class="header-lang">
+        <?php
+         if ( function_exists ( 'wpm_language_switcher' ) ) {
+           wpm_language_switcher ('list','name');
+         };
+        ?>
+    </div>
+
       <h1 class="header-logo-container">
         <a href="<?php echo home_url(); ?>">
           <span class="header-logo-text">KIT - Karlsruher Institut für Technologie</span>

kit/style.css

@@ -1063,6 +1063,24 @@ ul {
   list-style: none;
 }
 
+h2 {
+  font-size: 2.77778rem;
+  line-height: 3.33333rem;
+  margin: 2.5rem 0;
+}
+
+h2::after {
+    content: '';
+    position: absolute;
+    bottom: -1.11111rem;
+    left: 0;
+    width: 5.83333rem;
+    height: 0.44444rem;
+    background-color: #009982;
+    opacity: 1;
+    transition: left 1s, width .7s, opacity .5s;
+}
+
 .background-color-page-theme,
 .background-color-brand-primary,
 .background-color-brand-secondary,
@@ -4700,6 +4718,12 @@ article > p:first-child {
   line-height: 1.94444rem;
 }
 
+article > p:last-child {
+  margin-bottom: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
 @media (max-width: 1280px) {
   article > p:first-child {
     margin-bottom: 3.33333rem;

kit/template-parts/footer-nav.php

@@ -7,7 +7,4 @@
     ) );
     ?>
   </div>
-  <div class="lang-select">
-    
-  </div>
 </section>