/*03_grid_768.css*/

@media (max-width:768px) {

	/* Alles, was wir zunächst nicht brauchen */
	#header_div_left,
	#header_div_nav,
	#header_div_right,
	#main_div_left,
	#main_div_right,
	#nav_nav,
	#footer_div_left,
	#footer_div_nav,
	#footer_div_right {
		display:none;
	}


	#body_wrapper_div {
		display:grid;

		grid-template-columns:1fr;

		grid-template-rows:
			auto
			auto
			auto;

		grid-template-areas:
			"banner"
			"main"
			"footer";

		width:100%;
	}


	#wrapper_nav_banner {
		grid-area:banner;

		grid-template-columns:1fr;

		grid-template-areas:
			"header";
	}


	#layout_div {
		grid-area:main;

		display:grid;
		grid-template-columns:1fr;

		grid-template-areas:
			"main_wrapper";
	}


	#main_wrapper {
		grid-area:main_wrapper;

		display:grid;
		grid-template-columns:1fr;

		grid-template-areas:
			"main_main";
	}


	#main_main {
		grid-area:main_main;
		min-width:0;
	}


	#footer_footer {
		grid-area:footer;
	}

}