/* für displays unter der pad grösse*/



@media (min-width: 40em) {
	body {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
	}
}

/* navigation ganz oben über die gesamte breite */

nav {
	grid-column: 1 / -1;
	grid-row: span 2;
}

/* header über die gesamte breite */



header {
	grid-column: 1 / -1;
}


/* im html bereich ist es das article felder. article darf nur einmal ohne id oder class verwendet werde */

article {
	grid-column: 1 / 4;
	grid-row: span 2;
}






/* im html ist das ein weiter article tag mit der - id inhalt */

#inhalat2 {
	grid-column: 1 / -1;
	grid-row: span 2;
}