/* Navigation Effekte */
.nav-link svg {
  filter: grayscale(100%);
  transition: filter 0.3s, color 0.3s;
}
.nav-link:hover svg,
.nav-link.active-link svg {
  filter: grayscale(0%);
  color: #dc2626; /* Tailwind rot-600 */
}
.nav-link.active-link {
  background-color: #fef2f2; /* Tailwind red-50 */
  color: #dc2626;
}

/* Sanftes Scrollen */
html {
  scroll-behavior: smooth;
}