@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
  url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
  url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

html, body { font-size: 0.93em; }
 body {
	background: rgb(159,229,139); /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjOWZlNThiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmFmYWZhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhkZTI3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  rgba(159,229,139,1) 0%, rgba(250,250,250,1) 50%, rgba(141,226,115,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(159,229,139,1)), color-stop(50%,rgba(250,250,250,1)), color-stop(100%,rgba(141,226,115,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(-45deg,  rgba(159,229,139,1) 0%,rgba(250,250,250,1) 50%,rgba(141,226,115,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(-45deg,  rgba(159,229,139,1) 0%,rgba(250,250,250,1) 50%,rgba(141,226,115,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(-45deg,  rgba(159,229,139,1) 0%,rgba(250,250,250,1) 50%,rgba(141,226,115,1) 100%); /* IE10 preview */
	background: linear-gradient(135deg,  rgba(159,229,139,1) 0%,rgba(250,250,250,1) 50%,rgba(141,226,115,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fe58b', endColorstr='#8de273',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	background-attachment: fixed;
	margin: 0px;
	padding: 0px;
	
	font-family: Arial; font-weight: normal; 
}
.glyphicon-arrow-right:before {
    content: "\e092";
	font-size: 0.6em;
	color: rgba(101,172,30,1);
	margin-left:2px;
}  
.float { float: left; display: block; }
.clear { float: none; display: block; clear: both; }
h1, .h1 { margin-bottom: 5px; }
h2, .h2 { margin-top: 5px; margin-bottom: 15px; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: Verdana, Geneva, sans-serif; font-weight: normal; }
.panel-heading h3{
	font-size: 1.3em;
	margin-top: 0px;
	margin-bottom: 0;
	color: #5a5a5a;
}
.jumbotron {
	background-color: transparent;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.jumbotron p { font-size: inherit; }
.jumbotron h1, 
.jumbotron .h1 { font-size: 3em; }/**slider**/
h1, .h1 { font-size: 2.3em; }
h2 { font-size: 1.4em; color:#777;}
h2::before { content: "» "; font-size: 130%; }
h3 { font-size: 1.3em; }
.add h1 { font-size: 1.3em; margin-bottom: 5px; }
a { color:rgba(101,172,30,1); }
footer a.active { color: #23527c; text-decoration: underline; }
.jumbotron .container {
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(101,172,30,1);
	border-bottom-color: rgba(101,172,30,1);	
}
/*hr {
    
    border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
    border-top: 1px solid #fff;
}*/
.divider { margin: 2rem 0; }
.container { background-color: rgba(229,243,233,1); }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, 
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, 
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, 
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, 
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.col-md-12 { width: 100%; padding-left: 30px; padding-right: 30px; }
.jumbotron .col-md-12 {  padding-left: 0px; padding-right: 0px; }
.col-md-9, .col-sm-9 { width: 75%;  padding-left: 30px; padding-right: 30px;}
.col-md-8 { width: 66.66666667%  }
.col-md-6 { width: 50%; padding-left: 30px; padding-right: 30px; }
.col-md-4 { width: 33.3333%; }
.col-md-3, .col-sm-3 { width: 25%; }
.col-md-8, .col-md-9 {
	border-right-color: #fff;
	border-right-style: solid;
	border-right-width: 1px;
}
.no-border { border-right: 0 none; }
blockquote, .spezial
 { 
	border-left: 3px solid rgba(101, 172, 30, 1);
	font-size: inherit;
	display: inline-block;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	font-style: italic;
	margin: 30px;
	}
.box { background-color: rgba(101,172,30,0.1); padding: 5px; font-style: italic; }
.spezial { 
	color: #777;
	border-left: none;
	font-style: normal;
	text-align: center;
	}
.spezial .zitat { display: block; text-align: center; }
/******* nav ******* */
.navbar-default {
	background:none;
	background-color:transparent;
	background-image: none;
	background-repeat: no-repeat;
	border-radius: 0;
	box-shadow: none;
}
.navbar-default .container {
	background-image: linear-gradient(to bottom, #fff 0px, #f8f8f8 100%);
	background-repeat: repeat-x;
	border-radius: 4px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);
	border-color: #e7e7e7;
}
.pad { padding-top: 50px; padding-bottom: 100px; }
footer .pad { padding-bottom: 15px; }
.navbar { border-radius: 4px; }
.navbar { border: 1px solid transparent; margin-bottom: 0px; min-height: 50px; position: relative; }
.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus {
    background-image: linear-gradient(to bottom, #dbdbdb 0px, #e2e2e2 100%);
    background-repeat: repeat-x;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.075) inset;
	}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
    background-color: #e2e2e2;
    background-image: linear-gradient(to bottom, #dbdbdb 0px, #e2e2e2 100%);
    background-repeat: repeat-x;
	color: #333;
}
/******* regular styles ******* */
li img { position: relative; display: inline-block; }
.center { text-align: center; display: inline-block; }
img, object, embed, video, iframe { height: auto; max-width: 100%; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-container .vimeo-player {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}
.youtube-container {
	display: block;
	width: 100%;
	max-width: 560px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.youtube-player { 
	display: block; 
	width: 100%; /* assuming that the video has a 16:9 ratio */ 
	/*padding-bottom: 56.25%; */
	padding-bottom: 10.60%;
	overflow: hidden; 
	position: relative; 
	width: 100%; 
	height: 100%; 
	cursor: hand; 
	cursor: pointer; 
	display: block; 
}
img.youtube-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto }
div.play-button { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; 
/*background: url("img/NKa1KlHmE9w.jpg") no-repeat; */
/*background: url(https://i.imgur.com/TxzC70f.png) no-repeat;*/}
#youtube-iframe { 
	width: 100%; 
	height: 100%; 
	position: absolute; 
	top: 0; 
	left: 0; 
}
  .google-maps {
		  position: relative;
		  padding-bottom: 75%;
		  height: 0;
		  overflow: hidden;
	  }
  .google-maps iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100% !important;
	  height: 100%!important;
  }
img { border: 0 none; }
.aside {
	display: inline-block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-bottom: 25px;
}
.trapezoid {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 90px;
	height: 0;
	border-top: 0 solid;
	border-bottom: 414px solid #f07c01;
	text-align: center;
	-o-text-overflow: clip;
	text-overflow: clip;
	border-left: 65px solid transparent;
	border-right: 65px solid transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	margin-top: 20px;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	line-height: 2em;
}
.trapezoid .text {
	margin-top: 100px;
	display: inline-block;
	color: #000;
}
.polaroid {
	position: relative;
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.polaroid p {
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 0px;
	color: #888;
	margin-bottom: 3px;
}
.polaroid img {
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 45px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FFF;
}
.add {
	padding-top:20px; padding-bottom:20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(101,172,30,1);
}
footer {
	font-size: 0.8em;
	text-align: right;
	color: rgba(144,119,119,1);
}
footer .container {
	background-color: rgba(255,255,255,1);
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(101,172,30,1);
	border-bottom-color: rgba(101,172,30,1);
}
.glyphicon-thumbs-up { color: #51bbb7; }
.form-group .row { margin-bottom:2px; }
.left { padding-left:0px; }
input.checkbox { display:inline-block; }
.internal { display: none; }
textarea.form-control {
    height: auto!important;
}
/*li.bestell a { color: rgb(101, 172, 30)!important;font-weight:bold!important; }*/
/******* end regular styles ******* */
@media (max-width:767px) {
.jumbotron h1, 
.jumbotron .h1, h1, .h1 {
    font-size: 1.5em;
	}
h2 { font-size: 1.3em; }
h3 { font-size: 1.0em; }
blockquote { 
	margin-right: 5px; 
	margin-left: 5px; 
	}
}
@media (max-width:768px) {
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, 
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, 
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	float: none;
	display: block;
	clear: left;
	width: 100%;
}
.carousel-caption {
	left: 10%;
	right: 10%;
}
}