From 2e6fa32c47b7ada039e32e47232b434b6409865a Mon Sep 17 00:00:00 2001
From: Gustavo Luigi <=>
Date: Wed, 10 Jan 2024 19:08:20 -0300
Subject: [PATCH] .

---
 content/contents/leistungen.blade.php | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/content/contents/leistungen.blade.php b/content/contents/leistungen.blade.php
index 14f1d37..5129413 100644
--- a/content/contents/leistungen.blade.php
+++ b/content/contents/leistungen.blade.php
@@ -5,10 +5,13 @@
     <style>
         .form-anchor{
             opacity:0;
-            transition: opacity .6s;
+            transform: translateX(200%);
+            transition: opacity 1s 0s, transform 0s 1s;
         }
         .form-anchor.show{
             opacity:1;
+            transform: translateX(0%);
+            transition: opacity 1s 0s, transform 0s 0s;
         }
     </style>
 @stop
@@ -232,23 +235,16 @@
                 if (entry.isIntersecting) {
                     // Remove the element to remove
                     elementToRemove.classList.remove('show');
-                    setTimeout(() => {
-                        if(!elementToRemove.classList.contains('show')) elementToRemove.style.display = 'none';
-                    }, 700);
                 } else {
                     const fixedElementRect = elementToRemove.getBoundingClientRect();
                     const referenceElementRect = targetElement.getBoundingClientRect();
 
                     if (fixedElementRect.bottom < referenceElementRect.top) {
                         // Show the element to remove
-                        elementToRemove.style.display = 'block';
                         elementToRemove.classList.add('show');
                     } else {
                         // Hide the element to remove
                         elementToRemove.classList.remove('show');
-                        setTimeout(() => {
-                            if(!elementToRemove.classList.contains('show')) elementToRemove.style.display = 'none';
-                        }, 700);
                     }
                 }
                 // Stop observing once it's removed (optional)
@@ -258,6 +254,5 @@
 
         // Observe the target element
         observer.observe(targetElement);
-
     </script>
 @stop