Next option to embed a google map is using the google maps script api

and just after the function initMap() and before the info window and markers are set – insert the code from above in that manner:

    var head = document.getElementsByTagName('head')[0];
    var insertBefore = head.insertBefore;
    head.insertBefore = function (newElement, referenceElement) {
        if( 
               newElement.href && newElement.href.indexOf('//fonts.googleapis.com/css?family=Roboto') > -1 
            || newElement.href && newElement.href.indexOf('//fonts.googleapis.com/css?family=Google+Sans+Text') > -1
          
          ){return;}
          insertBefore.call(head, newElement, referenceElement);
    };

that will work too. see: https://enfold.webers-webdesign.de/google-maps/

thats right – i now try to first register the external script and enqueue then. Maybe that makes a difference. …
No effort – how do you look – if fonts are loaded from external Sources ? i do it only with developer tools – on chrome – and there are always google fonts.
And even Google Fonts Checker comes to the same result.

I tested it with Borlabs Cookie Plugin deactivated – and with only Google Maps ALB.

one thing to mention – you can remove it – or you can create your own backlink text:

function my_own_backlink($link){
  $no = "rel='nofollow'";
  $backlink_url = 'Backlink URL';
  $theme_string = 'Custom Backlink Text'; 
  $link = " - <a {$no} href='{$backlink_url}'>{$theme_string}</a>";
  return $link;
}
add_filter( 'kriesi_backlink', 'my_own_backlink', 10, 1);

@thinkjarvis : thanks – with no third party caching tools i prefer merging css but only minify the js files for standard enfold installations.
On my recaptcha / borlabs construction i had to exclude the script from merging – otherwise it will not block properly the google addons.
with your detailed instructions i will try now the wp rocket on a testinstallation.

have a look if advanced layerslider options are on google font support.

well – the great benefit of inline svg files is that they can be addressed from outside with css.
So you do not need to have here that gif behind the logo. And on scrolled header to display the one the other not.
your logo – reworked a bit with text editors will have all you need to make things visible or not – or to move parts inside the svg file.

A logo in this way you can influence by:

#header.header-scrolled svg .branding {
  opacity: 0;
  transition: opacity 1s ease;
}

Thats it – and you do not have to look for if the one image has the same dimensions as the other. One graphic for all.
you find your logo here: https://webers-testseite.de/sneakaces.svg

next is the colors – you can influence them for each page/post or transparency you like.
you have your color class – so you can decide on transparency to have a white logo
either over header class: header-transparency or :not selector

#header:not(.header-scrolled) .cls0 {
  fill: #FFF;
}

can you post your inline popup snippet here ( please use the code tag – to better inspect the code) ?

besides that – your suggestion to solve the problem with inline popup – seems to be misleading.
What do you think you’re going to accomplish by having a page/portfolio page that exists on your website run in a lightbox? As you already mentioned, it would be better for SEO reasons to simply call the page normally. – Or are they external pages?

i can not reproduce that –
i’m working with macOS Monterey ( in deep it is a unix based OS ) – so – downloading from envato ( the installable nor the other ) zip File – there are no hidden files inside the zip.

i put one hidden file to that directory that you can see that i do show all – even hidden files .

On ftp clients like filezilla you can force to show those hidden files – dito – no hidden files :

So I can’t tell where your files might come from.

if you are referring to those older articles – you should know that some commands on jQuery are deprecated.

so have a look to f.e.

jQuery(window).load(function( ){
// it is now:
jQuery(window).on('load', function( ){

same with :

 element.on('click', function( ){

in editor mode of that page – and you go to admin bar on top and click “Seite ansehen” ( I guess you are working with a German WordPress ) – what happend then?

– just copy the content to another page and try to save that new page.

you should work on your transparency colors ( menu and logo)

for mobile it would be better to have on all headers ( transparency or not ) a black fill of your svg class.
the blinking comes from the header-bg change on transparency to non-transparency:

@media only screen and (max-width: 767px) {
  #header .logo .cls-1 {
    fill: #000;
  }
  .responsive #top .av_header_transparency .header_bg {
    background-color:#fff;
    opacity:1
  }
}

… there are no header nor footer – just borders

#top.avia-blank #main .container_wrap {
  border: none !important
}