- Updated components (`Hero`, `Welcome`, `EventsGrid`, `ImageCarousel`, `Drinks`) to accept optional `id` props and applied them to `<section>` elements. - Enabled smooth scrolling by adding `scroll-behavior: smooth` to global styles. - Enhanced dropdown menu: added internal links for section navigation and adjusted styling for improved responsiveness. - Updated color handling in `ImageCarousel` to use CSS variables for better theme consistency.
26 lines
464 B
CSS
26 lines
464 B
CSS
/* === Global Reset === */
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* Add smooth scrolling behavior */
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
font-family: var(--font-family-primary);
|
|
background-color: var(--color-background);
|
|
color: var(--color-text);
|
|
line-height: var(--line-height);
|
|
}
|
|
|
|
/* === Container für zentralen Content === */
|
|
.container {
|
|
max-width: var(--container-max-width);
|
|
width: var(--container-width);
|
|
margin: 0 auto;
|
|
}
|