/**
 * 
 * style.css
 * Copyright 2020 Christian Urban <info@maio31.de>
 * 
 */

*
{
	border: 0;
	margin: 0; padding: 0;
}

.block_wrapper > *, header > .inside
{
	margin-left: 4vw;
	margin-right: 4vw;
}

.inside { margin: 2em auto; }

.subgrid 
{
	display: grid;
	grid-template-columns: minmax(3vw, 1fr) minmax(auto, 1600px) minmax(3vw, 1fr);
}

.subgrid > .inside, .subgrid > #main { grid-column: 2/3; }

body 
{
	width: 100%; height: 100%;
	//background: url(../img/Wireframe.png) -30px -98px;
}

	#wrapper 
	{
		height: 100vh;
		display: grid; 
		grid-template-rows: repeat(4, 1fr); 
	}
	
		header 
		{
			//background: rgba(234,34,123,.5);
			grid-row: 1/2; 
		}
		
			header > .inside 
			{
			}
			
				#logo 
				{
					display: inline-block;
				}
				
				nav 
				{
					float: right;
					display: inline-block;
				}
					
					ul 
					{
						list-style: none;
					}
					
						li 
						{
							float: left;
							margin-left: 1em;
						}
						
		#stage 
		{
			background: no-repeat center center url(../img/wide_dummy_image.png); 
			min-height: 80vh;
			background-size: cover;
			grid-row: 2/3;
		}
		
		#container 
		{
			//background: rgba(234,123,34,.5);
			grid-row: 3/4;
		}
		
			#main 
			{
			}
			
				#main > .inside {}
				
					.mod_article {}
					
						.block_wrapper 
						{
							display: flex;
							flex-wrap: wrap;
						}
						
							.block_wrapper > *
							{
								flex: 1 1 380px;
							}
						
							.ce_text {}
							
							.ce_image 
							{ 
								margin-bottom: 2em; 
							}
							
								.ce_image img 
								{
									width: 100%;
								}
		
		footer 
		{
			//background: rgba(34,123,234,.5);
			grid-row: 4/5;
		}
		
			.inside 
			{
			}