html { scroll-behavior: smooth; }
body { font-family: 'Nunito', system-ui, sans-serif; }

@keyframes fadeInUp {
  0%   { opacity: 0; transform: translateY(24px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* Fade-in-up beim Scrollen – Startzustand NUR wenn JS aktiv ist */
.js .reveal { opacity: 0; transform: translateY(24px); }
.js .reveal.is-visible { animation: fadeInUp 0.7s ease-out forwards; }

/* "Mehr erfahren" – gestyltes <details> */
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
details[open] .chevron { transform: rotate(180deg); }
.chevron { transition: transform 0.25s ease; }

/* Affiliate Logos */
.affiliate-logo {
  filter: grayscale(100%) brightness(1.1);
  transition: filter 0.3s ease;
}
.affiliate-logo:hover {
  filter: grayscale(0%) brightness(1);
}

/* Barrierefreiheit: Animationen reduzieren -> Inhalt sofort sichtbar */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .js .reveal { opacity: 1 !important; transform: none !important; animation: none !important; }
}