article {
    display: -ms-grid;
	-ms-grid-columns: [toptex-start] 25% [pic-start] 75% [pic-end];
    -ms-grid-rows: [pic-start] 50% 50% 50%[pic-end];
    
}

.nav-seifen-pic {
	grid-area: pic;
    -ms-grid-area: pic;
    -ms-grid-column: 2; /*2 / 3;*/
    -ms-grid-column-span: 3;
    -ms-grid-row: 1; /* / 3;*/
    -ms-grid-row-span: 3;
}

.top-information {
    -ms-grid-column: 1; /*1 / 3;*/
    -ms-grid-column-span: 3;
	-ms-grid-row: 3; 
	z-index: 20;
}

.spacer {
	-ms-grid-column: 1;
	-ms-grid-row: 1;
}

.navbar-toggler {
    -ms-grid-row: 2;
}
.seifen-grid {
    display: -ms-grid;
    -ms-grid-columns: 50% 50%;
    -ms-grid-rows: 50px 100px 100px;
}

.seifen-pic {
    -ms-grid-column: 1; /*1 / 3;*/
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3; 
}

.seifen-text {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
}

.seifen-headline {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
}

.about-grid {
    display: -ms-grid;
    -ms-grid-columns: 40% 20% 40%;
    -ms-grid-rows: 50% 50% 50%;   
}

.img-about {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
}

.about-text {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
}