/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v19-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* dancing-script-regular - latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/dancing-script-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Dancing Script Regular'), local('DancingScript-Regular'),
       url('fonts/dancing-script-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/dancing-script-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/dancing-script-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/dancing-script-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/dancing-script-v10-latin-regular.svg#DancingScript') format('svg'); /* Legacy iOS */
}




/* Allgemeines */ 
body {
	background:#222222;
	/*background-image:url("images/Earth or Stone.jpg");*/
	/*background-size: 100% 100%; */
	background-image:url("images/black_hdr_forest.png");
	background-size: 100%; 
	
	background-attachment: fixed;
	background-repeat: no-repeat;
	font-size:100%;
	margin: auto;
	padding: auto;
}



header img {

	width:70%;
	display:block;
	/*margin: auto;*/
}

#schriftzug {

	font-size:2.5em;
	font-weight:100;
	color:#FFFFFF;
	width:70%;
	}

#includedAdditionals {
	display: none;
}

#socialMedia {
	/*display: none;*/
}

#socialMedia li {
	font-size:0.9em;
	border-bottom: none;
	}


h1 {
	font-size:1.6em;
	
	font-family: 'Dancing Script', cursive;
	font-weight:100;
	color:#3a6084;
	width:96%;
	max-width:980px;
	padding:0em;


}

h2 {
	/*border-top-left-radius: 1em;
	border-top-right-radius: 1em;*/
	/*border-bottom-width:2px; 
    border-bottom-style:solid;
    border-bottom-color:#38090a;*/
	/*background-color: #3a6084;*/
	background-color: rgba(0, 0, 0.7, 0.4); 

	font-size:1.5em;
	/*line-height:1.5em;*/
	font-family: 'Dancing Script', cursive;
	font-weight:100;
	color:#f8d87b;
	margin:0em;
	padding:0em 0em 0.2em 1em;
	text-align:left;
	border-left: 0.5em solid #f8d87b;
}
h3 {
	
	/*border-bottom-width:2px; 
    border-bottom-style:solid;
    border-bottom-color:#38090a;*/
	/*background-color: #3a6084;*/
	background-color: rgba(0, 0, 0.7, 0.4); 
	font-size:1.4em;
	/*line-height:1.0em;*/
	font-family: 'Dancing Script', cursive;
	font-weight:100;
	color:#f8d87b;
	margin-top:1em;

	padding:0em 0em 0.2em 1em;

	text-align:left;
}

p {
	line-height:1.5em;
	font-size:1.3em;
	/*font-family: 'Gentium Basic', serif;*/
/*	font-family: 'Source Sans Pro', sans-serif;*/
	/*font-family: 'Lobster';*/
	/*font-family: 'Rye', cursive;*/
	/*font-family: 'Yanone Kaffeesatz', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	/*font-family:Arial;*/
	font-weight:100;
	color: white;
	margin:0em;
	padding:1em;
	text-align: justify;
	border-bottom: none;

}
aside p {
	border-bottom: 0.3em dotted #38090a;

}


fieldset {
	font-family: 'Roboto', sans-serif;
	border: none;
}

ul {
	margin:0px;
	padding:0px;
	list-style-image:url(images/aufzaehl2.png)
}

article ul {
	margin:0px;
	padding:1em;
	list-style:square;
	
}

article ul li {
	
	font-family: 'Roboto', sans-serif;
}


li {
	/*list-style:square;*/
	font-family: 'Dancing Script', cursive;
	font-weight:50;
	color:#f8d87b;
	line-height:1.8em;
	margin:0em;
	padding-top:0.1em;
	margin:0.1em 0em 0.1em 0em;
}

img {
	width:90%;
	height:auto;
	max-width:100%;
	padding-top: 0em;
	margin-top: 1em;
}

a {
	text-decoration: none;
	color:#f8d87b;
}

/* On Top Bar */
#menuleiste {
	display:none;
	background:#FFFFFF;
} 
#menuleiste ul {
	display:block;
	width:2em;
	padding:0.9em;
}
#menuleiste ul li {
	display:inline;
}
#menuleiste ul li a.menubutton {
	display:none;
}
/* Header */ 
header {
	display:block;
	width:96%;
	max-width:980px;
	margin:1em auto;



	/*background:#2F2C2C;*/
	
	/*
	background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645));
	background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%);
	background: -o-linear-gradient(top, #f1e767 0%,#feb645 100%);
	background: -ms-linear-gradient(top, #f1e767 0%,#feb645 100%);
	background: linear-gradient(to bottom, #f1e767 0%,#feb645 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 );
	*/
	/*text-align:center;*/
}



