/*
Primary color: #87be3e
Default color: #182039;
Text color: #4f4e4e;
*/

@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:300,400,700&display=swap');

html {
	overflow-y:scroll;	
}

body {
	font-family:'Libre Franklin', sans-serif;
	font-weight:300;
	font-size:16px;
	padding-top:180px;
	color:#4f4e4e;
}

#logo {
	margin-top:40px;
    display:block;
    float:left;
    width:331px;
    height:100px;
    background:url(logo.png);
}

.container {
	min-width:320px;	
	position:relative;
}

a {
	color:#87be3e;
	white-space:initial;
}

.btn:focus,
.btn:active,
a:focus,
a.active {
	outline:none !important;
	white-space:initial;
}

#meta {
	position:absolute;
	right:15px;
	bottom:0px;	
	line-height:30px;
}

#meta #phone {
	float:left;
	background:url(meta-phone.png) left top no-repeat;
	padding:0px 30px 0px 35px;	
}

#meta #times {
	float:left;
	background:url(meta-times.png) left top no-repeat;
	padding:0px 0px 0px 35px;
}

/* Navigation ------------------------------- */

.navbar-default {
	background:#ffffff;	
	border:0px;
	margin:0px;
	height:175px;
	border-bottom:1px solid #182039;
}

.navbar-default #navbar {
	padding-bottom:20px;	
}

.navbar-default .navbar-nav {
	float:right;
	background:#182039;
	padding:0px;
}
	
.navbar-default .navbar-nav > li > a {
	-webkit-transition:all 0.5s linear;
    -ms-transition:all 0.5s linear;
    transition:all 0.5s linear;
    color:#ffffff;
    font-size:16px;
    padding:40px 20px 10px 20px;
}

.navbar-nav > li > .dropdown-menu {
	display:block;
	visibility:hidden;
	opacity:0;
	-webkit-transition:opacity 0.5s linear;
    -ms-transition:opacity 0.5s linear;
	transition:opacity 0.5s linear;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	padding:0px;
	border:0px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}


.navbar-nav > li:hover > .dropdown-menu {
	visibility:visible;
	opacity:1;
}

.dropdown-menu > li > a {
	padding:15px 20px;	
	-webkit-transition:all 0.5s linear;
    -ms-transition:all 0.5s linear;
    transition:all 0.5s linear;		
    font-size:20px;
    padding:5px 20px;
    background:#deeac8;
    border-bottom:2px solid #182039;
}

.dropdown-menu > li:last-child > a {
	border:none;	
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
	background:#87be3e;
	color:#ffffff;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
	background:#87be3e;
	color:#ffffff;
}

.dropdown-menu .dropdown-menu {
	background:none;
    border:0px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
    display:block;
    margin:0px;
    padding:0px;
    position:static;
    width:100%;
}

.dropdown-menu .dropdown-menu a {
	padding-left:35px;
	font-style:italic;	
}

/* Slideshow -------------------------------- */

.slideshow {
	position:relative;	
}

.slideshow .cycle-slide {
	width:100%;	
	min-width:320px;
	overflow:hidden;
}

.slideshow img {
	width:100%;		
}

#cycle-pager {
	position:absolute;
	z-index:999;
	bottom:0px;
	left:0px;
	right:0px;
	font-size:60px;
	line-height:50px;
	text-align:center;	
	opacity:0.5;
	color:#ffffff;
}

#cycle-pager span {
	cursor:pointer;	
}

.cycle-pager-active {
	color:#87be3e;
}

#cycle-prev,
#cycle-next {
	cursor:pointer;
	position:absolute;
	z-index:999;
	top:50%;
	margin-top:-25px;
	width:50px;
	height:50px;
	text-align:center;
	font-size:70px;
	color:#ffffff;
	opacity:0.5;
	left:0px;
}

#cycle-next {
	left:auto;
	right:0px;
}

/* Teaser ------------------------------------ */

.wrapper.teaser {
	padding:50px 0px;
}

.teaser {
	text-align:center;	
}

.teaser .layout1 .inner .hover {
	padding:15px;	
}

.teaser .layout1 .inner:hover {
	-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.3);
	box-shadow:0px 0px 15px 0px rgba(0,0,0,0.3);
}

