@import url( 'fonts.css' );

a		{ color: #38af46; text-decoration: none !important; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:hover	{ color: #666666; }

.bg-img-cover	{ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.col-xs-height	{ vertical-align: top; height: 100%; }
.col-sm-height	{ vertical-align: top; height: 100%; }
.col-md-height	{ vertical-align: top; height: 100%; }
.col-lg-height	{ vertical-align: top; height: 100%; }

.hideit	{ display: none; }
.bg-light	{ background: #f4f4f4; }

/************************************
*** LOGO
************************************/

.col-logo		{ text-align: center; vertical-align: middle; }
.col-logo img	{ position: relative; border: 0; }

@media (max-width: 767px) {
	.col-logo	{ display: table-cell; float: none; height: 75px; line-height: 75px; }
}

@media (min-width: 768px) {
	.col-logo		{ height: 150px; line-height: 150px; }
	.col-logo img	{ margin-top: 10%; }
}

/************************************
*** NAVIGATION
************************************/

@media (max-width: 767px) {
	.col-navigation				{ display: table-cell; float: none; }
	.ul-navigation				{ display: none; }
}

@media (min-width: 768px) {
	.col-navigation				{ text-align: right; padding: 0 !important; }
	
	.ul-navigation				{ list-style-type: none; display: block; float: right; margin: 0; }
	.ul-navigation li			{ width: auto; height: 100%; float: left; }
	.ul-navigation li a			{ font: 800 15px/15px "Raleway", sans-serif; display: block; color: #000000; padding: 66px 20px 66px 20px; }
	.ul-navigation li a:hover	{ color: #38af46; }
	.ul-navigation li.current	{ color: #38af46; }
}

@media (min-width: 768px) {
	.col-mobile-menu img	{ display: none; }
	.container-mobile-menu	{ display: none; }
}

@media (max-width: 767px) {
	.col-mobile-menu			{ background: #38af46; color: #ffffff; line-height: 75px; vertical-align: middle; padding: 30px; }
	.col-mobile-menu img		{ max-width: 32px; height: auto; }
	.ul-navigation				{ display: none; }
	.container-mobile-menu		{ background: #38af46; }
	.container-mobile-menu a	{ color: #ffffff; }
}

/************************************
*** HEADLINES
************************************/

h1	{ font: 800 38px/38px "Raleway", sans-serif; margin: 0; padding: 0; text-transform: uppercase; }
h2	{ font: 900 30px/30px "Raleway", sans-serif; margin: 0; padding: 0; }
h3	{ font: 800 16px/16px "Raleway", sans-serif; margin: 0; padding: 0; }

/************************************
*** PADDINGS / MARGINS
************************************/

.p-top-50	{ padding-top: 50px !important; }
.p-bot-50	{ padding-bottom: 50px !important; }

.p-top-30	{ padding-top: 30px !important; }
.p-bot-30	{ padding-bottom: 30px !important; }

.p-top-15	{ padding-top: 15px !important; }
.p-bot-15	{ padding-bottom: 15px !important; }

.p-top-10	{ padding-top: 10px !important; }
.p-bot-10	{ padding-bottom: 10px !important; }

.m-full-30	{ margin: 30px !important; }
.m-top-30	{ margin-top: 30px !important; }
.m-bot-30	{ margin-bottom: 30px !important; }

/************************************
*** TEXT
************************************/

span			{ font: 400 14px/22px "Open Sans", sans-serif; margin: 0; padding: 0; }
.text-normal	{ font: 400 14px/22px "Open Sans", sans-serif; }

.text-white	{ color: #ffffff !important; }
.text-green	{ color: #38af46 !important; }
.text-black	{ color: #000000 !important; }
.text-grey	{ color: #666666 !important; }

/************************************
*** TEASER / BIG IMAGES
************************************/

.col-teaser		{ height: 600px; background-image: url('../images/teaser-1.jpg'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.col-big-img-1	{ height: 400px; background-image: url('../images/big-img-1.jpg'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

@media (max-width: 767px) {
	.col-teaser		{ height: 300px; }
	.col-big-img-1	{ height: 220px; }
}

/***************************************************************
*** SLIDER
***************************************************************/

#slider			{ width: 100% !important; height: 600px; margin: 0; padding: 0; background: #eaeaea; }
ul.bjqs			{ width: 100% !important; position: relative; list-style: none; padding: 0; margin: 0; overflow: hidden; display: none; }
ul.bjqs li		{ width: 100% !important; }
ul.bjqs li div	{ width: 100% !important; height: 600px; background-position: center; background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover;
				  -khtml-background-size: cover; background-size: cover; margin: 0; padding: 0; }
li.bjqs-slide	{ position: absolute; display: none; }
ul.bjqs-controls{ list-style: none; margin: 0; padding: 0; z-index: 9999; }
ul.bjqs-controls.v-centered li a			{ position: absolute; }
ul.bjqs-controls.v-centered li.bjqs-next a	{ right: 0; }
ul.bjqs-controls.v-centered li.bjqs-prev a	{ left: 0; }
ol.bjqs-markers	{ list-style: none; padding: 0; margin: 0; width: 100%; }
ol.bjqs-markers.h-centered					{ text-align: center; }
ol.bjqs-markers li							{ display: inline; }
ol.bjqs-markers li a						{ display: inline-block; }
p.bjqs-caption	{ display: block; width: 96%; margin: 0; padding: 2%; position: absolute; bottom: 0; }

/************************************
*** WELCOME
************************************/

.container-welcome	{ background: #38af46; background-size: cover; background-repeat: no-repeat; background-position: center; }

@media (max-width: 767px) {
	.container-welcome .container	{ padding: 0; }
}

/************************************
*** NEWS
************************************/

.container-news				{ background: #eaeaea; }

@media (max-width: 767px) {
	.container-news .container	{ padding: 0; }
}

/************************************
*** MAP
************************************/

.container-map	{ height: 300px; margin: 0; padding: 0; }

@media (max-width: 767px) {
	.container-map		{ height: 300px; }
}

.container-map iframe	{ height: 100%; width: 100%; border: 0; margin: 0; padding: 0; }

/************************************
*** FOOTER
************************************/

.container-footer			{ background: #38af46; }
.container-footer a			{ color: #ffffff; }
.container-footer a:hover	{ color: #eaeaea; }

/************************************
*** FORM
************************************/

.form-control		{ font: 400 14px/22px "Open Sans", sans-serif; }

/************************************
*** BUTTONS
************************************/

.btn				{ font-family: "Open Sans", sans-serif; border: 0; text-shadow: none !important; box-shadow: none !important; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;
					  -o-transition: 0.3s; transition: 0.3s; }
.btn-primary		{ background: #38af46; color: #ffffff; }
.btn-primary:hover	{ background: #333333; color: #ffffff; text-shadow: none !important; }

/************************************
*** FORMS / ALERTS
************************************/

.alert-container 	{ max-width: 550px; margin-top: 200px; }
.alert-container div{ font: 400 16px/28px "Open Sans", sans-serif; text-align: left; text-shadow: none; }
.alert-container div strong	{ font: 700 18px/30px "Open Sans", sans-serif; }
.alert				{ padding: 35px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 0; }
.alert > p,
.alert > ul			{ margin-bottom: 0; }
.alert > p + p		{ margin-top: 5px; }
.alert-dismissible			{ padding-right: 35px; }
.alert-dismissible .close 	{ position: relative; top: -12px; right: -31px; color: inherit; }

.alert-success 		{ background: #ffffff !important; border-color: #ffffff; color: #333333; }
.alert-success strong	{ color: #9dc112; }
.alert-danger		{ background: #ffffff !important; border-color: #ffffff; color: #333333; }
.alert-danger strong	{ color: #a94442; }

.close				{ float: right; font-size: 30px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0; opacity: 0.2; filter: alpha(opacity=20); }

.modal-backdrop.in	{ filter: alpha(opacity=80); opacity: .8; }

/************************************
*** REFERENZEN
************************************/

.col-galerie        		{overflow:hidden;}
.col-galerie .ratio			{display:block;width:100%;height:auto;}
.col-galerie .img-galerie	{position:absolute;top:0;left:0;width:100%; height:100%;border:5px solid #ffffff;}