- Fix footer CSS import path for consistency

- Update button link in Hero component to anchor to the events section
- Improve circle image styling in Drinks.css for proper alignment and aesthetics

src/components/Footer.astro

@@ -1,6 +1,6 @@
 ---
 // src/components/Footer.astro
-import "/styles/components/Footer.css"
+import "../styles/components/Footer.css"
 const currentYear = new Date().getFullYear();
 ---
 

src/components/Hero.astro

@@ -15,7 +15,7 @@ const { id } = Astro.props;
 
 			<p>Im Herzen von St.Gallen</p>
 
-			<a href="#" class="button">Aktuelles ↓</a>
+			<a href="#events" class="button">Aktuelles ↓</a>
 		</div>
 
 	</div>

src/styles/components/Drinks.css

@@ -94,6 +94,16 @@
   justify-content: center;
   align-items: center;
   cursor: pointer;
+  overflow: hidden; /* ensure inner image stays within the circle */
+}
+
+/* Make images truly circular and fit the frame */
+.circle-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 50%;
+  display: block;
 }
 
 .circle:hover {