zunächst würde ich dir dazu raten diese Logos immer auch in den Dimensionen gleich zu halten – auch deckungsgleich innerhalb der Fläche.
Bei deinem Logo ist zwischen dem Logo mit dem Schattenwurf und dem rein blauen Logo ein Versatz und Größenunterschied.

Dann ist es wohl auch keine gute Idee ein blaues Logo auf blauem Grund zu zeigen. ;) daher wäre wohl noch ein weißes Logo gut.

Ich würde wohl versuchen, dem Logo Container einen Pseudo-Container ( :after ) zu geben, und dort ein background-image mit dem weißen Logo zu setzen. bei nicht gescrolltem Header ist das normale Logo zu sehen, bei gescrolltem Header wird dieses auf opacity null gesetzt und der pseudo-container erhält dann die Opacity 1.

Beispiel code:

#top #header .logo:after {
  content: "";
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background-image: url(/wp-content/uploads/logo-IIC_Website_white.png);
  background-repeat: no-repeat;
  background-size: cover;
}

#top #header .logo:after {
  opacity: 0;
  transition: opacity 0.3s ease;
}

#top #header.header-scrolled .logo:after {
  opacity: 1;
  transition: opacity 0.3s ease;
}

#top #header.header-scrolled .logo a {
  opacity: 0;
  transition: opacity 0.3s ease;
}

/************ hier bleibt das Logo bestehen, bei anfänglich gesetzter transparenz ************/
/************ die transprenten Header haben nämlich alle an html auch eine Klasse ************/
.html_header_transparency #top #header.header-scrolled .logo a {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.html_header_transparency #top #header.header-scrolled .logo a img {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.html_header_transparency #top #header.header-scrolled .logo a .avia-standard-logo-sub img {
  opacity: 1;
  transition: opacity 0.3s ease;
}

das unifarben blaue Logo kannst du dann als transparentes Logo setzen.

schau mal hier:
https://enfold.webers-webdesign.de/iic/
https://enfold.webers-webdesign.de/iic2/

_________________

First of all, I would advise you to keep these logos always the same in the dimensions – also congruent within the area.
In your logo there is an offset and size difference between the logo with the shadow cast and the pure blue logo.

Then it’s probably not a good idea to show a blue logo on a blue background ;) so another white logo would probably be good.

I would probably try to give the logo container a pseudo-container ( :after ), and put a background-image with the white logo there. when the header is not scrolled the normal logo is visible, when the header is scrolled it is set to opacity zero and the pseudo-container then gets opacity 1.

the unicolor blue logo you can then set as a transparent logo.

See example code above. and
https://enfold.webers-webdesign.de/iic/
https://enfold.webers-webdesign.de/iic2/

yes – you can do that – or leave all as it is with buttons – and just remove the button styling on that:

body #people .avia-button {
  color: #000 !important;
  background-color: transparent;
  border-radius: none;
  padding: 0;
  font-size: 16px;
  border-bottom: none;
  text-align: left;
  background-color: transparent;
}

body #people .avia-button:before {
  content:"+ "
}

body #people .avia-button:active {
  outline: none;
  border: none;
}

and by the way – if you like to have search input field on hamburger too – we can use that ID set above ( on hamburger the IDs will change to classes)

you need this additional snippet just under the above inserted:

function add_search_to_burger_menu(){
?>
<script type="text/javascript">
(function($) {
	$('.av-burger-menu-main').one('click', function() {
		var page = window.location.href;
		var mobile = $('.menu-item-search');
		var search = '<form action="'+page+'" method="get" class=""><div><input type="submit" value="" id="searchsubmit" class="button avia-font-entypo-fontello"><input type="text" id="s" name="s" value="" placeholder="Search"></div></form>';

		setTimeout(function() {
			if(mobile.find('form').length == 1) return;
			mobile.html(search);
		}, 500);
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_search_to_burger_menu');

and a bit of additional css in quick css:

#top #wrap_all #header #av-burger-menu-ul>li.av-active-burger-items.menu-item-search {
  padding: 15px 50px;
  position: relative !important;
}

#top #av-burger-menu-ul #searchsubmit {
  height: 45px;
}

#top #wrap_all #header #av-burger-menu-ul>li.av-active-burger-items.menu-item-search form {
  position: relative !important;
}

#av-burger-menu-ul .ajax_search_response {
  background-color: #efefef;
  border: 1px solid #ddd;
  padding-top: 20px;
}

#av-burger-menu-ul .ajax_search_response > a {
  padding: 10px 12px 20px !important
}

See Results on : https://enfold.webers-webdesign.de/

or give this a try – it starts with setting the header options on : logo left, menu right.
the script will take the logo html code and insert it to the center of the main-menu items as a menu-item ( ID is menu-item-logo).
If the burger is shown the css code will set that ID to display: none.

See: https://pureinstall.webers-testseite.de/logo-centered/

