some seconds faster Mike

i think the one span is obsolete .
And maybe the effect is better if the big i is better visible as Letter and function: try this:
<p style="text-transform: uppercase; color: #ffffff;">Werden Sie Partner auf der Plattform für Mediziner<span style="color: #dcb505; font-weight: bold; font-size: 1.4rem; vertical-align: top">I</span>nnen</p>

see here : https://webers-testseite.de/inline-css/

Nun habe ich über FTP die neue Version installiert

hast du über die bestehende Version “drüber” gebügelt. Heißt – drag&drop Enfold Ordner über Enfold Ordner geschoben und Dateien ersetzten lassen?

Hier liegt beim ftp update meist der Hase im Pfeffer. Enfold hat einiges an Strukturen und Dateien geändert. Vor allem die shortcodes liegen nun in Unterordnern vor. Wenn du also dieses Verfahren oben genutzt hast liegen manche Dateien dann doppelt vor ( iconbox, iconlist etc. pp). daher meine Empfehlung: den alten Enfold Ordner vorher umbennen und dann den gesamten neuen Enfold Ordner hochladen.

• Use a child-theme always.
• Update via ftp.
• Rename your enfold folder to f.e. enfold-old
• Upload the new enfold folder via ftp
• Check if all your existing settings work to your full satisfaction.
• If not delete this new enfold folder via ftp
• rename the old one back to enfold.

So you allway can go back to the former status quo

Das mit dem Umbennen macht nun insofern nur Sinn, um schnell den neuen Ordner hochzuladen. Ein Rollback ist jetzt nicht mehr gegeben.
Dann kannst du nachher den alten Ordner löschen.
Das Child-Theme wird beim Updaten nicht gebraucht und auch nicht erneuert. Das ist ja mitunter genau der Sinn. Alle Einträge in die child-Theme functions.php gingen ja dann verloren.

well i would do it to make out of those two ( links ) images a social bookmark !

for that place this to your functions.php of your child-theme

function avia_add_custom_social_icon($icons) {
	$icons['Theory-Test'] = 'theorytest';
	$icons['Labs'] = 'labs';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

And this to your quick css:

#top #wrap_all .av-social-link-theorytest a:before,
#top #wrap_all .av-social-link-labs a:before
{
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
}

.responsive #top #header .social_bookmarks { display: block !important}

#top #wrap_all .av-social-link-theorytest a:before {
background: url(https://haqsfashions.website/helixcloudservices/wp-content/uploads/2018/05/Theory_Test_App_icon.png) no-repeat center center
}

#top #wrap_all .av-social-link-labs a:before {
background: url(https://haqsfashions.website/helixcloudservices/wp-content/uploads/2018/05/Screen_Shot_20180430_at_105941.png) no-repeat center center
}

you will than have on Enfold-Child – Options ( click to enlarge )

these icons will be there where a social bookmark can be – and you can directly determine a link target.

See here how they would behave on small screens: https://webers-testseite.de

and by the way – do not take background – instead take background-image for you would like to take an image:

#grid1 {
    background-image: url(https://digital-photography-school.com/wp-content/uploads/flickr/2746960560_8711acfc60_o.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

ok – we never stop learning:

but : Safari does not do that on my end here

Info from can i use this (Partial in Safari refers to not supporting the hue, saturation, color, and luminosity blend modes )

and the color blend mode is the interesting one for you .

there is a workaround since there was a mix-blend-mode
give the surrounding container a custom class and:

.with-overlay .avia-iframe-wrap::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #004ae1;
    pointer-events: none;
    mix-blend-mode: color;
}

you can see here a list of that: https://css-tricks.com/almanac/properties/m/mix-blend-mode/

the options are very similar to photoshop layer styles

here is another method – i did not know that pointer-event has an influence of the links down under.
( i gave a custom class to one of the surrounding containers: with-overlay)

.with-overlay .avia-iframe-wrap::after { 
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  background-color: rgba(0, 0, 255, 0.5);
  pointer-events: none;
}

see my test page above – this effect is not nice – It’s like a veil over

if you look into that plugin ( it is only the thing on that link google fonts helper) you will see that it is only an activation of the fonts.
But i think it makes it a bit more clearer what happend – the content of that plugin will look like this:

function local_google_fonts() {
	wp_enqueue_style( 'chelsea-fonts', plugin_dir_url( __FILE__ ) . 'assets/css/chelsea.css' );
}
add_action( 'wp_enqueue_scripts', 'local_google_fonts' );
?>

this is the chelsea.css what you got on the helper site:

/* chelsea-market-regular - latin */
@font-face {
  font-family: 'Chelsea Market';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/chelsea-market-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Chelsea Market'), local('ChelseaMarket-Regular'),
       url('../fonts/chelsea-market-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/chelsea-market-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/chelsea-market-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/chelsea-market-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/chelsea-market-v5-latin-regular.svg#ChelseaMarket') format('svg'); /* Legacy iOS */
}

the only thing now is to locate the correct relative path!
if you are not shure if that was the correct path to it use first the absolute path ( https:// url /wp-content/themes/enfold-child/fonts) – you know what i mean.
the ../fonts/ on your css code means that from the css it is one level higher in the fonts folder.
if you did that into child-themes/style.css the fonts-folder has to be a level higher.
but i think that your folder structure is more like

/* chelsea-market-regular - latin */
@font-face {
  font-family: 'Chelsea Market';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/chelsea-market-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Chelsea Market'), local('ChelseaMarket-Regular'),
       url('/fonts/chelsea-market-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/chelsea-market-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/chelsea-market-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/chelsea-market-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/chelsea-market-v5-latin-regular.svg#ChelseaMarket') format('svg'); /* Legacy iOS */
}

that means your folder fonts is on the same level as your style.css in which the css from above is integrated

that is more or less a good compromise – to have a pseudo class container.
set the class for the grid-row element to: grid-shadow

.av-layout-grid-container.grid-shadow::before {
    content: "";
    box-shadow: inset 0 1px 5px -1px rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

nothing has changed yet – the font is still called entypo-fontello ;)

I’m just kidding a bit
the fault is on https://kriesi.at/documentation/enfold/custom-social-icons/ – should be corrected indeed

The font is called entypo-fontello

on smaller screens go back to normal view of header_meta:

@media only screen and (max-width: 768px) {
#header_meta {
    min-height: 30px !important;
    margin-bottom: -1px;
}
    
#header_meta .container {
    top: 0 !important;
    padding-right: 0;
    overflow: visible;
    height: 1px !important;
    min-height: 0px !important
}
  
#menu-item-shop .cart_dropdown_link {
    padding: 0 40px !important;
    top: -15px !important;
}
}

first- have a look here.
i put the infos and a short plugin together: https://kriesi.at/support/topic/disable-google-font-loading-via-google/
You can downlaod a whole zip file with all fonts included in Enfold https://webers-testseite.de/local-google-fonts.zip – or you visit https://google-webfonts-helper.herokuapp.com/fonts to get your font you like

you don’t need that plugin – but it makes things easier to handle