Nun : das hier in das Quick CSS einfügen.

.anfrage a:before {
  content: "\e805"; 
}
.telefon a:before {
  content: "\e83c"; 
}

@media only screen and (min-width: 990px) {
  #header_main_alternate {
    border-top: none;
  }

  span.menu-break {
    display: block;
    line-height: 60px;
    bottom: 35px;
    position: relative;
  }

  .anfrage, .telefon {
    text-align:left;
    float: right !important;
    top: -15px;
    margin-left: 60px
  }

  .anfrage a:hover:before , 
  .telefon a:hover:before {
    background-color : #aaa !important;
  }

  .anfrage a:hover .avia-menu-fx , 
  .telefon a:hover .avia-menu-fx {
    display : none !important;
  }

  .anfrage a:before, .telefon a:before {
    display: table;
    font-family: entypo-fontello;
    font-size: 30px;
    color: #fff;
    position: absolute;
    left: -50px;
    top: 0;
    padding: 5px 10px;
    background-color: #ddd;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
  }
}

@media only screen and (max-width: 989px) {
  #av-burger-menu-ul .anfrage a:before, 
  #av-burger-menu-ul .telefon a:before {
    font-family: entypo-fontello;
    font-size: 30px;
    color: #ddd;
    position: absolute;
    left: 0;
    top: 10px;
    padding: 5px 10px;
    width: 40px;
    height: 40px;
  }
} 

du siehst hier tauchen die benutzerdefinierten Klassen auf: anfrage und telefon
diese Menüpunkte floaten jetzt rechts. Wenn du die Positionen tauschen willst, dann ziehe im Menu die Positionen an die richtige Stelle

That’s o.k. ; but some mods here don’t work daily with customer requests in real wordpress life. I just know that all very well; in the time where I was intensively occupied with jQuery and further education I tried to realize everything via scripts.
Since one has already times a few standard answers, which are not always the optimal way.
You have to have understanding for that, because with the abundance of questions here they hardly have more time than 5-10min to find an answer.

But if it is o.k. here now for the other participants I answer now in German. If someone needs the instructions in English please write here.

i do not know how Backupbuddy does a backup. What files do you get after updating?

Another tip for the future.
I like most this duplicator plugin – and the freeware is as mighty as the pro version – pro has only some scheduling options and multi-site support.
it generates two files one installer and one zip file – with a complete backup of your page – and the database.

i wouldn’t do that with header widget area. these are links that seems to be part of a navigation but only with icons in front and with two line labels.
So why not use the menu and to have those menu points with a custom-class. Your normal menu floats left – these two menu-points float right. Thats all.
the icons can be placed in pseudo-containers – and the two line label can be inserted by a label with a span inside – f.e.:
Anfrage<span class="menu-break">stellen</span>

the rest is quick css – and what is very nice – the shrinking is included – and the links are in hamburger too from the beginning.
see: https://webers-testseite.de/weber/

sollte dich das interessieren sag einfach Bescheid. Dann versuche ich es hier zu beschreiben.

on a shrinking header they overlap after scrolling.
But now you set the header to non-shrinking. ( ok that problem is solved by this )

shrink the browser window ( make it narrower ) or look to your page on a mobile device:
the left hamburger overlapping slider is the active one – the right one is without function ( twice hamburgers )

Ipad view: ( all tablets ):
overlapping navigation etc ( both navigation list points are not clickable anymore by the overlapping header widget area )

Please update to Enfold 4.8.1 – these are br tags : https://kriesi.at/support/topic/enfold-4-8-1-and-removing-additional-br-tags-added-in-4-8/

hm – this isn’t realy nesting ( on projecten-2 ) – due to different generation of the single portfolios they have different outlook.
Because you show portfolios all content – the ones which comes with color-sections and columns etc. that are made with advanced layout builder have all the colorings the single post have.
This causes the different background colorations.

If you temporarily copy these rules into your Quick css, you will see ( on projecten-2 ) that there is no nesting here – all content is cleanly separated from each other.

.page-id-3341 #av_section_3 .container {
    background-color: #dde8f1;
}

#top .av-alb-blogposts.template-blog div.post_delimiter {
    border-color: #333 !important;
}

next first example page: …

After you have updated that Enfold Version – even let the option on Enfold and disable jQuery Migrate there too – it is not needed then anymore.

And both are on the same Enfold Versions? i can not prove it because you renamed the theme and tilted style.css entries about Version.
i ask because we had that on a former Enfold where the header size on a shrinking header is from the beginning on that shrinked size.
And i’m shure you couldn’t set up a size to 47.5px over the Enfold Options Dialog.
That was due to WordPress and the upcomming of jQuery 3.5.1. Enfold 4.8.1 hasn’t that little bug.

please scroll your site.
the header widgets overlap the header borders, and the logo is obscured by the navigation.

and narrow the screenwidth of your browser
overlapping widgets and menu – after hamburger is present – two burger icons – one inactive

you had to make a decision what to do with this header widget on responsive case.
Maybe the setting on header – header behavior – “Let logo and menu position adapt to browser window” is a first good option for you?
you had to look where the second inactive hamburger icon comes from.
Maybe a non shrinking header would be a good alternative for you ?

hm – i can not confirm this – on Enfold 4.8.1 and WP5.7 you can even have animated svgs inside logoslider:
https://webers-testseite.de/partner-logos/

The code on the bottom is only to ensure the same width / same height of the logos
Can you post such a svg you try to insert?

just paste the svg code inside a code here.

PS : read this to have a preview in ALB Elements and inserted svg Images: https://kriesi.at/support/topic/alb-preview-images-and-svg-insert/

i have always been a supporter of diversity. Leave Enfold as it is – and add only a few missing elements.
It is this framework that is a unique selling point and builds the success of Enfold.

thats why i link to the list above.
the capabilities are correlated to the roles.
only super admins ( only on multi-site installation) and admins are able to manage options:

i found this with a filter to bypass password .
in child-theme functions.php:

add_filter( 'post_password_required', 'remove_password_requirement_for_admins', 0 );
function remove_password_requirement_for_admins( $required ) {
    if ( current_user_can( 'manage_options' ) ) {
        $required = false;
    }
    return $required;
}

maybe this will work for admins:

add_filter( 'post_password_required', 'remove_password_requirement_for_admins', 0 );
function remove_password_requirement_for_admins( $required ) {
    if ( current_user_can( 'administrator' ) ) {
        $required = false;
    }
    return $required;
}

you can see here some infos about options in a table : https://wordpress.org/support/article/roles-and-capabilities/#capability-vs-role-table
because manage_options is only for admins allowed the above should work too.