#site_container { 
	display: grid; 
	grid-template-columns: repeat(12, 1fr);
	grid-gap: .1em;
/*	row-gap: 2em;*/
	grid-template-rows: 24em auto auto;
	grid-template-areas: "head_menu head_menu head_menu head_menu head_menu head_menu head_menu head_menu head_menu head_menu head_menu head_menu"
                        "area_main area_main area_main area_main area_main area_main area_main area_main area_main area_main area_main area_main"
						"area_foot area_foot area_foot area_foot area_foot area_foot area_foot area_foot area_foot area_foot area_foot area_foot";  

	}

#head_menu {
	grid-area: head_menu;
	display: grid;
	grid-gap: .1em;
	background-color: #fff;
	z-index: 100;
	height: 14em;
}

#area_main {
	grid-area: area_main;
	width: 100%;
	height: 100%;
	object-fit: cover;
/*	margin-top: 2em;*/
	}

#area_foot {
	grid-area: area_foot; 
	background-color: #b6c0c6;
	height: min-content;
	}

/*


/* größer als 800 px */
@media screen and (min-width: 800px) {
#head_menu {
	position:sticky;
	top: 0;
}
}