/*
	Altitude by TEMPLATED
    templated.co @templatedco
    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

@charset 'UTF-8';

/*@font-face{font-family:'FontAwesome';src:url('font/fontawesome-webfont.eot?v=4.0.1');src:url('font/fontawesome-webfont.eot?#iefix&v=4.0.1') format('embedded-opentype'),url('font/fontawesome-webfont.woff?v=4.0.1') format('woff'),url('font/fontawesome-webfont.ttf?v=4.0.1') format('truetype'),url('font/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}*/
@font-face { font-family: 'eurostyle'; src: url('eurostyle.ttf') format('truetype'); }
/*********************************************************************************/
/* Basic         'Open Sans Condensed'                                                                */
/*********************************************************************************/

	body
	{
		background: #364047 url(images/img01.jpg) repeat;
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 14pt;
		font-weight: 300;
		line-height: 1.2em;
		color: gray;/*alle kleine schriften*/
	}

	body,input,textarea,select
	{
	}

	h1,h2,h3,h4,h5,h6
	{
		font-weight: 300;
		color: #404040;/*Rechte seite Überschrift*/
		font-style: Bold;
		word-wrap: break-word;	
	}
	
		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
		{
			color: inherit;
			text-decoration: none;		
		}
		
	/* Change this to whatever font weight/color pairing is most suitable */
	strong, b
	{
		font-weight: bold;
		color: #000000;	
	}
	
	em, i
	{
		font-style: italic;
	}

	/* Don't forget to set this to something that matches the design */
	a
	{
		color: #1086d3;
	}
	
	a:hover
	{
		text-decoration: none;
	}

	sub
	{
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup
	{
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}
	
	hr
	{
		border: 0;
		border-top: solid 1px #ddd;
	}
	
	blockquote
	{
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}
	
	p, ul, ol, dl
	{
		margin-bottom: 1em;
	}

	header
	{
		margin-bottom: 2em;
	}
	
		header h2
		{
			padding: 30px 0px 20px 0px;
			line-height: 1em;
			letter-spacing: -2px;
			font-size: 38pt;
			color: #404040; /*Überschriften*/
		}

		header .byline
		{
			padding: 10px 0px 40px 0px;
			letter-spacing: -2px;
			font-family: 'Open Sans Condensed', sans-serif;
			font-size: 28pt;
			color: #7CFC00;/*Kleine Überschriften*/
		}

	footer
	{
		margin-top: 1em;
	}

	br.clear
	{
		clear: both;
	}

	/* Sections/Articles */
	
		section,
		article
		{
			margin-bottom: 2em;
			height: 100%;
			width: 100%;			
		}
		
		section > :last-child,
		article > :last-child
		{
			margin-bottom: 0;
		}

		section:last-child,
		article:last-child
		{
			margin-bottom: 0;
		}

		.row > section,
		.row > article
		{			
			margin-bottom: 0;
		}
		
		#sections
		{
			line-height: 1.5em;		
		}

	
	/* Images */

		.image
		{
			display: inline-block;
		}
		
			.image img
			{
				display: block;
				width: 100%;
			}

			.image.featured
			{
				display: block;
				width: 100%;
			}
			
			.image.full
			{
				display: block;
				width: 50%;/*Linke seite bild gösse*/
				margin-bottom: 1em;
			}
			
			.image.left
			{
				float: left;
				margin: 0 2em 2em 0;
			}
			
			.image.centered
			{
				display: block;
				margin: 0 0 2em 0;
			}

				.image.centered img
				{
					margin: 0 auto;
					width: auto;
				}

	/* Lists */

		ul.default
		{
			list-style: disc;
			padding-left: 1em;
		}
		
			ul.default li
			{
				padding-left: 0.5em;
			}		


/*********************************************************************************/
/* Icons                                                                         */
/* Powered by Font Awesome by Dave Gandy | http://fontawesome.io                 */
/* Licensed under the SIL OFL 1.1 (font), MIT (CSS)                              */
/*********************************************************************************/


/*********************************************************************************/
/* Wrapper                                                                        */
/*********************************************************************************/

	#wrapper
	{
		overflow: hidden;
		background: url(images/img02.jpg) repeat;
	}
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header-wrapper
	{
	  
	}

	#header
	{
		overflow: hidden;
		min-height: 25px;		
		background: url(images/img02.jpg) repeat-x left top;
	}

	#logo-wrapper {
		overflow: hidden;	
		margin-top: 100px;		
		min-height: 145px;
		background: url(images/img05.jpg) repeat-x left top;
	}

	#logo {
		background: url(images/img02.jpg) repeat;
	}
	
	#logo h1 {
		text-align: center;	
	}
	
	#logo h1 a {
		line-height: 145px;
		letter-spacing: -2px;
		text-decoration: none;
		font-size: 30pt;
		color: #c7c7c7;
	}
	
	#logo h1 span {
		letter-spacing: -2px;
		font-size: 30pt;
		color: #c7c7c7;		
	}


	#logo .tagline {
		
	}
	

	#nav ul
		{
		margin: 0px;
		text-align: center;	
		}
		
	#nav {
		text-align: center;
		overflow: hidden;
		position: fixed;
		z-index:9000;		
		height: 85px;	
		margin: 20px 20px 20px;
		width: 98%;	/*Nav Breite margin: 20px 0px 0px 65px;*/	
		backdrop-filter: blur(30px);
		box-shadow: 0px 0px 30px rgba(227,228,237,0.37);
		border:2px solid rgba(255,255,255,0.18);
		background: url(images/navbar.jpg) repeat-x;
	}		
	#nav li {
		height: 85px;
		display: inline-block;		
	}
	
	#nav a {
		padding: 0px 50px;
		line-height: 88px;
		text-decoration: none;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 300;
		font-size: 12pt;
		color: #FFFFFF;	
		display:inline;
		float:left;
	}
	#nav a:hover {
	  text-decoration:none;
	  color:#FFFFFF;	
	  background: #458B00;  

	  box-shadow:0 0 12px #458B00,
				 0 0 24px #458B00,
				 0 0 48px #458B00,
				 0 0 96px #458B00;		

	}	

	#nav .active {		
		background: url(images/active.png) no-repeat center top;		
	}
