/* CSS Document */
/* 1. Animation definieren */
@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

/* 2. Animation anwenden */
.fade-in-element {
  animation: fade-in 1s ease-in-out forwards; /* Läuft einmal, bleibt am Ende sichtbar */
}

.fade-out-element {
  animation: fade-out 1s ease-in-out forwards; /* Läuft einmal, bleibt am Ende unsichtbar */
}

/* Fade-In beim Laden der Seite */
body {
  opacity: 0;
  animation: fade-in 2s ease-in forwards;
}