@charset "utf-8";
/* CSS Document */

/* Theme horror vacui alt  */

/* alternatives Boxmodell */
html { 
  box-sizing: border-box; 
} 

*, ::before, ::after { 
  box-sizing: inherit; 
}

html {
	background: white;
	color: #222;
	font: normal 3em Arial, sans-serif; 
	/* Mindestschriftgröße wird dem Browser, bzw. dem Nutzer überlassen! */
}

/* header - Seitenkopf */
header {
	margin: 0;
	padding: 0;
	/*
	display: grid;	
	grid-template-columns: 1fr;  	
	*/
}


@media (max-width: 979px ) {
	body {
		display: grid;	
		grid-template-columns: 1fr;  	
 		grid-template-rows: repeat(5 auto);
	}
	header,
	#header-image,
	#content,
	#sidebar-right,
	footer {
    	grid-column: 1 / 3; /* beginnt bei der 1. Rasterlinie und endet bei der 3. Rasterlinie */
  	}
	.site-header {
		max-width:100%;
	}
}

@media (min-width: 980px) {
	body {
		display: grid;
		grid-template-columns: 2fr 1fr;  
 		grid-template-rows: repeat(5 auto);
	}
	.site-header {
		max-width:100%;
	}
	header,
	#header-image,
	footer {
    	grid-column: 1 / 3;
  	}	
	#content {
    	grid-column: 1 / 2;
    	grid-row:    3 / 4;					
  	}
	#sidebar-right {
    	grid-column: 2 / 3;
    	grid-row:    3 / 4;					
  	}
}