/* Navigation */ 
nav {
	font-family: 'Dancing Script', cursive;
	text-shadow: 0 0 10px black;
	display:block;
	height:1.8em;
	font-size: 1.7em;
	width:96%;
	max-width:980px;
	margin:1em auto;
	padding:0em;
	/*background:#38090a;*/
	/*width:96%;
	max-width:980px;*/
	/*margin:1em auto;*/
	text-align: left;
}

nav ul {
	display:block;
}

nav ul li {
	display:inline;
	margin:0em 0.15em 0em 0.15em;
}

nav ul li a {
	font-family: 'Dancing Script', cursive;
	color:#f8d87b;
	/*text-align:center;*/
	/*color: #38090a;*/
	font-size: 1em;
	line-height:0.03em;
	text-shadow: 0 0 10px black;
	/*padding:0.5em 0.5em 0.5em 0.5em;*/
	transition:background 0.2s;
	-webkit-transition:background 0.2s;
}

nav ul li a:hover {
	/*background:#DBD9D8;*/
	border-bottom: 0.1em solid #FF3333;
}
nav ul li a.active {
	border-bottom: 0.1em solid #FF3333;
}

aside section ul li {
	font-size:1.2em;
	line-height:1.5em;
	/*font-family: 'Lobster', cursive;*/
	font-family: 'Roboto', sans-serif;
	font-weight:120;
	border-bottom: 0.2em dotted #FFDDDD;

}

aside section p {
	font-size:1.2em;
	line-height:1.5em;
	/*font-family: 'Lobster', cursive;*/
	font-family: 'Roboto', sans-serif;
	padding-bottom: 1em;
	padding-top: 1em;
}

/* Content */ 
#main {
	display:block;
	width:96%;
	max-width:980px;
	margin:1em auto;
	padding:0em;
	border-radius: 1em;
	/*background:#777777;*/
}

#main article {
	color:#f8d87b;	
	background: rgba(0, 0, 0, 0.7);
	display:inline-block; 
	width:66%; 
	/*background:#fffffe;*/
	vertical-align: top;
	margin:0em;
	padding:0em;
	/*border-radius: 1em;*/
	border-top-left-radius: 0.1em;
	border-top-right-radius: 0.1em;
	text-align:center;
}

#main article img {
	max-width:550px;
	box-shadow:0px 0px 12px -2px #4c4948;
	border-radius: 5px;
	padding: auto;
	/*visibility: hidden;*/
}

#main aside {
	font-size:0.8em;
	display:inline-block;
	width:30%;
	margin-left:2%; 
	padding:0em;
	vertical-align:top;
}

#main aside section {
	color:red;
	background: rgba(0, 0, 0, 0.9);
	margin-bottom:1.5em;
	/*background:#FFFFFF;*/
	border-bottom: 0.5em solid #f8d87b;

	/*border-radius: 1em;*/
	/*border-top-left-radius: 1em;
	border-top-right-radius: 1em;*/
}


/*.onView .showOnView.is-hidden {
	visibility: hidden;
}*/
.onview .showOnView {
	visibility: hidden;
}


/*#main article h2 {
	padding:1em 1.8em 1em 1.8em;
}*/

#main aside section ul {
	/*padding:1em 1.875em 1.25em 2.5em;*/
	padding: 0em 0em 0.5em 3em;
}
/* Footer */ 
footer {
	display:block;
	background:#3a6084;
	text-align:center;
}

footer ul {
	display:block;
	width:100%;
	max-width:980px;
	text-align:left;
	margin:0px auto;
}

footer ul li {
	display:inline;
	font-size:1.2em;
	line-height:5em;
	color:#E2DBDB;
	padding:0em 0.625em 0em 0.625em;
}
footer ul li a {
	color:#E2DBDB;
}


.slider {
	border-radius: 2em;
	margin-bottom: 1.5em;
	/*border-top-left-radius: 2em !important;
	border-top-right-radius: 2em !important;*/
}


/*.onview article{

	margin-top: 6em;
}
*/


/* Mobile Style */


@media screen and (max-width:900px) {
	body {
		background-size: 100%; 
		font-size:80%;
	}
}
@media screen and (max-width:800px) {
	body {
		background-size: 100%; 
		font-size:70%;
	}
}
@media screen and (max-width:600px) {
	#main aside, #main article {
		width:100%;
		display:block;
		margin:0.625em 0em 0.625em 0em;
	}
}
@media screen and (min-width:700px) {
	nav.nav {
		display:block !important;
	}
	
}
/*
@media screen and (width:640px) {
	nav.nav {
		display:none !important;
	}	
}*/




@media screen and (max-width:700px) {
	body {
		background-size: 150%;  
		font-size:70%;
	}
	#menuleiste ul li a.menubutton {
		display:block;
	}	
	#menuleiste {
		display:block;
		background:#FFFFFF;
	}	
	nav {
		display:none;
		height:auto;
	}
	nav ul li {
		display:block;
		margin:0.3em 0em 0.3em 0em;
	}
}