CSS not working on every page

Hi,

on our webpage, we use the menu bar as site header, so I added our name as text to it. Now I want to style that text with css, which is working perfectly on the landingpage. The problem is, that the css is seemingly only working on full width templates, but not on pages with the standard template (e.g. the Blog site). Here all css styling is working excpt for the font, it only loads the fallback font.
Here the css I’m using:

.main-navigation .site-branding {
	float: left;
}

.main-navigation .site-branding a {
	line-height: 60px;
	font-size: 26px;
	font-family: Bilbo Swash Caps;
	color: #ffffff;
}

Any idea of reason behind this is highly aprecciated.

Another issue I’m facing is as follows (not too important, since its not affecting the frontend):
I styled a sidebar widget with CSS, which is perfectly working, though when im logged in as Admin, for some reason an additional CSS is taking affect on that partikular widget, which i did not add anywhere. Once I’m logged out again, the widget looks like its supposed to be. Any idea why?

I’m using the latest version of GeneratePress free with Elementor Pagebuilder.

Thank you very much in advance for your help!
Cheers
Simon

The page I need help with: [log in to see the link]