Das müsste ja um einen Effekt zu haben ein Link sein, der in einer Neuen Seite / neuem Tab geöffnet wird – und die bestehende Seite mit dem Link erhalten bleibt. Früher konnte man die pseudo classe :visited nutzen – aus Sicherheitsgründen wird heute in fast allen modernen Browsern dieses nicht gentutzt: Link

was du machen könntest wäre wohl ein Script setzen, welches einem geklickten link eine Klasse hinzufügt . z.B : visited

dauerhaft für deine Domain zu setzen würde allerdings dann wieder enden in einem eigenen Cookie – welches wohl eher nicht mehr DSGVO konform sein wird.

____________

This would have to be a link to have an effect, which is opened in a new page / new tab – and the existing page with the link remains. In the past you could use the pseudo classe :visited – for security reasons this is not used today in almost all modern browsers: Link.

what you could do would be to set a script, which adds a class to a clicked link. e.g. : visited

to set permanently for your domain would then end in a separate cookie – which will probably no longer be compliant with the GDPR.

function add_class_to_visited_links(){
?>
<script>
(function($){
	$('a').on('click', function(){
		$(this).addClass('visited');
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_class_to_visited_links');

and on quick css :

a.visited {
  color: #FFF;
}

Subheading could be set on Headings ALB :

i tested it – and it works :

what do you mean by “looks completely different” is it only the font-weight, font-style, or do you have different font-family ?

or if you forgot to set the _blank target option – maybe better to list all links except some links that fit to your domain url or mailto links etc.

function add_class_to_external_links(){
?>
<script>
(function($){
	var url = window.location.origin;
	$('a').not('a[href*="'+url+'"], a[href*="mailto:"], a[href*="#"], a[href*="tel:"], a[href*="javascript:;"] ').each(function(){
		$(this).addClass('external-link');
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_class_to_external_links');

under the insert area – where you choose your video file – there is the input area for a fallback image
Thanks for the hint – I never checked that – mostly I don’t set fallback images either.

Isn’t there an easier way?

No.

the headline-rotator.js file is in : enfold/config-templatebuilder/avia-shortcodes/headline_rotator/ folder.

for the newest Enfold (5.1.2) i placed that file in my pastebin.
See: https://pastebin.com/2asu1gtk
Download: https://pastebin.com/dl/2asu1gtk

so just download it from there and upload that file to your child-theme/shortcodes folder.
Or do you only work with the parent theme? Then you can overwrite that file in the parent theme original folder – but on every update this is lost.
So my recommendation is to use always a child-theme.

If you got that child-theme you can go over your dashboard – Appearance – Theme file editor : klick on “Theme Functions” – and if you have used the premade child-theme of enfold : Link this is at the beginning nearly empty.
preserve the starting line ( <?php ) and insert that snippet after that first line :

function load_child_theme_headline_rotator_script() {
   wp_deregister_script( 'avia-module-rotator' );
   wp_enqueue_script( 'avia-child-module-rotator', get_stylesheet_directory_uri().'/shortcodes/headline_rotator.js', array( 'avia-shortcodes' ), false, true );
}
add_action( 'wp_enqueue_scripts', 'load_child_theme_headline_rotator_script', 100 );

if you look to that snippet you see that the first instruction unloads the parent script – and the next line will load the child script instead.

This will not be lost on enfold updates – only if there are big changings to that element – we had to redo the procedure.

ich hoffe – auf Grund der Internetseite, dass ich auch mit Dir deutsch kommunizieren kann.
zunächst habe ich das nicht mehr auf den anderen Seiten. Auf der Kontaktseite hast du es natürlich , weil du google Addons dort nutzt:
Google Recaptcha. – Dort wird aber Roboto geladen – die Open Sans sehe ich nicht mehr auf deiner Seite über dritte geladen – sondern local wie es sein soll:

Wenn du das in den Cookie Consent Einstellungen so einstellst, dass man dort erst zustimmen muss damit ReCaptcha geladen wird – wird die Schrift bis dahin auch nicht geladen.
( Du solltest aber diese Hinweisfelder auch mit einer Farbe unterlegen. Das ist durch die Semitransparenz schlecht lesbar. Eventuell das Ganze ( flex_column) auf eine 0.85 opazität setzen, oder mit der Column nicht so hoch ins Bild fahren. )
_________________________

– jetzt nochmal : Du hast die Schrift – Open Sans – wohl am Mac gepackt zu einem Zip-File.
OSX hat immer auch versteckte Dateien ( werden auch im ftp mit einem Punkt davor geführt ) im Ordner, die wenn man nicht beim zippen aufpasst mit ins Archiv gehen. Das sind diese Schriften die mit macosx geführt werden.

Bei Betterzip zB. gibt es die Option “für PC packen” dann sind die Versteckten Dateien nicht mit drin.
Du kannst aber jetzt auch im Custom Font Manager diese Schrift : macosx einfach löschen