/*	#navlink{
	 height:100%;
	 width:100%;
	 display: flex;
	 align-items:center;
	 justify-Content: space-around;
	 margin: auto;
	}
	#navlink a::after {
		Content:'';
		height:14px;
		width:0%;
		background: #458B00;
		position: absolute;
		left: 0;
		bottom: -8px;		
		transition: all 0.2s;
		pointer-events: none;			
	}
	#navlink a:hover::after {
		width:100%;
	}	*/

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main-wrapper
	{
		
	}
	
	#main
	{
		
	}
	
	#main-wrapper .divider
	{
		margin: 0px 0px 0px 0px;
		border :none; 
		border-top: 1.5px solid #303030; 
		background-color:#FFFFFF; 
		height: 1px; 
		margin: 0px 300px 0px 300px;	
	}
	
	#content
	{
		border-right: 1px solid rgba(0,0,0,1);
		padding-right: 3em;
	}
	
	.left-sidebar #content
	{
		border-left: 1px solid #303030;
		padding-right: 0em !important;
		border-right: none !important;
		padding-top: 50px;
	}
	
	.left-sidebar #sidebar
	{
		padding-right: 3em;		
	}
	
	#sidebar
	{
		margin-top: 3em;				
	}
	
	#sidebar h2
	{
		margin-bottom: 0.8em;
		font-size: 1em;
		color: #c7c7c7;
	}
	
	.separator
	{
		padding-bottom: 2em;
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	
	#detailimg
	{
	  margin: 0px;
	  padding: 0px;
	  box-sizing: border-box;	  
	}
	#detailimg a
	{
		color: #FFF ;	
		display: inline-block;		
		background: #111;
		line-height: 0px;
		letter-spacing: -1px;				
	}
	
	#detailimg a:hover {
	  text-decoration:none;
	  color:#7CFC00;	
	  text-shadow:0 0 2px #7CFC00;
	  box-shadow:0 0 3px #7CFC00,
				 0 0 6px #7CFC00,
				 0 0 12px #7CFC00,
				 0 0 24px #7CFC00,
				 0 0 48px #7CFC00;		
	}
	
	.button {
	margin: 20px 10px 10px 0px; /*Rahmen*/
	padding: 10px 10px 10px 10px;
	text-decoration:none;
	text-align: center;
	background: #272727;
	color:white;
	border-radius: 6px;
	box-shadow: 0px 0px 10px 2px black;

	}
	.button:hover  {
	  text-decoration:none;
	  color:#7CFC00;
	  text-shadow:0 0 2px #7CFC00;
	  box-shadow:0 0 3px #7CFC00,
				 0 0 6px #7CFC00,
				 0 0 12px #7CFC00,
				 0 0 24px #7CFC00,
				 0 0 48px #7CFC00; 			
	}
	
	#detail
	{
	font-size:12px;
	color:#ffffff;	
	margin: -30px 0px 0px 210px;
	padding: 0px 20px 60px 10px;
	}
	#detail a
	{
		text-decoration: none;
		color: #FFF ;	
		display: inline-block;
		outline: 0;
		height: 40px;
		white-space: nowrap;
		margin: 3px 0px;		
		padding: 0px 20px 0px 20px;
		background: #111;
		border-radius: 6px;
		line-height: 40px;
		letter-spacing: -1px;	
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 12pt;				
	}
	
	#detail a:hover {
	  text-decoration:none;
	  color:#7CFC00;	
	  text-shadow:0 0 2px #7CFC00;
	  box-shadow:0 0 3px #7CFC00,
				 0 0 6px #7CFC00,
				 0 0 12px #7CFC00,
				 0 0 24px #7CFC00,
				 0 0 48px #7CFC00;			
	}	
	#topBtn {
	  display: none;
	  position: fixed;
	  bottom: 20px;
	  right: 30px;
	  z-index: 999;
	  font-size: 18px;
	  border: none;
	  outline: none;
	  background-color: #777777;
	  color: #eeeeee;
	  cursor: pointer;
	  padding: 15px;
	  padding-top: 8px;
	  border-radius: 4px;
	  width: 50px;
	  height: 48px; 
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	line-height: 48px;
	}

	#topBtn:hover {
	  background-color: #888888;
	}
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
	
	#footer
	{
		position: relative;
	}
	
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/
	
	#copyright
	{
		overflow: hidden;
		padding: 4em 0em 6em 0em;
		box-shadow: inset 0px 20px 80px 0px rgba(0,0,0,0.3);
		text-align: center;
	}
	
	#copyright p {
		text-align: center;
		text-shadow: 1px 1px 0 rgba(0,0,0,.5);
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 16pt;
		font-weight: 300;
		color: #FFF;
	}
	
	#copyright a
	{
		text-decoration: none;
		color: #FFF !important;
	}			
	
