@media (min-width: 801px) 	{
				body	{
    					grid-template-columns: 1fr 1fr;	
    					grid-template-rows: auto auto 1fr auto;
					}

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

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

				spalte2 	{
						grid-column: 2;
						grid-row:    3;
					}

				spalte3 {
						display: none;
					}


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


@media (max-width: 800px) 	{
				body	{
    					grid-template-columns: 1fr;	
    					grid-template-rows: auto  auto  1fr auto ;
					}

				header {
						grid-column: 1;
						grid-row:    1;

					}

				nav {
					grid-column: 1 ;
					grid-row:    2;	
					display:grid;
					}

	
				spalte1 	{
						grid-column: 1;
						grid-row:    3;
						display: none;
						}

				spalte2 	{
						grid-column: 1;
						grid-row:    4;
						display: none;
						}

				spalte3	        {
						grid-column: 1;
						grid-row:    3;
						
						}


				footer {
					grid-column: 1;
					grid-row:    5;	
					}


				}