ADD: Skills

components/Header/Header.css

@@ -32,11 +32,11 @@
     }
 
     & h1 {
+        flex: 2;
         cursor: default;
         display: flex;
         align-items: center;
         gap: 1rem;
-        flex: 4;
 
         & svg {
             --size: 40px;
@@ -46,7 +46,7 @@
     }
 
     & nav {
-        flex: 5;
+        flex: 3;
         position: relative;
         font-weight: normal;
         font-size: 1.2rem;
@@ -119,15 +119,9 @@
         }
     }
 
-    &.sticks {
-        --color-burger: var(--color-black);
-        --color-link: var(--color-black);
-        --color-header: var(--color-black);
-
-        & > .wrapper {
-            background: var(--color-white-transparent);
-            border-radius: 20px;
-        }
+    &.sticks > .wrapper {
+        background: var(--color-black-transparent);
+        border-radius: 20px;
     }
 
     & input[type="checkbox"] {
@@ -164,17 +158,8 @@
 
 
 
-@media screen and (width < 990px) {
+@media screen and (width < 1180px) {
     .Header {
-        & .wrapper {
-            background: var(--color-black);
-            border-radius: 15px;
-
-            & > label > span {
-                color: var(--color-black);
-            }
-        }
-
         & > .wrapper.wrapper > label {
             display: block;
         }

components/Header/Header.vue

@@ -61,8 +61,8 @@ const burgerLabel = computed(() => isBurgerOpen.value ? burgerCloseLabel : burge
 
 const nav = [
   {
-    href: '#about',
-    label: 'About',
+    href: '#intro',
+    label: 'Über mich',
     'aria-label': 'Link dieser Seite: About'
   }, {
     href: '#customers',