/* 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 */
}
/* satisfy-regular - latin */
@font-face {
  font-family: 'Satisfy';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/satisfy-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Satisfy Regular'), local('Satisfy-Regular'),
       url('fonts/satisfy-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/satisfy-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/satisfy-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/satisfy-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/satisfy-v9-latin-regular.svg#Satisfy') format('svg'); /* Legacy iOS */
}





/* Allgemeines */ 
body {
	background:#222222;
	
	/*background-size: 100% 100%; */
	background-image:url("images/back_lang_OPT-50_HP.jpg");
	background-size: cover; 
	
	background-attachment: fixed;
	background-repeat: no-repeat;
	font-size:100%;
	margin: auto;
	padding: auto;
}

/* 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;*/
}

#headwrapper {
	display: flex;
	justify-content: space-between;

}

header img {

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

#logo {

	font-size:2em;
	font-weight:50;
	/*float: left;*/
	color:white;
	/*width:40%;*/
	}

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

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

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

/*.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container-wrapper {
max-width: 100%;
width: 60%;
left: 0;
right:0;
margin:auto;
}*/

/*h1 {
	font-size:1.7em;
	
	font-family: 'Satisfy', cursive;
	font-weight:100;
	color:white;
	width:96%;
	max-width:980px;
	padding:0em;

}*/

h1{
	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;*/
	border-bottom-width:3px; 
    border-bottom-style:solid;
    border-bottom-color:#ffc50b;
	background-color: rgba(0, 0, 0.7, 0.4); 

	font-size:1.5em;
	/*line-height:1.5em;*/
	font-family: 'Satisfy', cursive;
	/*font-weight:100;*/
	/*color:#DEB887;*/
	color:#ffc50b;
	padding: 0em;
	margin: 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;*/
	border-bottom-width:3px; 
    border-bottom-style:solid;
    border-bottom-color:#ffc50b;
	background-color: rgba(0, 0, 0.7, 0.4); 

	font-size:1.5em;
	/*line-height:1.5em;*/
	font-family: 'Satisfy', cursive;
	/*font-weight:100;*/
	/*color:#DEB887;*/
	color:#ffc50b;
	margin:0 0 0.7em 0;
	padding:0em 0em 0em 1em;
	text-align:left;
}
h3 {
	
	border-bottom-width:3px; 
    border-bottom-style:solid;
    border-bottom-color:#ffc50b;
	/*background-color: #3a6084;*/
	background-color: rgba(0, 0, 0.7, 0.4); 
	font-size:1.4em;
	/*line-height:1.0em;*/
	font-family: 'Satisfy', cursive;
	color:white;
	/*color:#DEB887;*/
	margin-top:1em;

	padding:0em 0em 0em 1em;

	text-align:left;
}

p {
	line-height:1.3em;
	font-size:1.3em;
	font-family: 'Roboto', sans-serif;
	/*font-family: 'Permanent Marker';*/
	
	font-weight:1;
	color:#FAAC58;
	margin:0em;
	padding-left:1em;
	padding-right:1em;
	text-align: justify;
	border-bottom: none;

}

aside {
	/*float: left;*/
}
/*aside p {
	border-bottom: 0.2em dotted #FAAC58;

}*/


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: 'Satisfy', cursive;
	font-weight:50;
	color:#FAAC58;
	line-height:1.8em;
	margin:0em;
	padding-top:0.1em;
	margin:1em 0em 1em 0em;
}

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

aside img {
	width:100%;
	height:auto;
	max-width:100%;
	padding-top: 0em;
	margin-top: 0.2em;
}
a {
	text-decoration: none;
	color:#f8d87b;
}

/* Bar */
#menuleiste {
	display:none;
	/*background:#FFFFFF;*/
} 
#menuleiste ul {
	display:block;
	width:3em;
	padding:0.9em;
}
#menuleiste ul li {
	display:inline;
}
#menuleiste ul li a.menubutton {
	display:none;
}




/* Navigation */ 
nav {
	font-family: 'Satisfy', cursive;
	text-shadow: 0 0 10px black;
	display:block;
	float: none;
	height:1.3em;
	font-size: 1.5em;
	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: 'Satisfy', cursive;
	color:white;
	/*text-align:center;*/
	/*color: #38090a;*/
	font-size: 1.2em;
	line-height:0.03em;
	text-shadow: 0 0 2px white;
	font-weight: 200;
	/*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 #DEB887;*/
	color:orange;
	text-shadow: 0 0 10px yellow;
}
nav ul li a.active {
	border-bottom: 0.1em solid #FF3333;
}

aside section ul li {
	font-size:1.0em;
	line-height:1.2em;
	/*font-family: 'Lobster', cursive;*/
	font-family: 'Roboto';
	font-weight:150;
	padding-bottom: 1em;
	border-bottom: 0.2em dotted #FAAC58; 
	color:#FAAC58;

}

aside section ul li a{
	 
	color:#E1F5A9

}

aside section p {
	font-size:1em;
	line-height:1.3em;
	font-weight:100;
	/*font-family: 'Lobster', cursive;*/
	font-family: 'Roboto';
	padding-bottom: 0em;
	padding-top: 0em;

}

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

#main article {
	color:#FFC50B;	
	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: 1em;
	border-top-right-radius: 1em;
	text-align:center;
	border-bottom: 3px solid #ffc50b;
}

#main article img {
	max-width:600px;
	box-shadow:0px 0px 10px 10px #4c4948;
	border-radius: 15px;
	padding: auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	/*visibility: hidden;*/
}

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

#main aside section {
	color:#DEB887;
	background: rgba(0, 0, 10, 0.9);
	margin-bottom:1em;
	/*margin-bottom:1.563em;*/
	/*background:#FFFFFF;*/
	border-bottom: 3px solid #ffc50b;

	/*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: rgba(0, 0, 0, 0.7);
	/*background: #fffff6;*/
	color:#ffc50b;	
	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.5em;
	line-height:5em;
	/*color:#8B4513;*/
	color: black;
	padding:0em 0.625em 0em 0.625em;
}
footer ul li a {
	/*color:#8B4513;*/
	color:#ffc50b;	
}

.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: 180%; 
		font-size:90%;
	}
}
@media screen and (max-width:800px) {
	body {
		background-size: 100%; 
		font-size:80%;
		background-image:url("images/leather22.jpg");
	}
}
@media screen and (max-width:600px) {
	#main aside, #main article {
		background-size: 100%;
		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-image:url("images/leather22.jpg");
		/*background-image:url("images/jakewalk_background_OPT.jpg");*/
		background-size: 180%; 
	
		background-attachment: fixed;
		background-repeat: no-repeat;
		/*background-size: 150%;  */
		font-size:80%;
	}
	#menuleiste ul li a.menubutton {
		display:block;
		margin: auto;
	}	
	#menuleiste {
		display:block;
		margin: auto;
		/*background:#FFFFFF;*/
	}	
	
	nav {
		display:none;
		height:auto;
	}
	nav ul li {
		display:block;
		margin:0.3em 0em 0.3em 0em;
	}
}