Nav-Ebene 2 hat unterschiedliche Höhen

Closes #4704

Merge request studip/studip!3497

resources/assets/stylesheets/scss/header.scss

@@ -162,9 +162,8 @@
         align-items: center;
         justify-content: space-between;
         background-color: var(--color--main-navigation-background);
-        font-size: 0.9em;
         color: var(--color--font-primary);
-        min-height: 2.3em;
+        min-height: ceil($font-size-navigation2 * 2.25); // 16px * 2.25 = 36px
         border-bottom: 1px solid var(--color--main-navigation-border);
         padding-left: $page-margin;
         padding-right: $page-margin;
@@ -174,7 +173,6 @@
         transition: margin-left;
         transition-duration: var(--transition-duration);
         transition-delay: 500ms;
-        font-size: 1.25em;
     }
 
     > ul {

resources/assets/stylesheets/scss/tabs.scss

@@ -31,6 +31,8 @@ div.clear
 
     li {
         margin: 0 8px;
+        font-size: $font-size-navigation2;
+
         &:first-child {
             margin-left: 0;
         }

resources/assets/stylesheets/scss/variables.scss

@@ -17,6 +17,7 @@ $font-size-h4:            $font-size-base;
 $font-size-h5:            $font-size-base;
 $font-size-h6:            $font-size-base;
 
+$font-size-navigation2:   ceil($font-size-base * 1.1); // 16px
 
 $font-size-widget-header: $font-size-large;
 $font-size-caption:       $font-size-h1;