/* ------------------------------------------------------ */
/* --------------- Grid - Anweisungen ------------------- */
/* ------------------------------------------------------ */
* { padding: 0; margin: 0; }

body {
	display: grid;
	gap: 8px;
	padding: 0.3rem 0.3rem 0.3rem 0.3rem;
}



@media (min-width: 50rem) {	/*  Wichtig für die Darstellung bei Handys und co. */

	body {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 	/*  Spalten */
		grid-template-rows:   100px 50px auto 50px;
		padding: 0.3rem 1.0rem;
	}
	
	header {
		grid-column: 1 / -1;	/* Spalten von Anfang bis Ende () grid-column: 1 / -1; */
		grid-row: 1 / 2;			/* Zeilen  */ 
	}
	
	nav {
		height:3rem;
		grid-column: 1 / -1;		/* Spalten von Anfang bis Ende */
		grid-row: 2 / 3;			/* Zeilen  */ 
	}

	.div1 {
		grid-column: 1 / 8;   	/* Spalten */ 
		grid-row: 3 / 4;			/* Zeilen  */ 
	}
	.div2 {
		grid-column: 8 / 11;   	/* Spalten */ 
		grid-row: 3 / 4;			/* Zeilen  */ 
	}
	
	footer {
		height:2rem;
		grid-column: 1 / -1;		/* Spalten von Anfang bis Ende */
		grid-row: 4 / 5;			/* Zeilen  */ 
	}

}


/* ------------------------------------------------- */ 
/* ----------- Grid für die Class = div1 ----------- */ 
/* ------------------------------------------------- */ 

/* ------------------------------------------------- */ 
/* ----------- Grid header & footer ----------- */ 
/* ------------------------------------------------- */ 

header {  
	display:grid;
	grid-template-columns: auto; 	
	grid-template-rows:    auto;
	
}

footer {
	display:grid;
}

/* ------------------------------------------------- */ 
/* ----------- Weitere Formatierungen -------------- */ 
/* ------------------------------------------------- */ 
	header, div, footer, nav {
		border-radius: 0px 8px 8px;
		border-width: 2px;    /* --------Dicke ----------------- */ 
		border-style: solid;
		border-color:silver;
	}

	body {
		background-color:#000;
	}
	
	header {
		background-color:#708090;
	}

	nav {
		background-color:#222;
	}
	footer {
		background-color:#222;
	}

	div { 
		background-color:#444;
		min-height:400px;
	}

	.d_iv2 {
		background-color:#222;
	}