/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/
	
	#featured
	{
		overflow: hidden;
		padding: 0px 0px;
		background: url(images/img01.jpg) repeat;
		box-shadow: inset 0px 20px 80px 0px rgba(0,0,0,0.3);
		color: #adb7bd;
	}
	
	#featured h2
	{
		margin-bottom: 1em;
		font-weight: 300;
		font-size: 1.4em;
		color: #FFF;
	}
	
	#shadow
	{
		margin: 10px 100px;
		padding: 0px 0px 0px 0px;
		box-shadow: 0px 0px 40px 25px black;
	}		
		

	.image-btnstyle {
	margin: 10px 10px; /*Rahmen*/
	padding: 10px 10px 10px 10px;
	background: #272727;
	filter: sepia(0%x);
	box-shadow: 0px 0px 10px 2px black;
	transition: scale 750ms ease-out, filter 250ms ease-in-out;

	}
	.image-btnstyle:hover  {
	  text-decoration:none;
	  filter:  sepia(90%);
	  scale: 1.10;
/*	  color:#7CFC00;	  
	  text-shadow:0 0 2px #7CFC00;
	  box-shadow:0 0 3px #7CFC00,
				 0 0 6px #7CFC00,
				 0 0 12px #7CFC00,
				 0 0 24px #7CFC00,
				 0 0 48px #7CFC00; */			
	}
	
.image-style {
	margin: 10px 10px; /*Rahmen*/
	padding: 10px 10px 10px 10px;
	background: #272727;
	box-shadow: 0px 0px 10px 2px black;
	}
	
.image-full {
	width: 200px;
	height: 150px;
	margin: 10px 0px; /*Rahmen*/
	padding: 10px 10px 10px 10px;
	background: #272727;
	box-shadow: 0px 0px 10px 2px black;
	}	
			
	
form {
    margin-left:left;
    width: 343px;
    height: auto;
    padding:30px;
    border: 1px solid rgba(0,0,0,.2);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: rgba(0, 0, 0, 0); 
    -moz-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
    box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
    overflow: hidden; 
}

textarea{
	 background: rgba(255, 255, 255, 0.1) url(images/message.png) no-repeat scroll 16px 16px; 
    width: 276px;
    height: 110px;
    border: 2px solid #404040;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; 
    display:block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:18px;
    color:#fff;
    padding-left:45px;
    padding-right:20px;
    padding-top:12px;
    margin-bottom:20px;
    overflow:hidden;
}

input {
    width: 276px;
    height: 48px;
    border: 2px solid #404040;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; 
    display:block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:18px;
    color:#fff;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:20px;
}

input[type=submit] {
    cursor:pointer;
}

input.name {
	  background: rgba(255, 255, 255, 0.1) url(images/name.png) no-repeat scroll 16px 16px; 
	  padding-left:45px;
}

input.email {
	  background: rgba(255, 255, 255, 0.1) url(images/email.png) no-repeat scroll 16px 20px;
	  padding-left:45px;
}

input.message {
	  background: rgba(255, 255, 255, 0.1) url(images/message.png) no-repeat scroll 16px 16px;
	  padding-left:45px;
}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 10px;
  border: 1px solid #888;
  width: 60%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

::-webkit-input-placeholder {
	  color: #fff;
}

:-moz-placeholder{ 
    color: #fff; 
}

::-moz-placeholder {
    color: #fff;
}

:-ms-input-placeholder {  
	  color: #fff; 
}

input:focus, textarea:focus { 
	  background-color: rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px 1px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 5px 1px rgba(255,255,255,.5);
    box-shadow: 0 0 5px 1px rgba(255,255,255,.5);
	  overflow: hidden; 
}