@charset "utf-8";
//@import  "../bootstrap-3.3.7/dist/css/bootstrap.css";


@import "../bootstrap-3.3.7/less/variables.less";
/*
@import (once) "../bootstrap-3.3.7/less/variables.less";
@screen-xs:                  480px; !*480;*!
@screen-xs-min:              @screen-xs;
@screen-phone:               @screen-xs-min;

@screen-sm:                  706px;
@screen-sm-min:              @screen-sm;
@screen-tablet:              @screen-sm-min;

@screen-md:                  817px; !*817;*!
@screen-md-min:              @screen-md;
@screen-desktop:             @screen-md-min;

@screen-lg:                  1200px; !*1200;*!
@screen-lg-min:              @screen-lg;
@screen-lg-desktop:          @screen-lg-min;

@screen-xs-max:              (@screen-sm-min - 1);
@screen-sm-max:              (@screen-md-min - 1);
@screen-md-max:              (@screen-lg-min - 1);
*/
@import (reference) "../bootstrap-3.3.7/less/mixins.less";
// Reset and dependencies
@import (reference) "../bootstrap-3.3.7/less/normalize.less";
@import (reference) "../bootstrap-3.3.7/less/print.less";
@import (reference) "../bootstrap-3.3.7/less/glyphicons.less";
// Core CSS
@import (reference) "../bootstrap-3.3.7/less/scaffolding.less";
@import (reference) "../bootstrap-3.3.7/less/type.less";
@import (reference) "../bootstrap-3.3.7/less/code.less";
@import (reference) "../bootstrap-3.3.7/less/grid.less";
@import (reference) "../bootstrap-3.3.7/less/tables.less";
@import (reference) "../bootstrap-3.3.7/less/forms.less";
@import (reference) "../bootstrap-3.3.7/less/buttons.less";
// Components
@import (reference) "../bootstrap-3.3.7/less/component-animations.less";
@import (reference) "../bootstrap-3.3.7/less/dropdowns.less";
@import (reference) "../bootstrap-3.3.7/less/button-groups.less";
@import (reference) "../bootstrap-3.3.7/less/input-groups.less";
@import (reference) "../bootstrap-3.3.7/less/navs.less";
@import (reference) "../bootstrap-3.3.7/less/navbar.less";
@import (reference) "../bootstrap-3.3.7/less/breadcrumbs.less";
@import (reference) "../bootstrap-3.3.7/less/pagination.less";
@import (reference) "../bootstrap-3.3.7/less/pager.less";
@import (reference) "../bootstrap-3.3.7/less/labels.less";
@import (reference) "../bootstrap-3.3.7/less/badges.less";
@import (reference) "../bootstrap-3.3.7/less/jumbotron.less";
@import (reference) "../bootstrap-3.3.7/less/thumbnails.less";
@import (reference) "../bootstrap-3.3.7/less/alerts.less";
@import (reference) "../bootstrap-3.3.7/less/progress-bars.less";
@import (reference) "../bootstrap-3.3.7/less/media.less";
@import (reference) "../bootstrap-3.3.7/less/list-group.less";
@import (reference) "../bootstrap-3.3.7/less/panels.less";
@import (reference) "../bootstrap-3.3.7/less/responsive-embed.less";
@import (reference) "../bootstrap-3.3.7/less/wells.less";
@import (reference) "../bootstrap-3.3.7/less/close.less";
// Components w/ JavaScript
@import (reference) "../bootstrap-3.3.7/less/modals.less";
@import (reference) "../bootstrap-3.3.7/less/tooltip.less";
@import (reference) "../bootstrap-3.3.7/less/popovers.less";
@import (reference) "../bootstrap-3.3.7/less/carousel.less";
// Utility classes
@import (reference) "../bootstrap-3.3.7/less/utilities.less";
@import (reference) "../bootstrap-3.3.7/less/responsive-utilities.less";
@import (reference) "../bootstrap-3.3.7/less/mixins/vendor-prefixes.less";

//Color
@keel-green: #45b03c;
.keel-green{
	color: @keel-green !important;
}

.t{
	//.make-sm-column(5);
}

/*Navigation*/
#nav-top{
	background-color: transparent;
	border-bottom: none;
	margin-bottom: 0px;

	&>.container{
		background-color: white;
		border-bottom: 1px solid #eeeeee;
	}

	.navbar-brand{
		color: @keel-green;
		font-size: 140%;
	}
	//background-color: #e2e2e2;
}

.my-nav-space{
	//margin-top: -50px;
	//padding-top: 50px;
}
#navbar li.active>a{
	background-color: rgba(0, 178, 31, 0.32);

}

//Teaseer "Wir bieten an"
#list-checked li {
	background: url(../images/list-icon-good.png) left center no-repeat;
	font-size: 18px;
	font-weight: bold;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	width: 100%;
	margin-bottom: 15px;
	padding-left: 50px;
}
.no_background li{
	background: none !important;
	padding-left: 0px !important;
	line-height: 150%;
	&:before{
		content: "\e089";
		font-family: 'Glyphicons Halflings';
		color:@keel-green;
		padding-right: 20px;
		display: block;
		float: left;
		font-size: 150%;
		font-weight:100 !important;

	}
	.li_checked{
		color:@keel-green;
		padding-right: 20px;
		display: block;
		float: left;
		font-size: 200%;
		font-weight: 50;

	}
}
body {
	font-size: 16px;
	background-image: url(../images/s2_low.jpg);
	padding-bottom: 20px;
	font-family: open-sans, arial, helvetica, sans-serif;
	//padding-top: 50px;
}
.bg-white {
	background-color: #FFFFFF;
}


/*Kontakt*/
#Kontakt{
	padding-bottom: 300px;
}

/*Page Header*/
.container.bg-white>h1{
	padding-bottom: 9px;
	margin: 30px 0 20px;
	border-bottom: 1px solid #eee;

}
/*Karusell*/
.shadow{
	text-shadow: 0px 0px 19px rgba(150, 150, 150, 1);	/*color: #6f6f6f;*/
}

.carousel {
	@media (max-width: @screen-xs-max) {
		margin-left: -15px;
		margin-right: -15px;
	}
}
//Magnific Popup
.magnificpopup{

}
//Holzhacken
#moreVideo{
	.caption{
		font-size: small;
	}
}
#moreVideoBut{
	margin-top: 1em;
	//border: 1px solid gainsboro;
	//border-radius: 4px;
}

//Blogger
.separator{
	//float: left !important;
	//.thumbnail;
	.make-sm-column(4,5px);
	img{
		.img-responsive;
		.center-block;
	}
;
}