/* Grid-Struktur */
/* Grid -> Gesamt */
body {
	display: grid;
	grid-template-columns: 80px 390px 1fr;
	grid-template-rows: 115px 135px 1fr 40px;
}
/* Grid -> Header (links oben) */
header {
	display: grid;
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;

	grid-template-columns: 155px 155px;
	align-items: end;
}
	@media (max-width:1500px) {
		body {
			grid-template-columns: 60px 390px 1fr;
			grid-template-rows: 95px 135px 1fr 40px;
		}
		header {
			grid-template-columns: 128px 128px;
		}
	}
	@media (max-width:1200px) {
		body {
			grid-template-columns: 40px 390px 1fr;
			grid-template-rows: 75px 135px 1fr 40px;
		}
		header {
			grid-template-columns: 115px 115px;
		}
	}
	@media (max-width:450px) {
		body {
			grid-template-columns: 15px 300px 1fr;
			grid-template-rows: 72px 80px 1fr 40px;
		}
		header {
			grid-template-columns: 105px 105px;
		}
	}

	/* Grid -> Name */
	.beatrix, .giebel {
		grid-column-start: 1;
		grid-column-end: 2;
	}
	.giebel {
		grid-column-start: 2;
		grid-column-end: 3;
	}
/* Grid -> Navigation (rechts oben) */
nav {
	display: grid;
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 2;

	grid-template-columns: 1fr;
	align-items: end;
}
menu {
	grid-column-start: 1;
	grid-column-end: 2;
}

/* Grid -> Main */
main {
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 3; 
	grid-row-end: 4;
}
main.error {
	grid-column-start: 1;
}
	@media (max-width: 1200px) {
		main {
			grid-column-start: 1;
		}
	}

/* Grid -> Galerien */
.galerie {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
	@media (max-width: 600px) {
		.galerie {
			grid-template-columns: 1fr;
		}
	}

/* Grid -> Footer */
footer {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 4;
	grid-row-end: 5;
}