/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*--------------------------------------------------------------------------*/
/*Reset Ende*/

/* body Beginn */
body {
	background: url("../bilder/hintergrund.svg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	line-height:1.5;
}

article {
	width:30rem;
}


h3 {
	color:#F16527;
	font-size:1.5rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-style:italic;
	text-shadow: #ffffff 1px 1px 0;
	text-align:center;
	background-color: rgba(109, 167, 7, 0.4);
	border-radius: 30px 30px 0px 0px;
	-moz-border-radius: 30px 30px 0px 0px;
	-webkit-border-radius: 30px 30px 0px 0px;
	padding:0.5rem;
	
}

p {	
	color:black;
	font-family: 'Open Sans', sans-serif;
	font-size:0.9rem;
}

article.preamble p, main article p {	
		padding-right:1.5rem;
}

article.preamble h3, main article h3 {	
		width:20rem;
}

h3 + p {
	padding-top:1rem;
	border-top: 5px solid rgba(109, 167, 7, 0.4);
}

main article p:last-child, section article.preamble p:last-child {
	margin-bottom:2rem;
}

a:link {
	text-decoration: none;
	color:#F16527;
}

a:hover, a:focus, a:active, a:visited {
	text-decoration: underline;
	color:red;
}

div.page-wrapper {
	width:60rem;
	margin:auto;
	background: url("../bilder/snails_background.png") no-repeat top center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow:auto;
}
	
	section.intro {
		width:50rem;
		margin:auto;
	}
	
		header {
			margin-top:475px;
			text-align:center;
		}
		
			h1 {
				color:#EDB12B;
				font-family: 'Molle', cursive;
				font-size:3rem;
				text-shadow: #000000 1px 1px 0;
			}
			
			h2 {
				color:white;
				font-family: 'Calligraffitti', cursive;
				font-size:1.75rem;
			}
			
			article.summary {
				width:10rem;
				float:left;
				margin-left:70px;
				margin-top:180px;
				padding-top:1.5rem;
				padding-left:1.5rem;
				padding-right:1rem;
				padding-bottom:1rem;
				border: 2px dashed #6DA707;
				border-radius: 50px 0px 0px 0px;
				-moz-border-radius: 50px 0px 0px 0px;
				-webkit-border-radius: 50px 0px 0px 0px;
				background-color: rgba(109, 167, 7, 0.2);
				font-weight:600;
				font-style:italic;
			}
			
				article.summary p {
					font-size:0.8rem;
				}
				
					.summary p:first-child::before {
					content:"\00BB";
					}
				
					.summary p:first-child::after {
					content:"\00AB";
					}
				
			article.preamble {
				width:30rem;
				float:right;
				margin-top:90px;
			}
			

		
	main {
		width:30rem;
		margin:auto;
		float:right;
		background-color:rgba(222, 245, 155, 0.3);
		margin-right:5rem;
	}
	
		article.requirements {
			position:relative;
			width:46rem;
			left:-16rem;
			margin-top:150px;
			/*column-count:3;
			x-moz-column-count:3;
			x-webkit-column-count:3; funktioniert nicht bei meinen h3 Einstellungen*/
			clear:both;
		}
		
		
		article.requirements h3 + p{
			border-top: 5px solid rgba(109, 167, 7, 0.4);
		}
		
/*		article.requirements h3 {
			display: block;
			text-indent: 110%;
			width:736px;
			height:57px;
			overflow:hidden;
			background: transparent url(../bilder/headline.png) no-repeat;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		} article.requirements h3 {display:none;} funktioniert nicht, da dann alles abgestellt ist, before und after funktioniert dann bei h3 auch nicht mehr */
		
		
	
	aside.sidebar {
		font-family: 'Open Sans', sans-serif;
		width:17rem;
		float:left;
		margin-left:5rem;
	}
		div.wrapper {

		}
			h3.select, h3.archives, h3.resources {
				color:#2C5937;
				width:12rem;
				font-size:1rem;
				font-weight:600;
				text-align:center;
				text-shadow: #ffffff 0px 0px 0;
				background-color: rgba(237, 177, 43, 0.8);
				padding:0.5rem;
				margin-left:4rem;					
			}
		
			ul li:first-child {
				padding-top:1rem;
				border-top: 3px solid rgba(237, 177, 43, 0.8);
			}

			li {
				padding-left:4rem;
			}
		
			.design-selection nav ul li .design-name {
				color:#EDB12B;
				font-weight:800;
				display:block;
				text-transform: uppercase; 
			}
			
			.design-selection nav ul li .design-name:hover, .design-selection nav ul li .design-name:focus, design-selection nav ul li .design-name:active {
				color:#F30502;
				text-decoration: none;
			}
			
			.design-selection nav ul li .designer-name {
				color:#2C5937;
				font-weight:400;
				font-style:italic;
			}
			
			nav ul li {
				margin-bottom:2rem;
			}
			
			.next a, .viewall a {
				color:#2C5937;
				font-weight:400;
				text-transform: uppercase; 
			}

			.view-css a, .css-resources a, .zen-faq a, .zen-submit a, .zen-translations a{
				color:#2C5937;
				font-weight:400;
				line-height:2rem;
				text-transform: uppercase; 
			}
					
footer {
	position:relative;
	width:50rem;
	left:-20rem;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-size:1.75rem;
	font-weight:600;
	font-style:italic;
	padding-top:2rem;
	padding-bottom:2rem;
	background-color: rgba(109, 167, 7, 0.2);
	word-spacing:2rem;
}