goto Enfold (Child) – Import/Export – Custom Font Manager and upload that zip ( there are ttf and woff2 fonts inside and only 100, 400, 700 weights)
but i think that this is enough for all circumstances.
If you need all font-weights – tell me.

https://webers-testseite.de/Prompt.zip

after uploading – the new font could be found on enfold (child) – general styling – fonts at the end of that drop down list inside “Uploaded Fonts”

https://similarfont.io/3-google-fonts-similar-to-avenir-next

Prompt seems to be a good alternative : Prompt

How would it be if the info field that appears on click disappears again after a certain time?
see example page.

as mentioned above : codeblock with your svg code inside and custom class: wordcloud

codeblock is important – because you need that svg as inline-svg – not as img

this is the function i only transfered to child-theme functions.php:
(in my case only for that example page (page id: 44324))

function wordcloud_trigger_images() { 
if(is_page(44324)){
?>
<script type="text/javascript">
  var wordcloud = document.getElementsByClassName('wordcloud')[0];

  if (wordcloud) {
    var triggerword = document.querySelectorAll(".wordcloud g[id^='Trigger_']");
    var wordgroups = document.querySelectorAll(".wordcloud g[id^='Box_']");
    Array.from(triggerword).forEach(function (t) {
      t.addEventListener('click', function (e) {
        var triggerid = this.id;
        var triggertargetid = triggerid.replace('Trigger', 'Box');
        Array.from(wordgroups).forEach(function (w) {
          w.classList.remove('is-visible');
        });
        document.getElementById(triggertargetid).classList.add('is-visible');
      });
    });
  } 
</script>
<?php 
}
}
add_action('wp_footer', 'wordcloud_trigger_images');

your svg code : https://pastebin.com/Sw5Nyr3m

the quick css:

.wordcloud {
  margin: 2rem auto;
}

.wordcloud svg {
  width: 100%;
  height: auto;
}

.wordcloud svg g[id^=Trigger_] {
  cursor: pointer;
  display: block;
}

.wordcloud svg g[id^=Box_] {
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s;
}

.wordcloud svg g[id^=Box_].is-visible {
  opacity: 1;
}

.wordcloud path {
  pointer-events: none !important;
}

see: https://webers-testseite.de/wertarbeit/

PS: one little error is on your svg code on “Durchblicker” it is the only trigger without a rect inside to have a clickable area – so you had to aim exactly the “letters” if the mouse is over a space – there is no pointer. – on my svg code on pastebin i added that missing rect.

Wenn du in das dashboard kommst und unter Design – Themes bist, was siehst du dort?

Rikard vermutet, dass Sie versucht haben, jene Datei hochzuladen, die über die Downloadoption 1 und nicht 2 zu bekommen ist.
Ich glaube allerdings, das dies schon beim Upload als Fehler gemeldet wird.
Für mich hört es sich so an, als hättest du nur das child-theme nicht aber das Elternthema hochgeladen.

___________

Rikard suspects that you tried to upload the file that is available via download option 1 and not 2.
However, I believe that this has already been reported as an error during the upload.
It sounds to me like you only uploaded the child theme and not the parent theme.

in most cases this is due to images and image optimization.
i have some customers that do upload the pure images from a high-end digital camera. so 50Gigapixel jpgs. These images have file-sizes more than 9MB compressed; and have dimensions that are not used by WordPress – on uploadiing all images bigger than 2560px will be recalculated anyway and saved as …-scaled.jpg (or png).
For the database itself only the scaled images are relevant, but for a backup the original images are saved aswell.

btw : you can see that these templates are only saved as txt files. Goto Import/Export and click on “Export Layout Builder Templates” only one txt file is saved.

the widgets will have a dropdown list on which language the widget should be shown.
There is one option that you show it on all languages or on one of them:
f.e.

update on : https://kriesi.at/support/topic/hide-quotation-marks-in-audio-title/#post-1433623

By the way – if you load your fonts from cdn . It may be advisable to activate the option under Performance – Advanced options – Custom Font Loading Source : “Load from CDN Server”

First there is a setting on header – header-behavior : “Let Logo And Menu Position Adapt To Browser Window”
( av_header_stretch ) –
but there will be always a distance of logo to the left (in your case) and menu-items ( they all have paddings ) to the right.
Depending on the screen width, the content of the header is set on default to a value less than 100%.
Did you realy want to get rid even of that distance? – than you had to set that width to 100%.

.html_header_top #top .av_header_stretch .container {
  width: 100%;
}

and on responsive case ( 768px or 989px)

@media only screen and (max-width: 989px) {
  .responsive #top #wrap_all #header .container {
    width: 100%;
    max-width: 100%;
  }
}

i do not know if other browser got this option of letting a drop-down menu open. On Safari this is very easy.
Doing this it is easier to inspect the selectors and changings:

#header .mega_menu_title {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 400;
    color: orange;
    letter-spacing: 1px;
    /*** text-align: center ; ****/
}

etc.

First of all, the description of how to proceed is of course correct.
However, if you have not made any changes to footer.php and header.php before or now – you do not need any copies in your child theme.

Do I understand you correctly that you have also made the settings again in the editor mode of all your pages/posts on the right in the layout sector? – That would also be unnecessary. Because the default setting there is preselected and therefore takes over the setting of the setting in the Enfold Footer options.

This setting there is only intended for the exceptional case that the footer page should then not be displayed for this particular page.

______________
btw. : “I am noticing a lot of other Enfold users also recently having this problem.”
I only read this in the context when the users have an older child theme footer.php or in particular older header.php, and do not transfer and upload these with the desired changes to the new versions.
But if there are no user changes made to these files – there is no need for them as copy inside child-theme.

this solution i guess is still working – but a bit more complex than other snippet solutions.
And i guess that this will only work for selfhosted html5 videos!
And I really don’t know why it’s still working because I’ve had a lot of upgrades since that trials from 2018/19 and no customization of section.php nor child-theme section.php. So maybe you start trying it without that changing.

for video-bg in color-section:
https://webers-testseite.de/mute-unmute/
for video-bg in slider:
https://webers-testseite.de/mute-unmute-video-slide/

for a video element ( not as background ) , you may be able to extract from the code how the mute/unmute can be influenced by a click event. I could also imagine that a small button next to the video ALB element could accomplish this.

Danke – Lernen durch Lehren ;)
(Seneca – Mutuo ista fiunt, et homines dum docent discunt.). :lol
Es gibt hier Fragen auf die ich nie gekommen wäre, auf die aber auch Kunden kommen könnten. Es ist immer gut, dann nicht herumzudrucksen, sondern mit einer Lösung direkt zu antworten. Das ist quasi Eigennutz ;)

Sag mal Bescheid ob es mit dem svg als Logo nun nicht mehr ganz so “blurry” ist. Bei sehr kleiner Header Höhe befürchte ich, das die sehr kleinen Schriften trotz der theoretischen Schärfe nicht mehr lesbar sein werden ( Bei Header Height 150px sollte aber das ok. sein ). Das liegt dann am Rendern der Browser – und an der Auflösung deines Endgerätes. Ich staune manchmal was alles noch lesbar auf meinem iPhone oder dem iPad mit Retina Display ist.