@media screen {

	
/* lato-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('/_fonts/lato-v25-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('/_fonts/lato-v25-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('/_fonts/lato-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('/_fonts/lato-v25-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('/_fonts/lato-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('/_fonts/lato-v25-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

	
	body {
		font-family: Lato, Arial, Helvetica, sans-serif;
		background-color: #EEF3FA;
		
	}
	
	.container {
		background-color: #EEF3FA;
	}
	
	/* ------------------------------- zähler ------------------------------------ */
	
#zaehler {
			font-family: Lato, Arial, Helvetica, sans-serif;
		font-size:0.929em;
		color: #999999;
		font-style: normal;
		font-weight:400;
		line-height:1.5;
		color: #515151;
		background-color:#EEF3FA;
		padding-top: 10px;
		padding-bottom: 10px;
		float: right;
	}
	
	/* ------------------------------- yaml formulare ------------------------------------ */

	.ym-form input, .ym-form select, .ym-form checkbox, .ym-form textarea {
		padding: 0.5em;
		border:1px #ccc solid;
	}
	
	
	.ym-form input[type="submit"]  {
		height: 40px;
		padding: 0px 0px;
		display:inline;
		margin-bottom:-10px;
		border:none;
	}
	
	.ym-form, .ym-form fieldset {
		overflow: visible;
	}
	
	.ym-form {
		background: transparent;
		border: 0px #fff solid;
		margin: 0 0 0 0;
		padding: 0;
		-webkit-box-shadow: 0 0 0px #fff;
		-moz-box-shadow: 0 0 0px #fff;
		box-shadow: 0 0 0px #fff;
	}
	
	.ym-form div.ym-fbox-text, .ym-form div.ym-fbox-select, .ym-form div.ym-fbox-check, .ym-form div.ym-fbox-button {
		padding: 0em 0em;
		margin-bottom: 0em;
	}
	
	.ym-form input:invalid, .ym-form textarea:invalid {
		background-color: #fdd;
	}
	
	
	input.button, button.button {
		height: auto;
		margin-bottom:1em;
	}
	