.teaser .layout2 .inner {
	border:1px solid #87be3e;
	padding:15px;
	font-size:14px;
	margin-bottom:30px;
	position:relative;
}

.teaser .layout2 .inner a.btn {
	position:absolute;
	bottom:0px;
	left:15px;
	right:15px;
	width:auto;
	font-size:25px;
}	 

#article-3 .teaser .layout2 .inner {
	min-height:815px;
}

#article-4 .teaser .layout2 .inner {
	min-height:900px;
}

.teaser .layout2 .inner ul {
	list-style:none;
	padding:0px;
}

.teaser .layout2 .inner .glyphicon {
	color:#87be3e;
}

.teaser a.btn {
	width:100%;
	text-decoration:none;
	transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;	
	padding:15px;
	font-size:30px;
	white-space:initial;	
	margin-bottom:15px;
}

.teaser a.btn:hover {
	color:#000000;	
}

.teaser .image {
	overflow:hidden;	
}

.teaser img {
	transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	margin:0px auto;
	display:block;
}

.teaser .inner:hover img {
	transform:scale(1.2);
}

.teaser .headline {
	font-weight:bold;	
}

.teaser .layout2 .headline {
	font-weight:normal;
	font-size:36px;
	color:#87be3e;	
}

.teaser .clear-lg {
	clear:both;
}

/* Gallery ----------------------------------- */

.wrapper.gallery {
	padding-top:20px;	
}

.wrapper.gallery a {
	display:block;	
}

.wrapper.gallery img {
	display:block;
	margin:0px auto 20px auto;
}

.wrapper.gallery img {
	margin-bottom:20px;
	opacity:1;
	transition:opacity .5s ease-in-out;
	-moz-transition:opacity .5s ease-in-out;
	-webkit-transition:opacity .5s ease-in-out;		
}

.wrapper.gallery img:hover {
	opacity:0.5;	
}

/* Map --------------------------------------- */

#map_canvas {
	height:550px;	
}

/* Text -------------------------------------- */

.wrapper.text {
	padding:50px 0px;
}

.wrapper.text.layout2 {
	text-align:center;
}

.wysiwyg img {
	max-width:100%;	
}

.wysiwyg a {
	color:#87be3e;	
}

.wysiwyg a:hover {
	color:#666666;	
}

h1, h2,	h3,	h4, h5 {
	margin-top:0px;	
}

h1 {
	color:#87be3e;	
}

h1 span {
	color:#4f4e4e;
}

/* Text image -------------------------------- */

.wrapper.text-image {
	padding:50px 0px;
	overflow:hidden;
}

/* Accordeon --------------------------------- */

.wrapper.accordeon {
	padding:30px 0px;
	cursor:pointer;
}

.wrapper.accordeon .more {
	padding-top:12px;
	display:none;
}

.wrapper.accordeon img {
	margin-bottom:15px;
}

/* Yform ------------------------------------- */

#yform-position {
	position:relative;
	top:-150px;
}

.wrapper.yform {
    padding:50px 0px;
}

#rex-yform label {
	display:none;	
}

#rex-yform .checkbox label {
	display:block;
	float:none;
	width:100%;
	font-weight:normal;
}

#rex-yform .form-control {
	padding:0px 10px;	
}

#rex-yform select,
#rex-yform input,
#rex-yform textarea,
#rex-yform button {
	font-family:'Libre Franklin', sans-serif;
	font-size:18px;
	font-weight:300;
}

#rex-yform input[type=file] {
	border:none;
	padding:0px;
}

#rex-yform textarea {
    height:150px;
}

#yform-formular-email,
#yform-formular-subject {
	display:none;	
}

.btn.btn-primary {
	border-color:#87be3e;
	background:#87be3e;
	color:#ffffff;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
	background:#ffffff;
	color:#87be3e;
}

.btn.btn-default {
	border-color:#182039;
	background:#182039;
	color:#4f4e4e
}

.btn.btn-default:hover,
.btn.btn-default:focus {
	background:#ffffff;
	color:#4f4e4e
}

/* Parallax ---------------------------------- */

.wrapper.parallax .row {
	margin:0px;
}

.wrapper.parallax .background {
	height:500px;
	background-size:100% auto;	
}

/* Youtube ----------------------------------- */

.wrapper.youtube {
	padding:50px 0px;
}

