Static landing page full width + alligned not working

Hello,

i am having a similar problem than this user:
https://www.ads-software.com/support/topic/full-width-static-front-page-does-not-work/

i added some custom CSS, which adds full width and alligns properly for my pages, but only when i set my landing page to my blog. as soon as i set it to a static landing page, it jumps to the right. i cant seem find the css that affects this.

here is my custom CSS

/*
Füge deinen eigenen CSS-Code nach diesem Kommentar hinter dem abschlie?enden Schr?gstrich ein. 

Klicke auf das Hilfe-Symbol oben, um mehr zu erfahren.
*/

.site-info { display: none; }
.site-title {text-transform: none;}
.page-header {
    display: none;
}
/*blog frontpage*/
.blog:not(.has-sidebar) #primary article {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 550px;
    float: left;
}

/*abstand über seitenüberschrift */
.site-content {
	padding: 1em 0 0 0;
}
/*abstand unter pages zu social links*/
.page:not(.home) #content {
	padding-bottom: 0em;
}

/*abstand unter page überschrift*/
.page.page-one-column .entry-header,
	.twentyseventeen-front-page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 0em;
	
}
/* Single Post */
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
}

/*social shit */
	.social-navigation {
		clear: left;
		float: left;
		margin-bottom: 0;
		width: 100%;
	}

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