sup {
	top: -0.1em;
		font-size: 1em;
	}
	
	/* ------------------------------- reset trunk ------------------------------------ */
	
	
	ol, ul, li {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	
	ol, ul {
		list-style: none;
	}
	
	ol {
	list-style-type: decimal!imortant;
	}
	

	
	/* ------------------------------- yaml ------------------------------------ */
	
	.ym-wrapper {
		max-width:1400px;
		min-width:780px;
		
		margin: 0 auto;
		text-align: left;
		position:relative;
		background: #333;	
		background: #fff;	
		
	}
	
	.ym-wbox {
	}
	
	
	
	a:active { outline: none; }
	
	/* (en) maximum constrast for tab focus - change with great care */
	/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
	
	a {
		background: transparent;
		text-decoration: none;
		border-bottom: 1px #444 dotted;
		color:#444;
	}
	
	a:hover, a:focus {
		background-color: transparent;
		text-decoration: none;
		color:#444;
		border-bottom: 0px #444 dotted;
		
	}
	
	
	.ym-g100 { width: 100%;}
	
	.ym-wbox { padding: 0px; margin: 0px; }
	.ym-gbox { padding: 0px; margin: 0px; }
	
	.float-right {
		float: right;
		display: inline;
	}
	
	.flexible { margin:0px; }
	
	
	
	/* ------------------------------- custom main ------------------------------------ */
	
	
	#main {
		background: #333;	
	}
	
	/* ------------------------------- custom header ------------------------------------ */
	
	header {
		height: 0px;
	}
	
	nav {
		top: 135px;
		left:0px;
	}
	
	#header {
		background: #ffffff;
		height:170px;
		
		
	}
	
	.header-wrapper {
		margin:0px auto 0px auto;
		padding:0px 20px 0px 20px;
		max-width:1105px;
		max-width:1005px;
	}
	
	.header_logo {
		padding-top:20px;
		
		padding-right:40px;
		padding-right:0px;
		
		display:inline;
	}
	
	.header_logo_mobile {
		display:none;
		
	}
	
	
	nav li a {
		font-size: 1.1em;
		color: #333333;
		font-weight:400;
		border-right: 1px #333 solid;
		padding:2px 15px;
		border-bottom:none;
		white-space:nowrap; 
		
	}
	
	nav li:last-child a {
		border-right: none;
		
	}
	
	nav li.nav_current a {
		color: #333333;
		font-weight:700;
		
	}
	
	nav li a:hover {
		color: #333333;
		font-weight:700;
	}
	
	.nav_wrapper {
		position:relative;
		margin:0px auto 0px auto; 
		height:0px; 
		padding:0px 20px; 
		max-width:1125px;
		max-width:900px;
		
	}
	.nav_content {
		margin:0px 0px;
	}
	
	.nav_2	{
		margin: 0px auto 0px auto;
		padding: 0px 20px 0px 20px;
		max-width: 900px;
	}
	
	.nav_2 ul li ul {
		padding-bottom:20px;
		margin-left:15px;
	}
	
	
	
	
	.nav_2 li a {
		margin:0px 110px 0px 0px;
		font-size: 1.85em;
		color: #fff;
		font-weight:300;
		letter-spacing: 0px;
		padding:0px 0px 0px 15px;
		border-bottom:none;
		line-height:80px;
	}
	
	
	.nav_2 li ul li a {
		margin:0px 0px 0px 0px;
		font-size:0.929em;
		color: #324100;
		color: #4B6200;
		
		
		font-weight:400;
		letter-spacing: 0px;
		padding:0px 0px 0px 0px;
		border-bottom:none;
		line-height:2em;
			line-height:1.7em;
	}
	
	.nav_2 li ul li a.active {
		font-weight:400;
		color: #fff;
	}
	
		.nav_2 li ul li a:hover {
		font-weight:400;
		color: #fff;
	}
	
	.bullet_nav2_li {
		color: #709700;
		margin-left:-10px;
		line-height:80px;
	}
	
	.bullet_nav2_li_li {
		color: #fff;
		margin-left:-24px;
		padding-left:0px;
		line-height:1.7em;
		
	}
	
	
	/* ------------------------------- rubrikbild ------------------------------------ */
	
	
	.rubrikbild {
		background-image:url('/projekt_1/_img/rubrikbild/teaser.png');
		background-size: auto auto;
		background-position:50% top; 
		background-color: #fff;
		width:100%;
		-webkit-box-shadow: inset 0px 6px 2px -2px rgba(0,0,0,0.2);
		-moz-box-shadow: inset 0px 6px 2px -2px rgba(0,0,0,0.2);
		box-shadow: inset 0px 6px 2px -2px rgba(0,0,0,0.2);
	}
	
	.rubrikbild_headline {
		margin:0px auto 0px auto; 
		max-width:900px;
		padding:0px 0px 0px 0px;
		position:relative;	
		padding:0px 20px 0px 20px;
		min-height:325px;		
				min-height:300px;		

		
		
	}	
	
	.faq_height {
		min-height:265px;		
		
	}	
	
	
	.teaser_left {
		position:absolute;
		bottom:30px;
		padding-bottom:20px;
	}
	
	.teaser_left_box {
		margin:0px 0px 0px 0px;
		padding:15px 30px 20px 30px;
		background-color:rgba(255, 255, 255, 0.8);
	}
	
		.teaser_left_box_color h1, .teaser_left_box_color p  {
		color:#333;
	}
	
			.teaser_left_color h1, .teaser_left_color p  {
		color:#fff;
	}
	

