hm – can not reproduce your problem.
You can see here that there is a background-image of the color-section with an overlay image ( and even with an opacity of 0.8) the button stayes active.: https://webers-testseite.de/ostler/justin/

you see the source code has content in av-section-color-overlay-wrap container – but the overlay image concerns to av-section-color-overlay container which is before the container with content.

Edit : ok – i did not see that you have set it to parallax.
I will see what happens.

Edit edit: it is still clickable that button.

These things can be achieved with Enfold funds – everything else freelancers must arrange in a paid version for you.
Excuse me – but even my time for the community is limited.

i try to get the excerpt now besides the image

Edit : here is the edited php file: https://pastebin.com/dl/xPGfrSFJ
see results here : https://webers-testseite.de/ostler/?s=Full

this is the css for quick css:

.search-result-image {
    display: inline-flex;
}

.search-result-image img {
    width: 300px;
}

.search-result-image {
    float: left;
    margin-bottom: 20px;
    padding-right: 30px;
}

put the edited php file into child-theme/includes folder – that is all

sorry – i’m Participant as you are – so i can not see Private Message Area.

this seems to be only a png file:
you can do it with pseudo content.
insert an image from alb elements and give it a custom class ( i took : animated-button )

then we create the before content:

.animated-button .avia_image::before {
    content: "";
    background-color: rgba(255,255,255,1);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    animation: pulse 3s ease-in-out 0s infinite
}

to have not the overlay effect on enfold images and to see the scale effect :

.animated-button .image-overlay {
    display: none !important;
}

.animated-button .avia_image {
    overflow: visible !important;
}

now the animation keyframe for it:

@keyframes pulse {
  0% {
      transform: scale(1.05);
      opacity: 1
  }
  50% {
      transform: scale(1.25);
      opacity: 0.3
  }
  100% {
      transform: scale(1.05);
      opacity: 1
  }
}

see result : https://webers-testseite.de/accordion/
you can change it to your needs?
In my case it is a dark background image so – it is a white pulsating thing.

i would load my custom script via the enqueue a script file:

the custom.min.js file has to be in the child-themes/js Folder

Each goes to child-theme functions.php

function custom_js_script() {
    wp_enqueue_script( 'Custom-JS', get_stylesheet_directory_uri().'/js/custom.min.js', array('jquery'), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'custom_js_script' );

after that you can try to force to include it by the filter : avf_force_include_asset
this filter isn’t listet in the hooks and filter list here: https://kriesi.at/documentation/enfold/hooks-and-filters/
but it is present in : asset-manager.class.php

add_filter('avf_force_include_asset', 'avia_force_include_files', 10, 1);
function avia_force_include_files($force_included) {
	$force_include_js = array('Custom-JS');
	$force_included['js'] = array_merge($force_included['js'], $force_include_js);
  return $force_included;
}

Update to newest Enfold – the gridbox bug with firefox is fixed there
see here concerning topic: https://kriesi.at/support/topic/flip-box/

to your second link – i can’t find the page you are having that problem.
to have not that problem you can make a link with a button f.e. and a keyword and not the url.
or try to have a wordbreak definition for that long url

yes, that’s right – but that’s the behavior of the standard level – and I think she/he knows that.
But – I don’t know if the above is a new feature – it was definitely missing on earlier versions. Now this “background” described above is not reloaded every time a slide changes. These “static” layers are not animated between slide changes (only at the starting point of the slider).
This was also new for me. And used in the kitchen slider.

you got this in your source code – mayby in your quick css:
because of the merged file i could not locate it where you got it.

.av_minimal_header .avia-menu-fx {
    display: none;
}

so get rid of that rule – and the underline on hover will work as you like

this image you see as background – is not a “slide background image” on top of the slide input.

• This is an image layer on the bottom of the first slide !
• On Transitions you can choose on opening transition on “other settings” : Keep this layer visible: Forever (the layer will never animate out).
• From now on you have on each new slide “Static Layers from other slides”

Thats the trick !

PS: this is a fullwidth slider you have linked to !

to identify a font you can use different services on the web. On that example it might be good to have more contrast on it:

F.e.:
https://www.fontsquirrel.com/matcherator
https://www.myfonts.com/WhatTheFont

on the bold part above there are a lot of results because this seems to be a standard font style:
the most famous seems to be from FontFont : FF Mark Pro Medium

but the results for the thin font gets one match with the bold type :
Stem from Paratype.
Stem Medium and Stem Extra Light.
https://www.myfonts.com/fonts/paratype/stem/webfont_preview.html

Well i’m German too – but i think you will get help sooner if you post your questions in english – not all of the mods can understand german language.
if you find it difficult to post your questions in English, you can use this service here: https://www.deepl.com/translator
The translations are definitely better than Google’s and you can make changes or improvements in your text afterwards.

https://kriesi.at/support/topic/how-to-insert-search-form-into-header_posline-next-to-phone-number/page/2/#post-1046271

before the closing </a></li>

please post your whole child-theme functions.php again

please – always think on caching and merged files of enfold ( Enfold / Performance tab ) – sometimes you see the changings not directly