working with herosection

src/app/features/landing/components/hero/hero.component.html

@@ -1,6 +1,6 @@
 <section class="hero-section">
   <h1 class="hero-section__header">
-    <span>Digitales Handwerk</span>
+    <span>Digitales Handwerk</span> <br />
     <span>statt Standard-Baukasten</span>
   </h1>
   <p class="hero-section__claim">

src/app/features/landing/components/navigation/navigation.component.scss

@@ -1,13 +1,11 @@
 @use "abstracts";
 
 .header {
+    max-width: 1200px;
+    margin: 0 auto;
     display: flex;
     justify-content: space-between;
     min-height: abstracts.rem(60);
-    border-radius: 0 0 10px 10px;
-    background-color: var(--nav-bg);
-    backdrop-filter: var(--nav-backdrop);
-    box-shadow: var(--nav-shadow);
     position: sticky;
     top: 0;
 
@@ -59,7 +57,7 @@
 }
 
 .burger-menu {
-    padding-right: var(--space-4);
+    padding: 0 var(--space-4) 0 var(--space-4);
     cursor: pointer;
 
     @include abstracts.breakpoint("md") {