#teaser	.teaser_right {
		border:0px #ff0000 solid;
		position:absolute;
		bottom:50px;
		right:0px;
	}
	
	
	.rubrikbild_headline  h1 {
		font-family: Lato, Arial, Helvetica, sans-serif;
		font-size:3.175em;
	font-size:2.7em;

		font-style: normal;
		font-weight:300;
		line-height:1.2em;
		margin-bottom:0px;
	}
	
	.rubrikbild_headline  p {
		font-family: Lato, Arial, Helvetica, sans-serif;
		font-size:1em;
		font-style: normal;
		font-weight:400;
		line-height:1.5em;
		border-bottom:0px;
		margin-top:10px;
		margin-bottom:0px;

	}
	
		/* ------------------------------- Video ------------------------------------ */

	
	.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:0px;
	height:0;
	overflow:hidden;
		background-color: #cccccc;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

		/* ------------------ video wall ------------ */

iframe {
  display: inline-block;
}
.video-wall {
/*  position: relative;
  font: 400 1em/1.46 Helvetica, Arial, sans-serif;
  color: #333;
  display: inline-block;
  min-height: 18em;
  min-width: 28em;
  margin: 0;
  background-color: #eee;
  box-sizing: border-box;
  border: 1.5em solid #ccc; */
  padding: 0em;
	padding-left: 1em;
	padding-right: 1em;
}
.video-wall strong {
  display: block;
	  display: none;

  text-align: center;
  font-size: 1.1em;
  margin: 0;
}
.video-wall div {
  position: absolute;
  width: calc(100% - 2em);
  top: 3em;
	top: 1em;
  bottom: 7em;
  overflow-y: auto;
	background-color:#ffffff;
	padding:5px;
	max-height: 100px;
}
.video-wall p {
  font-size: 0.8em;
  margin: 0 0 1em;
}
.video-wall a {
  color: inherit;
}
.video-wall .video-link {
  display: block;
  white-space: nowrap;
  font-size: 0.8em;
  margin: 0;
  position: absolute;
  left: 50%;
  bottom: 6em;
  transform: translateX(-50%);
}
.video-wall button {
  -webkit-appearance: none;
  cursor: pointer;
  color: #eee;
  font: 700 0.8em/1.2 Helvetica, Arial, sans-serif;
  display: block;
  width: 11.5em;
  height: 4.25em;
  border: 0 none;
  border-radius: 0.75em;
  padding: 0 0 0 5.5em;
  text-align: left;
  margin: 0;
  position: absolute;
  left: 50%;
  bottom: 2em;
  transform: translateX(-50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='%23eee' d='M11.109 17.625l7.562-3.906-7.562-3.953v7.859zM14 4.156c5.891 0 9.797 0.281 9.797 0.281 0.547 0.063 1.75 0.063 2.812 1.188 0 0 0.859 0.844 1.109 2.781 0.297 2.266 0.281 4.531 0.281 4.531v2.125s0.016 2.266-0.281 4.531c-0.25 1.922-1.109 2.781-1.109 2.781-1.062 1.109-2.266 1.109-2.812 1.172 0 0-3.906 0.297-9.797 0.297v0c-7.281-0.063-9.516-0.281-9.516-0.281-0.625-0.109-2.031-0.078-3.094-1.188 0 0-0.859-0.859-1.109-2.781-0.297-2.266-0.281-4.531-0.281-4.531v-2.125s-0.016-2.266 0.281-4.531c0.25-1.937 1.109-2.781 1.109-2.781 1.062-1.125 2.266-1.125 2.812-1.188 0 0 3.906-0.281 9.797-0.281v0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 1em center #ff0001;
  background-size: 3.5em;
  transition: background-color 0.3s;
}
.video-wall button:hover {
  background-color: #444;
}

.video-wall .video-link {
display:none;
}

	
	/* ---------------- cookie consent ---------------- */

.cc_dialog.simple {
	max-width: 100%!important;
	background-color: #ffffff!important;
	-webkit-box-shadow: 0px -3px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px -3px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px -3px 5px 0px rgba(50, 50, 50, 0.75);
}
	
	
	/* ------------------------------- Content ------------------------------------ */
	
	.contentwrapper { 
		margin:0px auto 0px auto; 
		padding:12px 0px 12px 0px; 
		max-width:940px;
		
	}
	
	.contentwrapper_abstand_oben {
		padding-top:40px;
	}
	
	.contentwrapper_abstand_unten {
		padding-bottom:40px;
	}
	
	/*Boxenabstand Content*/
	
	.contentbox {
		margin:0px 20px 0px 20px;
		
	}
	
	/*Formatierung Boxenflächen normaler Content*/
	
	
	.grid_weisse_box {
		background-color:#fff;
		margin:-20px;
		padding:20px;
	}
	
	.contentbox-content {

	}
	
	
		.contentbox-content h2 {
		font-family: Lato, Arial, Helvetica, sans-serif;
		font-size:1.857em;
		color: #333;
		font-style: normal;
		font-weight:300;
		line-height:1.4;
		margin-bottom:0em;
	}
	
	.gruen {
		color: #3C7D00!important;
	}
	
	.contentbox-content h3, .contentbox-content-blank h3 {
		font-size:0.929em;
		color: #3C7D00;
		font-style: normal;
		font-weight:700;
		line-height:1.5;
	}
	
		.contentbox-content h4, .contentbox-content-blank h4 {
			font-family: Lato, Arial, Helvetica, sans-serif;
		font-size:1.2em;
		font-style: normal;
		line-height:1.5;
			font-weight: 300;
	}
	
	.contentbox-content p {
		font-family: Lato, Arial, Helvetica, sans-serif;
		font-size:0.929em;
		color: #333;
		font-style: normal;
		font-weight:400;
		line-height:1.5;
		color: #515151;
		
	}
	
	.contentbox-content p:last-child {
		line-height:1.5;
		margin-bottom:0px;		
	}
	
	.contentbox-content ul {
		padding-bottom:1.5em;;
		
	}
	
	.contentbox-content ul li {
		margin-left:30px;
		padding-left:0px;
		list-style-type: none;
		font-size:0.929em;
		line-height:1.5em;
		
	}
	
	.contentbox-content ul li:before {
		font-family:'FontAwesome';
		color:#3C7D00;
		content: "\f055";
		padding-right:20px;
		margin-left:-30px;
		line-height:1.5em;
		
	}
	
	
	
		.contentbox-content ol li {
margin-left: 15px;
    padding-left: 10px;
		list-style-type: decimal;
		font-size:0.929em;
		line-height:1.5em;
		
	}
	

	
	
	
	
	
	/*Formatierung Tabellen */
	
	
	table.narrow th {
		font-family: Lato, Arial, Helvetica, sans-serif;
		font-size:0.929em;
		color: #335FAC;
		color: #3c7d00;
		line-height:1.5;
		border-bottom: 2px #335FAC solid;
		padding: 0.5em 0.5em;
	}
	
	table.narrow td {
		font-family: Lato, Arial, Helvetica, sans-serif;
		font-size:0.929em;
		color: #333333;
		color: #515151;
		
		line-height:1.5;
		padding: 0.5em 0.5em;
		
	}
	
	/* ------------------------------- BX Slider Anpassung ------------------------------------ */
	
	
	#teaser .bx-wrapper .bx-viewport {
		-moz-box-shadow: 0 0 0px #fff;
		-webkit-box-shadow: 0 0 0px #fff;
		box-shadow: 0 0 0px #fff;
		border: solid #fff 0px;
		background:transparent;
		left:0px;
	}
	
	#teaser .bx-controls-direction {
		position:relative;
		max-width:1100px;
		margin: 0px auto 0px auto;
	}
	
	#teaser ul.bxslider li {
		min-height:325px;
	}
	
	#teaser .bx-wrapper {
		margin-bottom:81px;
	}
	
	#teaser .bx-wrapper .bx-pager, #teaser .bx-wrapper .bx-controls-auto {
		bottom: -81px;
	}
	
	#teaser .bx-wrapper .bx-pager {
		
		border-top:1px #fff solid;
		
		padding-top:0px;
		height:80px;
		left:0px;
		right:0px;
		-webkit-box-shadow: inset 0px -4px 5px -2px rgba(0,0,0,0.2);
		-moz-box-shadow: inset 0px -4px 5px -2px rgba(0,0,0,0.2);
		box-shadow: inset 0px -4px 5px -2px rgba(0,0,0,0.2);
		
		background: rgba(153,203,0,1);
		background: -moz-linear-gradient(top, rgba(153,203,0,1) 0%, rgba(137,181,0,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(153,203,0,1)), color-stop(100%, rgba(137,181,0,1)));
		background: -webkit-linear-gradient(top, rgba(153,203,0,1) 0%, rgba(137,181,0,1) 100%);
		background: -o-linear-gradient(top, rgba(153,203,0,1) 0%, rgba(137,181,0,1) 100%);
		background: -ms-linear-gradient(top, rgba(153,203,0,1) 0%, rgba(137,181,0,1) 100%);
		background: linear-gradient(to bottom, rgba(153,203,0,1) 0%, rgba(137,181,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cb00', endColorstr='#89b500', GradientType=0 );
		
	}
	
	#teaser .bx-wrapper .bx-pager .bx-pager-item {
		padding-top:35px;
	}
	
	
	
	#teaser .bx-wrapper .bx-prev {
		background: url(/_img/_layout/controls.png) no-repeat 0 -63px;
		left: 0px;
	}
	
	#teaser .bx-wrapper .bx-next {
		background: url(/_img/_layout/controls.png) no-repeat -63px -63px;
		right: 0px;
	}
	
	#teaser .bx-wrapper .bx-prev:hover {
		background-position: 0 0;
	}
	
	#teaser .bx-wrapper .bx-next:hover {
		background-position: -63px 0;
	}
	
	
	#teaser .bx-wrapper .bx-controls-direction a {
		margin-left:-15px;
		margin-right: -5px;
		margin-top:-210px;
		width: 50px;
		height: 50px;
		border-bottom: none;
	}
	
	#teaser .bx-wrapper .bx-pager.bx-default-pager a {
		width: 11px;
		height: 11px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border-bottom:none;
		background: #fff;
		
		-webkit-box-shadow: inset 1px 1px 6px 1px rgba(0,0,0,0.3);
		-moz-box-shadow: inset 1px 1px 6px 1px rgba(0,0,0,0.3);
		box-shadow: inset 1px 1px 6px 1px rgba(0,0,0,0.3);
		
	}
	
	
	#teaser .bx-wrapper .bx-pager.bx-default-pager a:hover, #teaser .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #3A7D00;
		
		-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
		-moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
		box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
		
	}
	
	#slider-next {
		margin-left:10px;	
		margin-top:20px;
		margin-bottom:0px;
		
	}
	
	#slider-prev {
		margin-right:10px;	
		margin-top:20px;
		margin-bottom:0px;
		
	}
	
	#slider-next a {
		color:#fff;
		border-bottom:none;
	}
	
	#slider-prev a {
		color:#fff;
		border-bottom:none;
	}
	
	#faq .bx-wrapper .bx-viewport {
		-moz-box-shadow: 0 0 0px #ccc;
		-webkit-box-shadow: 0 0 0px #ccc;
		box-shadow: 0 0 0px #ccc;
		border: solid #fff 0px;
		left: 0px;
		background: #fff;
	}
	
	#faq .bx-wrapper {
		margin-bottom:0px;
	}
	
	.funktionsbalken {
		min-height:35px;
		border-top:1px #fff solid;
		padding-top:0px;
		
		-webkit-box-shadow: inset 0px -4px 5px -2px rgba(0,0,0,0.2);
		-moz-box-shadow: inset 0px -4px 5px -2px rgba(0,0,0,0.2);
		box-shadow: inset 0px -4px 5px -2px rgba(0,0,0,0.2);
		
		background: rgba(153,203,0,1);
		background: -moz-linear-gradient(top, rgba(153,203,0,1) 0%, rgba(137,181,0,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(153,203,0,1)), color-stop(100%, rgba(137,181,0,1)));
		background: -webkit-linear-gradient(top, rgba(153,203,0,1) 0%, rgba(137,181,0,1) 100%);
		background: -o-linear-gradient(top, rgba(153,203,0,1) 0%, rgba(137,181,0,1) 100%);
		background: -ms-linear-gradient(top, rgba(153,203,0,1) 0%, rgba(137,181,0,1) 100%);
		background: linear-gradient(to bottom, rgba(153,203,0,1) 0%, rgba(137,181,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cb00', endColorstr='#89b500', GradientType=0 );
		
	}
	
	
	/* Entfernt Rahmen, Schatten, Hintergrund und Ränder vom bxSlider-Wrapper */
.bx-wrapper {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 0 none !important;
  background: transparent !important;
  
}

/* Entfernt Innen- und Außenabstände der Liste */
#teaser ul.bxslider {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Entfernt eventuelle Abstände auf den einzelnen Slides */
#teaser ul.bxslider li {
  margin: 0 !important;
  padding: 0 !important;
}
	
		/* ------------------------------- Energiebanner ------------------------------------ */
#energiebanner h6 {
	    color: #666666;
    font-family: Muli, Arial, Helvetica, sans-serif;
    line-height: 1.2;
    font-size: 1.5em;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 5px;
    font-weight: 600;
	}
	
	#energiebanner sup {
    top: -0.5em;
    font-size: 0.75em;
}
	/* ------------------------------- Footer ------------------------------------ */
	
	
	#footer {
		
		
		-webkit-box-shadow: inset 0px -4px 5px -2px rgba(0,0,0,0.2);
		-moz-box-shadow: inset 0px -4px 5px -2px rgba(0,0,0,0.2);
		box-shadow: inset 0px -4px 5px -2px rgba(0,0,0,0.2);
		
		
		background: rgba(153,203,0,1);
		background: -moz-linear-gradient(top, rgba(153,203,0,1) 0%, rgba(137,181,0,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(153,203,0,1)), color-stop(100%, rgba(137,181,0,1)));
		background: -webkit-linear-gradient(top, rgba(153,203,0,1) 0%, rgba(137,181,0,1) 100%);
		background: -o-linear-gradient(top, rgba(153,203,0,1) 0%, rgba(137,181,0,1) 100%);
		background: -ms-linear-gradient(top, rgba(153,203,0,1) 0%, rgba(137,181,0,1) 100%);
		background: linear-gradient(to bottom, rgba(153,203,0,1) 0%, rgba(137,181,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cb00', endColorstr='#89b500', GradientType=0 );
		
		min-height: 135px;
	}
	
	#footer_wrapper { 
		margin:0px auto 0px auto; 
		padding:0px 0px 0px 0px; 
		max-width:940px; 
	}
	
	
	
	/*Formatierung Boxenflächen Footer*/
	
	.contentbox-footer {
		padding:30px 20px 30px 20px;
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
		-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	}
	
	
	.contentbox-footer h3 {
		font-family: Lato, Arial, Helvetica, sans-serif;
		color: #fff;
		font-size:1.857em;
		font-style: normal;
		font-weight:300;
		line-height: 1.5;
		margin: 0px 0px 0.2em 0px;		
	}
	
	
	.contentbox-footer p {
		margin:0px;
		font-family: Lato, Arial, Helvetica, sans-serif;
		font-size: 0.929em;
		color: #fff;
		color: #4A6200;
		font-style: normal;
		font-weight: 400;
		line-height: 1.5;		
	}
	
	
	
	.contentbox-footer li a {
		
		margin: 0px;
		padding: 0px;
		
		padding-left: 5px;
		font-family: Lato, Arial, Helvetica, sans-serif;
		font-size: 0.929em;
		color: #fff;
		color: #4A6200;
		font-style: normal;
		font-weight: 400;
		line-height: 1.5;		
		border-bottom: none;
	}
	
	/* ------------------------------- Galerie ------------------------------------ */
	
	div.gallery {
		margin-right:-10px;
		padding-bottom:10px;
		padding-top:20px;
	}
	
	div.gallery div.thumbnail {
		width:120px;
		float:left;
		height:120px;
		margin:0px 10px 10px 0px;
		border-bottom:none;
	}
	
		div.gallery a {
		border-bottom:none;
	}
	
	.clear {
		clear:both;
	}
	
	/* ------------------------------- Buttons ------------------------------------ */
	
	.button {
		font-family: Lato, Arial, Helvetica, sans-serif;
		font-weight:400;
	}
	
	/* line 189, ../scss/partials/_buttons.scss */
	.button-flat-primary {
		background: #25216B;
		
		background: #3C7D00;
	}
	/* line 198, ../scss/partials/_buttons.scss */
	.button-flat-primary:hover {
		background: #3361AE;
		background: #3C7D00;
		
		color:#fff;
		
	}
	/* line 201, ../scss/partials/_buttons.scss */
	.button-flat-primary:active {
		background: #3361AE;
		background: #3C7D00;
		
		color: #25216B;
		color: #ffffff;
		
		
	}
	
	
	.button-circle {
		font-weight:700;
		width: 40px;
		line-height: 40px;
		height: 40px;
	}
	
	
	
	.button_link {
		text-align:center;
	}
	
		.button_border {
		border-top: 1px #cccccc solid;
	}
	
	.button_up {
		padding-top:20px;
		text-align:center;
		border-top: 1px #cccccc solid;
		border-top:none;
		position:absolute;
		left:0px;right:0px;
		
	}
	
	.button_abstand_vor {
		height:10px;
	}
	
	.button_abstand {
		height:15px;
	}
	
	
	.button_abstand_nach {
		height:0px;
	}
	
	
	
	a.link {
		padding-top:40px;
		color: #3C7D00;
		font-weight: 700;
		border-bottom:none;
	}
	
	
	
}

