Fixed Snap Scroll Starting point

index.html

@@ -56,7 +56,7 @@
     </div>
 
     <!-- Segment 1: Home / Image Carousel -->
-    <section id="home" class="segment segment-hero" style="scroll-snap-align: start;">
+    <section id="home" class="segment segment-hero">
         <div class="carousel" id="hero-carousel">
             <div class="carousel-slide active">
                 <img src="assets/1 Kopf/Kopfbild - Kontakt-clean.png" alt="Kontakt">

styles.css

@@ -5,11 +5,6 @@
     box-sizing: border-box;
 }
 
-html {
-    scroll-snap-type: y mandatory;
-    scroll-behavior: smooth;
-}
-
 :root {
     --primary-color: #003366;
     --primary-dark: #002244;
@@ -28,6 +23,8 @@ html {
 
 html {
     scroll-behavior: smooth;
+    scroll-snap-type: y mandatory;
+    overflow-y: scroll;
 }
 
 body {
@@ -286,6 +283,7 @@ img {
     flex-direction: column;
     background-color: var(--bg-color);
     scroll-snap-align: start;
+    scroll-margin-top: 0;
 }
 
 .section-header {
@@ -301,8 +299,10 @@ img {
 /* Segment 1: Hero Carousel */
 .segment-hero {
     padding: 0;
-    margin-top: var(--navbar-height);
+    margin-top: 0;
-    min-height: calc(100vh - var(--navbar-height));
+    padding-top: var(--navbar-height);
+    min-height: 100vh;
+    scroll-snap-align: start;
 }
 
 .carousel {
@@ -310,6 +310,7 @@ img {
     width: 100%;
     height: calc(100vh - var(--navbar-height));
     overflow: hidden;
+    margin-top: 0;
 }
 
 .carousel-slide {