html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

.layout-container {
	display: flex;
	flex-direction: column;
	height: 100vh; /* Nimmt die gesamte Bildschirmhöhe ein */
}

header {
	flex-shrink: 0; /* Verhindert, dass der Header schrumpft */
	/* Höhe definieren oder Inhalt bestimmen */
}

main {
	flex-grow: 1; /* Nimmt den gesamten restlichen Platz ein */
	overflow-y: auto; /* Macht den Bereich scrollbar, wenn der Inhalt zu lang ist */
}

footer {
	flex-shrink: 0; /* Verhindert, dass der Footer schrumpft */
}


/*===== Inhaltselemente =====*/
mainmenue {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-gap: 10px;
	max-width:800px;
	margin:0px auto;

	item {
		display:	block;
		border:		solid 1px;
		height:		250px;
		background-repeat:	no-repeat;
		background-size:	100% auto;
	}
}


/*===== Formatierungsklassen =====*/
.color-format-gray {
	color:yellow;
	background-color: gray;
}