From 3fd5b9c2edbea5082a26404e40cd296bd65117ef Mon Sep 17 00:00:00 2001
From: Gustavo Luigi <=>
Date: Wed, 10 Jan 2024 17:38:53 -0300
Subject: [PATCH] .

---
 content/contents/leistungen.blade.php | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/content/contents/leistungen.blade.php b/content/contents/leistungen.blade.php
index d47e7d4..d5c570e 100644
--- a/content/contents/leistungen.blade.php
+++ b/content/contents/leistungen.blade.php
@@ -2,6 +2,15 @@
 
 @section('head')
     <link rel="stylesheet" href="{{storage('assets/libs/intl-tel-input-17.0.0/css/intlTelInput.min.css')}}">
+    <style>
+        .form-anchor{
+            opacity:0;
+        }
+        .form-anchor.show{
+            transition: opacity 300ms;
+            opacity:1;
+        }
+    </style>
 @stop
 
 @section('content')
@@ -222,7 +231,8 @@
                 // If target element is visible
                 if (entry.isIntersecting) {
                     // Remove the element to remove
-                    elementToRemove.style.display = 'none';
+                    elementToRemove.classList.remove('show');
+                    setTimeout(() => elementToRemove.style.display = 'none', 300);
                 } else {
                     const fixedElementRect = elementToRemove.getBoundingClientRect();
                     const referenceElementRect = targetElement.getBoundingClientRect();
@@ -230,9 +240,12 @@
                     if (fixedElementRect.bottom < referenceElementRect.top) {
                         // Show the element to remove
                         elementToRemove.style.display = 'block';
+                        setTimeout(() => elementToRemove.classList.add('show'), 300);
                     } else {
                         // Hide the element to remove
-                        elementToRemove.style.display = 'none';
+                        //elementToRemove.style.display = 'none';
+                        elementToRemove.classList.remove('show');
+                        setTimeout(() => elementToRemove.style.display = 'none', 300);
                     }
                 }
                 // Stop observing once it's removed (optional)