.wrapper.youtube iframe {
	width:620px;
	height:348px;
}

/* Footer ------------------------------------ */

.wrapper.footer {
	background:#182039;
	color:#ffffff;
}

.wrapper.footer .container {
	background:#87be3e;
	position:relative;
	padding:50px 50px 30px 50px;
}

.wrapper.footer img {
	display:block;
	margin-bottom:30px;	
}

#footer .col-sm-4 {
	padding-bottom:20px;	
}

#footer ul {
	padding:0px;	
	margin:0px;
}

#footer li {
	list-style:none;	
}

#footer a {
	color:#ffffff;	
}

#footer .footer-2 {
	color:#182039;
	font-size:20px;
	line-height:30px;
	padding-top:65px;
}

#footer .footer-2 li {
	background:url(footer-li.png)left top no-repeat;
	padding:10px 0px 5px 40px;
}

#footer .footer-3 {
	color:#182039;
	padding-top:140px;
}

#footer .footer-3 img {
	margin-top:10px;
}

#footer .footer-4 li {
	float:right;
	padding-left:20px;
}

#footer #to_top {
	display:none
}

@media screen and (max-width:1999px) {

	#logo {
		width:233px;
		height:75px;
		background-size:100% 100%;
	}
	
	.navbar-default .navbar-nav > li > a {
		padding:40px 12px 10px 12px;
	}
	
	.wrapper.parallax .background {
		background-size:auto 800px;
	}
	
}

@media screen and (max-width:991px) {

	body {
		padding-top:130px;
	}
	
	#meta {
		display:none;
	}
	
	.navbar-default {
		height:120px;
	}
	
	.navbar-default .navbar-nav > li > a {
		padding:15px;
	}
	
  	.navbar-header {
      	float: none;
  	}
  
  	.navbar-left,.navbar-right {
      	float: none !important;
  	}
  
  	.navbar-toggle {
      	display: block;
  	}
  
  	.navbar-collapse {
      	border-top: 1px solid transparent;
      	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  	}
  
  	.navbar-fixed-top {
     	top: 0;
      	border-width: 0 0 1px;
  	}
  
  	.navbar-collapse.collapse {
      	display: none!important;
  	}
  
  	.navbar-nav {
      	float: none!important;
      	margin-top: 7.5px;
  	}
  
  	.navbar-nav>li {
    	float: none;
  	}
  
  	.navbar-nav>li>a {
      	padding-top: 10px;
    	padding-bottom: 10px;
  	}
  	.collapse.in{
      	display:block !important;
	}
	
	.navbar-default .navbar-toggle {
		border-color:#87be3e;
	}
	
	.navbar-default .navbar-toggle .icon-bar {
		background:#87be3e;
	}
	
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		background:#87be3e;
	}
	
	.navbar-default .navbar-toggle:focus .icon-bar,
	.navbar-default .navbar-toggle:hover .icon-bar {
		background:#ffffff;
	}

	#navbar {
		max-height:none;
	}
	
	.navbar-fixed-bottom, .navbar-fixed-top {
		position:absolute;
	}
	
	.navbar-nav > li > .dropdown-menu {
		display:block;
		position:static;
		float:none;
		width:auto;
		margin-top:0px;
		background-color:transparent;
		border:0px;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	
	.wrapper.parallax .background {
	    height:300px;
		background-size:auto 650px;	    
	}
	
	.wrapper.gallery .col-sm-3 {
		display:block;
		max-width:400px;
		margin:0px auto;
	}
	
	.teaser .odd {
		clear:none;
	}
	
	.teaser a.btn {
		font-size:18px;
	}
	
	.teaser .layout2 .headline {
		font-size:20px;
	}
	
	.teaser .layout2 .inner a.btn {
		font-size:18px;
	}
	
	.wrapper.parallax .background {
	    height:300px;
		background-size:auto 650px;	    
	}
	
}

@media screen and (max-width:767px) {
		
	.col-xs-4 {
		width:100%;
		float:none;	
	}

	.slideshow img {
		width:200%;
		max-width:200%;
		margin-left:-50%;	
	}
	
	.wrapper.youtube iframe {
		width:445px;
		max-width:100%;
		height:250px;
	}
	
	#rex-yform .wysiwyg {
		padding-top:20px;
	}
	
}