*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

html {
	
	
	color: #D3CDC3;
	
	}

body{
	background: #504F4F; 
	background: url(Bilder/berg2.jpg); 
	background-size: 100% 100%; 
}
a{
	text-decoration: none;
	color: #D3CDC3;

}

footer a{
	margin: 1%;
}

a:hover{
	color: #A2CBFC;
	text-decoration: underline;
}



:root{
	--Hintergrundfarbe:rgba(78, 81, 100, 0.77);
	--zen-supporting-padding: 30px;
	--höhe_Sidebar:1200px;
	--sidebar_abstand_Links: 45px;
}

h3{
	width: 300px;
	margin:auto;
	text-align: center;
	color:#D6D6D6;
	font-size: 23px	;
	text-decoration: underline;
	
}

@font-face{
	font-family: "Edel-kursiv-serifen";
	src:url('Schriften/Edel-kursiv-serifen.ttf') format('truetype');
}
@font-face{
	font-family: "Biryani";
	src:url('Schriften/Biryani.ttf') format('truetype');
}
@font-face{
	font-family: "Poiret";
	src:url('Schriften/Poiret.ttf') format('truetype');
}
@font-face{
	font-family: "Spectral";
	src:url('Schriften/Spectral.ttf') format('truetype');
}
@font-face{
	font-family: "Cinzel";
	src:url('Schriften/Cinzel.ttf') format('truetype');
}



/*.page wrapper ist der wrapper für den Gesamten Inhalt*/
.page-wrapper{
	width:100%;
	margin: auto;
	font-family: sans-serif;
	
}


	/*zen intro enthält: header, zen-summary, zen preamble; (role="banner)*/
	#zen-intro{
		text-align: center;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(67, 71, 80, 0.79)), to(var(--Hintergrundfarbe)));
		background-image: -webkit-linear-gradient(top, rgba(67, 71, 80, 0.79),var(--Hintergrundfarbe));
		background-image: -moz-linear-gradient(top, rgba(67, 71, 80, 0.79), var(--Hintergrundfarbe));
		background-image: linear-gradient(to bottom, rgba(67, 71, 80, 0.79),var(--Hintergrundfarbe));
		background-size: 100% 100%;
		float: left;
		width: 100%;
		color: #D3CDC3;
		
	}
	
		header{
			size: 20px;
			font-family:Poiret,Arial, Helvetica, sans-serif;
			font-size: 40px;
			line-height: 0.8em;
			padding: 50px;
			line-height: 60px;
			
		}

		

	

		header abbr{
				text-decoration: none;
		}

		

		#zen-summary{
			margin: auto;
			width: 100%;
			font-family: Spectral;
			width: 1000px;
			text-align: center;
			padding-bottom: 10px;
			
		}

		#zen-preamble  p:first-of-type{
			padding-top: 30px;
		}
		#zen-preamble p:last-of-type{
			padding-bottom: 50px;
		}

		#zen-preamble {
			width: 1100px;
			padding-top: 40px;	
			margin: auto;
			text-align: justify;
			padding-bottom: 50px;	
		}

		#zen-preamble h3{
			padding-bottom: 30px;
		}

		#zen-preamble p{
			display: inline;
		}

	#zen-supporting{
		float: left;
		width: 70%;
		height: var(--höhe_Sidebar);
		background:var(--Hintergrundfarbe);
	}

	#zen-supporting div p:first-of-type{
		padding-top: 30px;
	}
	#zen-supporting div p:last-of-type{
		padding-bottom: 50px;
	}

		#zen-explanation{
			float: left;
			padding-left: var(--zen-supporting-padding);
		
		
	}

		#zen-participation{
			float: left;
			padding-left: var(--zen-supporting-padding);
		}
		
		#zen-benefits{
			float: left;
			padding-left: var(--zen-supporting-padding);
		}

		#zen-requirements{
			float: left;
			padding-left: var(--zen-supporting-padding);
		}

		footer{
			float: left;
			width: 100%;
			padding-left: var(--zen-supporting-padding);		
		}



	/*.sidebar{	}*/

		
		 
		.wrapper{
			background:var(--Hintergrundfarbe);
			width: 30%;
			float: left;
			height: var(--höhe_Sidebar);
			
		}
		

		.wrapper div ul li:first-of-type{
			padding-top: 30px;
		}

		.wrapper div ul li:last-of-type{
			padding-bottom: 50px;
		}

			
			#design-selection{
				width: 100%;
				padding-left:var(--sidebar_abstand_Links);
				font-size: 0.9rem;
			}

			
		
			
				/*.select{}*/
				

				.design-name{
					font-size: 1rem;
				}

				
				.designer-name{
					font-size: 1rem;
				}

			
			#design-archives{
				width: 100%;
				padding-left:var(--sidebar_abstand_Links);

			}


			#zen-resources{
				width: 100%;
				padding-left:var(--sidebar_abstand_Links);
			}

			/*	#resources{}

				#view-css{}

				#css-resources{}

				#zen-faq{}

				#zen-submit{}

				#zen-translations{}


			
.extra1{

}
.extra2{}
.extra3{}
.extra4{}
.extra5{}
.extra6{}*/

ul  {
list-style-image: url(Bilder/bullet.png);
}