body {
	margin:0;
	position:relative;
	transition:0.3s;
	min-height:100vh;
}
h1, p {
	margin-top:0;
}
.spalten {
	display:grid;
	grid-template-rows: 100%;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap:25px;
}
.spalten-links {
	grid-column-start:1; 
    grid-column-end:8;
}
.spalten-rechts {
	grid-column-start:8; 
    grid-column-end:13;
}

.grid-container, .grid-container-footer {
	min-height:100vh;
    display: grid;
	transition: all 1s;
    grid-template-columns: [full-start] minmax(0, 20px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 20px) [full-end];
	grid-template-rows: auto 1fr;
}
.grid-container>div, .grid-container-footer>div {
	grid-column: main;
}

.grid-container>div.full-width, .grid-container-footer>div.full-width {
	grid-column: full;
	padding:0px 20px 0px 20px;
}
.grid-container>div.full-width-small, .grid-container-footer>div.full-width-small {
	grid-column: full;
	padding:0px 0px 0px 0px;
}
.grid-container>div.full-width-small>div, .grid-container-footer>div.full-width-small>div {
	width:100%;
	max-width:100%;
}

.header {
    background-color:#1C1137;
	/* min-height:380px; */
	height:auto;
}

.content {
	display:flex;
	flex-wrap:wrap;
	/* min-height:800px; */
	/* align-content:flex-start; */
	padding-top:50px;
	padding-bottom:350px;
    background-color: #ccc;
}
@media (orientation: portrait) AND (max-width:1020px){
	.content {
		align-content:flex-start;
	}
}
@media (orientation: portrait) AND (min-width:1021px){
	.content {
		align-content:space-between;
	}
}


@media(min-width:375px) {
	.grid-container {
		grid-template-columns: [full-start] minmax(0, 25px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 25px) [full-end];
	}
	.grid-container>div.full-width {
		padding:0px 25px 0px 25px;
	}
	.grid-container-footer {
		grid-template-columns: [full-start] minmax(0, 25px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 25px) [full-end];
	}
	.grid-container-footer>div.full-width {
		padding:0px 25px 0px 25px;
	}
}

@media(min-width:568px) {
	.grid-container {
		grid-template-columns: [full-start] minmax(0, 35px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 35px) [full-end];
	}
	.grid-container>div.full-width {
		padding:0px 35px 0px 35px;
	}
	.grid-container-footer {
		grid-template-columns: [full-start] minmax(0, 35px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 35px) [full-end];
	}
	.grid-container-foooter>div.full-width {
		padding:0px 35px 0px 35px;
	}
}

@media(min-width:600px) {
	.grid-container {
		grid-template-columns: [full-start] minmax(0, 40px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 40px) [full-end];
	} 
	.grid-container>div.full-width {
		padding:0px 40px 0px 40px;
	}
	.grid-container-footer {
		grid-template-columns: [full-start] minmax(0, 40px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 40px) [full-end];
	} 
	.grid-container-footer>div.full-width {
		padding:0px 40px 0px 40px;
	}
}

@media(min-width:667px) {
	.grid-container {
		grid-template-columns: [full-start] minmax(0, 40px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 40px) [full-end];
	} 
	.grid-container-footer {
		grid-template-columns: [full-start] minmax(0, 40px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 40px) [full-end];
	} 
}

@media(min-width:768px) {
	.grid-container {
		grid-template-columns: [full-start] minmax(0, 50px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 50px) [full-end];
	}
	.grid-container>div.full-width, .grid-container>div.full-width-small {
		padding:0px 50px 0px 50px;
	}
	.grid-container-footer {
		grid-template-columns: [full-start] minmax(0, 50px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 50px) [full-end];
	}
	.grid-container-foooter>div.full-width, .grid-container-footer>div.full-width-small {
		padding:0px 50px 0px 50px;
	}
}

@media(min-width:1024px) {
	.grid-container {
		grid-template-columns: [full-start] minmax(0, 60px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 60px) [full-end];
	}
	.grid-container>div.full-width, .grid-container>div.full-width-small {
		padding:0px 60px 0px 60px;
	}
	.grid-container-footer {
		grid-template-columns: [full-start] minmax(0, 60px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 60px) [full-end];
	}
	.grid-container-footer>div.full-width, .grid-container-footer>div.full-width-small {
		padding:0px 60px 0px 60px;
	}
}

@media(min-width:1108px) {
	.grid-container {
		grid-template-columns: [full-start] minmax(0, 85px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 85px) [full-end];
	}
	.grid-container>div.full-width, .grid-container>div.full-width-small {
		padding:0px 85px 0px 85px;
	}
	.grid-container-footer {
		grid-template-columns: [full-start] minmax(0, 85px) [main-start] minmax(0, 1fr) [main-end] minmax(0, 85px) [full-end];
	}
	.grid-container-footer>div.full-width, .grid-container-footer>div.full-width-small {
		padding:0px 85px 0px 85px;
	}
}

@media(min-width:1570px) {
	.grid-container {
		 grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 1400px) [main-end] minmax(0, 1fr) [full-end];
	}
	.grid-container>div.full-width, .grid-container>div.full-width-small {
		padding:0px;
	}
	.grid-container>div.full-width>div, .grid-container>div.full-width-small>div {
		margin:0px auto 0px auto;
		width:1400px;
	}
	.grid-container-footer {
		grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 1400px) [main-end] minmax(0, 1fr) [full-end];
   }
   .grid-container-footer>div.full-width, .grid-container-footer>div.full-width-small {
	   padding:0px;
   }
   .grid-container-footer>div.full-width>div, .grid-container-footer>div.full-width-small>div {
	   margin:0px auto 0px auto;
	   width:1500px;
   }
}

@media(min-width:1920px) {
	.grid-container {
		 grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 1400px) [main-end] minmax(0, 1fr) [full-end];
	}
	.grid-container>div.full-width, .grid-container>div.full-width-small {
		padding:0px;
	}
	.grid-container>div.full-width>div, .grid-container>div.full-width-small>div {
		margin:0px auto 0px auto;
		width:1400px;
	}
	.grid-container-footer {
		grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 1500px) [main-end] minmax(0, 1fr) [full-end];
   }
   .grid-container-footer>div.full-width, .grid-container-footer>div.full-width-small {
	   padding:0px;
   }
   .grid-container-footer>div.full-width>div, .grid-container-footer>div.full-width-small>div {
	   margin:0px auto 0px auto;
	   width:1500px;
   }
}

@media(min-width:2050px) {
	.grid-container {
		grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 1400px) [main-end] minmax(0, 1fr) [full-end];
	}
	.grid-container>div.full-width>div, .grid-container>div.full-width-small>div {
		margin:0px auto 0px auto;
		width:1400px;
	}
	.grid-container-footer {
		grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 1500px) [main-end] minmax(0, 1fr) [full-end];
	}
	.grid-container-footer>div.full-width>div, .grid-container-footer>div.full-width-small>div {
		margin:0px auto 0px auto;
		width:1500px;
	}
}