/*Quelle :  https://kulturbanause.de/blog/css-grid-layout-module/#responsive-css-grids  */
body {
 height:100vh; 
  display: grid; 
  grid-template-rows: 80px 4fr 2fr 2fr 40px; 
  grid-template-columns: 100%; 
  grid-template-areas:  
    "header" 
    "main" 
    "nav" 
    "aside"
    "footer" 
  ; 
      font-size: 13px;
      background-color:white;

} 
	header {grid-area : header;
		justify-self: center ;
 		transform: scale(0.35);}
main {  grid-area: main;
		text-align: center;
/*		background:gold;	*/
		transform: scale(1);}	
nav {  grid-area: nav;
		transform: scale(1);}	
aside { grid-area: aside;
		transform: scale(1);}	
			iframe {
		border: 1px solid black;
/*			background:lightblue;	*/
		transform: scale(0.9);}
footer {grid-area : footer;
		transform: scale(0.9); }						

@media screen and (min-width: 44.001em) { 
  body { 
    display: grid;
    grid-template-rows: 130px 1fr 130px; 
    grid-template-columns: 21% 29% 29% 21%; 
    grid-template-areas:  
      "header header header header" 
      "nav main main aside" 
      "footer footer footer footer" 
    ; 
    font-size: 14px;
  } 
  	header {grid-area : header;
  	 		 		display: table;	/* zentriert */
  		margin-left: auto;
  		margin-right: auto;	
		transform: scale(0.6);}
	main {  grid-area: main;
	/*	background:lightgreen;	*/
		transform: scale(1);}
	nav {  grid-area: nav;
		transform: scale(1);}	
	aside { grid-area: aside;
		transform: scale(1);}	
	iframe {
/*		border: 1px solid black;*/
	/*		background:lightblue;	*/
		transform: scale(0.9);}
	footer {grid-area : footer;
		justify-self: center ;
		transform: scale(1); }	
}