@font-face {
    font-family: 'Louda-Regular';
         src: url('../fonts/Louda-RegularSC.ttf') format('truetype')
}
/*********************************************
**				Meta 
*********************************************/

* {margin: 0; padding: 0; font-family:"Source Sans Pro";}

a {text-decoration: none;}

p {text-align:left!important; color:#393939!important;}

body {
	color: #393939;
	font-family: 'open-sans-bold'; 
	font-weight:200;
	font-size: 18px;
	text-align: center;
}

.plakate .col-md-4 {
	padding:0 0 0 5px ; margin:0 0 0 5px;
}

.plakate .right {
	padding:0; margin:0 0 15px 0;
}

ul.opening-hours {
	list-style: none;
	color: #393939;
	text-align: left;
}


/*********************************************
**				Links and Texts
*********************************************/
p {
	line-height:35px;
}
h1 {
	font-weight:500;
	font-size:65px
}

h2{
	font-weight:300;
	font-size:40px;
	padding-bottom:40px;
}

h3 {
	font-weight:300;
	font-size:50px
}

h4 {
	font-weight:300;
	font-size:28px;
	text-align:left;
	padding-bottom:15px;
}

.calltoaction01  h1{
	padding-right:0px;
	text-align: center;
}

.calltoaction02 h1{
	padding-left:0px;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {color:#99c20e}


/*********************************************
**				Header
*********************************************/

#logonresp {
	position: absolute;
	z-index:20;
	margin-top:50px;
	height:200px;
	background:none;
	width:100%; 
}

#logoresp {
	position: absolute;
	z-index:20;
	width:100%; 
	margin-top:20px;
}

#background_cycler{padding:0;margin:0;width:100%;position:absolute;top:0;left:0;z-index:-1}
#background_cycler img{position:absolute;left:0;top:0;width:100%;z-index:1}
#background_cycler img.active{z-index:3}
/*********************************************
**				Footer
*********************************************/

#footer {
	background:rgba(0,0,0,0.7);
	color:#fff!important;
	margin:0!important;
	padding:10px 0 20px 0!important;
	margin-bottom:-100px!important;
}

#footer p {text-align: center!important;color:#fff!important; padding:0 0 25px 0!important;margin:0!important;}

#footer p a {
	text-decoration:none;
	color:#fff!important;
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;
  	padding:0!important;
}

#footer p a:hover {
	color:#bbb!important;
}

/*********************************************
**				Misc
*********************************************/

#toptrenner {
	height:1px; width:100%; float:left; background:#99c20e; margin:5px 0 0 0;
}

.trenner {
	height:8px; width:100%; float:left; background:#99c20e; margin:70px 0 70px 0;
}

.trennercontainer {
	padding:70px 0 90px 0;
}

.seperation {
	border-bottom:1px dashed rgba(0,0,0,0.5);
	margin:90px 0 80px 0;
}

span.glyphicon-tree-deciduous, 
span.glyphicon-leaf {font-size:100px;color:#96c11f;}
span.glyphicon-tint {font-size:100px;color:#6ad3e6;} 



section {margin-bottom:100px; color:rgba(6%,40%,12%,0.6);}

/*********************************************
**				Button
*********************************************/
.linkbutton {
	margin-top:50px;
}

.linkbutton a {
	color:#fff; 
	text-decoration:none; 
	background:rgba(141, 198, 63, 1);
	padding:30px 20px 30px 20px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;
	 }
.linkbutton a:hover {
	background:rgba(141, 198, 63, 0.3);
	color:rgba(6%,40%,12%,0.7); 
	
}

/*********************************************
**				Navigation
*********************************************/


.fixed {
	position: fixed; 
	top: 0; 
	height: 70px; 
	z-index: 1;
}

nav {
	position: absolute;
	width: 100%;
	height: 70px;
	background: rgba(255,255,255,0.7);
	margin-top:-70px;
}

nav ul {
	height:70px;
}

nav li {
	display: inline-block;
	padding: 24px 10px;
	height:22px;
}

nav li a {
	color: #000;
	height:70px;
	text-decoration:none;
	padding:25px 0;
	font-weight:300;
	font-size:16px;
}

nav li:hover {
	background:rgba(141, 198, 63, 0.6);
	color:white!important;
}

nav li a:hover {
	text-decoration:none;
	color:white;
}

/*********************************************
**				Content layout
*********************************************/



/*********************************************
**				Sections
*********************************************/

#header {border-top:30px solid #99c20e;}

/* Screens Settings 


#screen2 {
	background: #fff;
	height:1200px;
}

#screen3 {
	background: #e1793d;
	height:1200px;
}*/


/*********************************************
**				Responsitivity
*********************************************/

@media only screen and (max-width: 992px) {

	.adress, .adress p {text-align:center!important;}
	nav li {padding: 24px 4px;}
	nav li a {font-size: 14px;}
	#banner_nonmobile, #logonresp {display:none;}
	.col-md-6 img {padding: 0 0 40px 0;}
	.rightened {float:right;}
	.plakate {display:none;}
	.calltoaction01 h1{padding-right:0px;}
	.calltoaction02 h1{padding-left:0px;}
	.linkbutton {margin:50px 0;}
	ul.opening-hours {text-align: center;}
}

@media only screen and (min-width: 993px) { 

	#banner_mobile, #logoresp {display:none;}
	.col-md-6 img {padding: 0 30px 0 0;}
		.calltoaction01 h1{padding-right:00px;}
	.calltoaction02 h1{padding-left:00px;}
}