html { 

background: white;
}

  body {hyphens: auto;}	
  
	header 	{		
 	   		position: relative;height: 210px;
			background:url("../imggalerie/welt.png") no-repeat right; background-size: contain; 				 
			width:90%;
			}

		header
		h1
			{
			font-family:helvetica;font-variant:small-caps;color: #CD6090;
			padding-left: 1em;padding-top: 0.5em;display:absolute;
                        font-size:3em;
			}
	
		header
		h2
			{font-family:helvetica; font-variant:small-caps;color: #CD6090; 
			padding-left: 1em;font-size:3em;
			}
	main 
  			{display: grid;	  
    			grid-template-columns:5% 95%;grid-gap:1em;
			margin-left: 2em;margin-right:2em;margin-top:-1em;
			padding-right:3.5em;padding-top:3em; padding-bottom:3em;
			background: black;
			box-shadow: 20px 10px 15px #383838; border-radius:20px;}
			
		main
		p 
			{
			color: #4D4D4D; 
			text-align: left; hyphens:auto;
			line-height: 1.6em; 
			padding: 10px 0px;
			font-family:helvetica;font-size:2em;
			}

		main
		h1
			{
			font-family: Helvetica;font-size:3em;
			font-variant:small-caps;
			padding-left: 1em; 
			color: #CD6090; 
			border-left:5px solid #B8B8B8;
			border-bottom:1px solid #B8B8B8;
			}
	
		main
		h2 
			{
			font-family: Helvetica;font-size:2em;
			font-variant:small-caps;
			padding-left: 1em; 
			color: #CD6090;
			}
			
		main
		p 
			{
			color: #B8B8B8; text-align: left; line-height: 1.6em; padding: 10px 0px;font-family:helvetica;
			}
			
		main
		a {text-decoration: none;color:#4D4D4D;}
		
		main
		a:visited {text-decoration: none;}
	
			
	article 	
  			{
			grid-column:2/2; grid-row:2/2;
			margin-top: 6ex;
			column-count: 1; column-gap:2em;column-width: 100%;
			column-rule-style:dotted; column-rule-width:1px; column-rule-color:silver; 
			}
		
		article 
		p
			{
			margin: 0 0 2.7ex 0;line-height: 2.7ex;
			text-align: justify; hyphens:auto;
			orphans:3; widows: 3;
			font-family:helvetica;font-size:2em;
			}
			
			a:visited {text-decoration: none;}
  
	     	 nav 	{
	   		 	grid-column: 1 / 2;
	   			grid-row: 1/1;background: #4D4D4D;
	   			box-shadow: 10px 10px 15px #383838; border-radius:20px;
	   			font-family:helvetica;position:fixed;
				margin right:2em;
	   			}
		
	   	nav li
	   			{list-style:none; text-align: left; padding: 1em; border-top:0.5em solid #B8B8B8;background: white;}
				
				
			
	 
	   	#activeli { background-color: #CD6090;}
	
	   	nav
	   	a		{color:#CD6090 ;  text-decoration:none; font-variant:small-caps; font-size:3em;text-align:left;display:block;} 
		
		
		
		#menuein {position:fixed; list-style:none;font-family:helvetica;font-variant:small-caps;color: white; font-size:2em; text-decoration:none;margin:0.5em;padding:0.5em;background: #B8B8B8;box-shadow: 10px 20px 15px silver;border-radius: 5px;width: 3%;}
		#auswahl
		{display:none;}
		#auswahl:target{display:block;}
		
		
		#menuaus {position:absolute;top:0;right:0; list-style:none;padding:0.5em;margin: 0.5em;background: #B8B8B8;font-size:1em;font-family:helvetica;font-variant:small-caps;color: white; text-decoration:none;border-radius: 5px;}
	

	img
			{
			box-shadow: 10px 20px 15px #383838;border-radius: 5px;width: 100%; margin-bottom:2em;
			}

	
			button
					{
					background: none; border:none;
					box-shadow: 10px 10px 15px #383838;
					font-family:helvetica;
					margin-top:3em;margin-bottom:15em; padding:0.5em;
					}
				button:hover {background-color:#B8B8B8;} 
				
				
				button 
				a
					{
					color: #CD6090;  text-decoration:none; font-variant:small-caps; font-size:3em; 
					}
					#activea {color:black;font-weight: bold;}
					
					#start {margin:0.2em;color:#707070;}