@media screen and ( max-width: 1000px )  {
	
	.bx-controls-direction {
		display:none;
	}
	
}

/* Smartphones */

@media screen and ( max-width: 780px )  {
	
	
	/* linearization for grid module */
	
	.linearize-level-1,
	.linearize-level-1 > [class*="ym-g"] {
		display: block;
		float: none;
		padding: 0px;
		margin: 0px;
		width: 100% !important;
	}
	
	/* reset defined gutter values */
	
	.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
		overflow: hidden; /* optional for containing floats */
		padding: 0;
		margin: 0;
		margin-top: 10px;  
	}
	
	.ym-wrapper {
		max-width:100%;
		min-width:100%;
		margin: 0 auto;
		text-align: left;
	}
	

	
	.contentbox-content {
		padding: 0px 0px 10px 0px;
	}
	
		.grid_weisse_box {
		background-color:transparent;
		margin:0px;
		padding:0px;
   	padding-bottom:10px;
		margin-top:-10px;
	}
	

	
		.content_weisse_box {
				background-color:#fff;
		padding:25px 25px 25px 25px;
		margin:0px;

	}
	
	.contentwrapper { 
		margin:0px auto 0px auto; 
		padding:0px 20px 0px 20px;
	}
	
	
	.contentwrapper_abstand_oben {
		padding-top:15px;
	}
	
	.contentwrapper_abstand_unten {
		padding-bottom:0px;
	}
	
	
	#header {
		height:60px;
		height: 85px;
		
	}
	
	h1 br {
	display:none;
	}
	

	
	.contentbox-content ul {
		padding-bottom:1.5em;;
	}
	
	.contentbox-content ul li, .contentbox-content ol li {
		line-height:1.5em;
	}
	
	.header_logo {
		display:none;
	}
	
	.header_logo_mobile {
		position:absolute;
		right:20px;
		top:10px;
		display:inline;
		
	}
	
	header {
		background-color:rgba(255,255,255,1);
		height: 85px;
		
		-webkit-box-shadow: 0px 6px 2px -2px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 6px 2px -2px rgba(0,0,0,0.2);
		box-shadow: 0px 6px 2px -2px rgba(0,0,0,0.2);
		
		/* starting point */
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	
	.burger {
		top: 15px;
	}
	.burger li {
		background-color:#3C7D00;
	}
	.burger.open li {
		background-color:#3C7D00;
	}
	
	nav {
		top:0px;
		background-color: #1d2d35;
		background-color: #333;
		border-radius: 0 0 0 0;
		
	}
	
	nav li:first-child a.active,
	nav li:first-child a:hover {
		border-radius: 0 0 0 0;
	}
	
	nav li a {
		font-size: 1.3em;
		color: #fff;
		font-weight:300;
		letter-spacing: 0px;
		border-right: none;
		padding:24px 15px;
		
	}
	
	nav li.nav_current a {
		color: #91C100;
		font-weight:400;
	}
	
	nav li a.active {
		color: #91C100;
		font-weight:400;
	}
	
	
	
	nav li a:hover {
		color: #91C100;
		font-weight:400;
		background-color: #252525;		
	}
	
	
	
	
	.header-section {margin-top: 0px;}
	
	
	.nav_content {
		margin:0px 0px;
	}
	
	.funktionsbalken {
		padding-top:15px;
		padding-bottom:10px;
	}
	
	.mobile-hidden {
		display:none;
	}
	
	.nav_2	{
		margin:0px auto 0px auto; 
		padding:0px 20px 0px 20px;
	}
	
	.nav_2 ul {	
		padding-bottom:10px;
	}
	
	.nav_2 li {
		
	}
	
	.nav_2 li a {
		line-height:2em;
		line-height:1.75em;
		
	}
	
	.nav_2 ul li ul {
		padding-bottom:0px;
	}
	
	.bullet_nav2_li {
		padding-top:4px;
		line-height:2em;
		line-height:1.75em;
		
	}
	
	.bullet_nav2_li_li {
		
	}
	
	.bulletcolor {
		
	}
	
	
	
	
	
	
	
	.button_up {
		padding-top:0px;
		position:static;
	}
	
	
	.button_abstand_vor {
		height:0px;
	}
	
	
	.button_abstand_nach {
		height:20px;
	}
	
	
	
	.icon-plus {
		display:none;
	}
	
	
	
	.bx-controls-direction {
		display:none;
	}
	
	.teaser_left {
		max-height:250px;
		position:absolute;
		background-color:transparent;
	}
	
	.teaser_left_bottom_abstand_mobil {
		bottom:80px;
	}
	
	.teaser_left_bottom_abstand_mobil_teaser {
		bottom:100px;
	}
	
	#teaser	.teaser_right {
		border:0px #ff0000 solid;
		position:absolute;
		bottom:20px;
		right:0px;
	}
	
	#faq .bx-wrapper {
		margin-bottom:0px;
	}
	
	.rubrikbild {
		-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.2);
		box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.2);
	}
	
	
	.rubrikbild_headline h1 {
		font-size:2.25em;
		padding: 0px 20px 0px 20px;
		text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
				color:#fff;

	}
	
	.rubrikbild_headline p {
		font-size:0.929em;
		padding: 0px 20px 0px 20px;
		text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
				color:#fff;
margin-bottom:20px;
		
	}
	
	.rubrikbild {
		background-size: auto 100%;
		background-position: 58% top;
		background-repeat: no-repeat;
		
		
	}
	
	
	.rubrikbild_headline {
		padding: 0px 0px 0px 0px;
		
		background: rgba(0,0,0,0);
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 20%, rgba(122,163,194,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(30%, rgba(0,0,0,0)), color-stop(100%, rgba(122,163,194,1)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 20%, rgba(122,163,194,1) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,0) 20%, rgba(122,163,194,1) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,0) 20%, rgba(122,163,194,1) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 20%, rgba(122,163,194,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#7aa3c2', GradientType=0 );
		
	}	
	
	#footer_wrapper { margin:0px auto 0px auto; padding:20px 20px 20px 20px; }
	
	.contentbox-footer {
		padding:0px 0px 10px 0px;
	}
	
	.rubrikbild_kopf {
		display:none;
	}
	
}

* Smartphones */

@media screen and ( max-width: 640px )  {
	
	
	h1 br {
		display:none;
	}
	
	
}