body {
	font-family			:  Arial, sans-serif;
	font-size			:  17px;
	color				:  #848484;
	margin				:  0px;
	overflow-y			:  scroll;
	overflow-x			:  hidden;
	min-height			:  101%; /*Scrollbar immer anzeigen*/
}

/* Verband */
#verband {
	position: absolute;
	right: 0;
}

/* Plus1 */
#plus1 {
	position :absolute;
	left: 15px;
	top: 20px;
}

/* Logo */
#logowrapper {
	position			:  absolute;
	width				:  100%;
	height				:  auto;
	text-align			:  center;
	top					:  200px;
}

#logo {
	width				:  100%;
	max-width			:  1003px;
	height				:  auto;
}

#sloganwrapper {
	position			:  absolute;
	width				:  100%;
	height				:  auto;
	text-align			:  center;
	top					:  350px;
	font-size			:  28px;
	left				:  -30px;
	font-weight			:  bold;
	color				:  #f8e400;
	text-transform		:  uppercase;
	text-shadow			:  2px 2px 7px rgba(0,0,0,0.7);
}

/* Headbild */
#headbildwrapper {
	width				: 100%;
	max-width			: 1920px;
	height				: 606px;
	background			: url(../images/slider1.jpg)center center no-repeat;
	background-size		: auto;
}

#headbild {
	width				:  100%;
	height				:  auto;
}

/* Menü */
#menue {
	position			: absolute;
	width				: 100%;
	height				: auto;
	text-align			: center;
	top					: 518px;
	background			: rgba(255,255,255,0.2);
	border-top			: 1px solid #85c63e;
	border-bottom		: 15px solid #85c63e;
}
#menue ul {
	list-style			:  none;
	margin				:  0px;
	padding				:  0px;
}

#menue a {
	display				:  block;
	font-size			:  18px;
	font-weight			:  bold;
	color				:  #fff;
	text-transform		:  uppercase;
	padding				:  25px 15px;
}

#menue .menu {
	display				:  block;
	margin				:  0;
}
#menue .menu:hover, #menue .menu_on:hover, #menue .menu_on , #menue li:hover a.menu {
	display				:  block;
	margin				:  0;
	font-size			:  18px;
	font-weight			:  bold;
	color          		:  #fff;
	text-decoration		:  none;
	padding				:  25px 15px;
	background			:  rgba(235,218,14,0.3);
	transition			: background 0.8s ease;
}

#menue li {
	display:  inline-block;
}

.fa-chevron-down {
	margin				:  -7px 0 8px 40px;
	font-size			:  12px !important;
	background			:  none;
}

#menue ul li ul {
	position			:  absolute;
	display				:  none;
}
   
#menue ul li:hover ul, #menue li.sfhover ul{
	display				:  block;
	width				:  135px;
	z-index     		:  7;
	margin      		:  0px;
	font-size			:  12px;
	text-decoration		:  underline;
}

#menue ul li ul a.submenu {
		display			:  block;
		width			:  105px;
		color			:  #1e4167;
		font-size		:  14px;
		font-weight		:  normal;
		text-align		:  center;
		padding			:  2px 8px 2px 8px;
		background		:  #ffffff;
}

#menue ul li ul a.submenu:hover, #menue ul li ul a.submenu_on:hover, #menue ul li ul a.submenu_on {
		display			:  block;
		width			:  105px;
		color			:  #fff;
		font-size		:  14px;
		font-weight		:  normal;
		text-align		:  center;
		padding			:  2px 8px 2px 8px;
		text-decoration	:  none;
		background		:  rgba(225,107,50,1);
}

/* mobile Menü */
.fa-bars {
	font-size:  25px !important;
	color:  #ffffff;
}

.f-nav { 
	z-index: 9999999; 
	position: fixed; 
	left: 0; 
	top: 0; 
	width: 100%; 
}

#responsive-menu {
	display:  none;
	background:  #85c63e;
	width:  100%;
}

#responsive-menu .fa {
	padding:  10px;
	cursor:  pointer; 
	width:  100%;
}

.resmenu, .resmenu:hover, .resmenu_on, .resmenu_on:hover {
	width:  100%;
	padding:  5px;
}

.menu-items a {
	margin-left:  0;
	padding:  5px 0px;
	display:  block;
	height:  16px;
	width:  100%;
	color:  #ffffff;
	font-size:  13px;
	font-weight:  bold;
	text-decoration:  none;
}

.menu-items {
	width:  100% !important;
	position:  absolute;
	z-index:  9999;
	display:  none;
	margin-left:  0;
	padding-left:  0;
	background:  #1d1d1b;
	border-bottom:  3px solid #1d1d1b;
}

.menu-items ul {
	width:  100% !important;
}

.menu-items li {
	list-style-type:  none;
	width:  100% !important;
	border-bottom:  1px solid #000000;
	border-top:  1px solid #51514e;
	padding:  10px;
}

#schmetterwrapper {
	width: 100%;
	max-width: 242px;
	height: auto;
	float: right;
	margin: 0 10% 0 20px;
}

#contentwrapper {
	width: 100%;
	max-width: 909px;
	height: auto;
	margin: 0 auto;
}

#content {
	width:  100%;
	max-width:  909px;
	margin:  0 auto;
}

#inhalt {
	padding:  50px 20px;
}

#gestalten {
	float:  left;
	color:  #333;
	font-weight:  normal;
	width:  100%;
	max-width:  280px;
	min-height: 290px;
	text-align:  center;
	margin-left:  5px;
	padding-top: 10px;
	background: rgba(35,35,35,0.0);
	transition: background 0.8s ease;
}

#gestalten ul {
	list-style: none;
	color:  #333;
	font-weight: normal;
	width: 100%;
	margin: 13px 0 2px 0;
	text-align: center;
}

#pflegen {
	float:  left;
	color:  #333;
	font-weight:  normal;
	width:  100%;
	max-width:  280px;
	min-height: 290px;
	text-align:  center;
	margin-left:  30px;
	padding-top: 10px;
	background: rgba(35,35,35,0.0);
	transition: background 0.8s ease;
}

#pflegen ul {
	list-style: none;
	color:  #333;
	font-weight: normal;
	width: 100%;
	margin: 15px 0;
	text-align: center;
}

#bauen {
	float:  left;
	color:  #333;
	font-weight:  normal;
	width:  100%;
	max-width:  280px;
	min-height: 290px;
	text-align:  center;
	margin-left:  30px;
	padding-top: 10px;
	background: rgba(35,35,35,0.0);
	transition: background 0.8s ease;
}

#bauen ul {
	list-style: none;
	color:  #333;
	font-weight: normal;
	width: 100%;
	margin: 15px 0;
	text-align: center;
}

#gestalten:hover, #pflegen:hover, #bauen:hover {
	background: rgba(35,35,35,0.08);
}

li.bg {
	color: #e1db1e;
	background: #333;
}

#box_titel {
	font-size:  18px;
	font-weight:  bold;
	color:  #333333;
	text-transform:  uppercase;
	text-align:  center;
}

#balken {
	text-align:  center;
}

#slogan_mid {
	text-align:  center;
	margin:  35px 0;
}

#referenz_titel {
	font-size:  18px;
	font-weight:  bold;
	color:  #333333;
	text-transform:  uppercase;
}

#ref_bild {
	width: 100%;
	height: auto;
}

#ref_1 {
	float:  left;
}
#ref_2 {
	float:  left;
	margin:  0 7px;
}
#ref_3 {
	float:  left;
}
#ref_4 {
	float:  left;
}
#ref_5 {
	float:  left;
	margin:  0 7px;
}
#ref_6 {
	float:  left;
}
#ref_7 {
	float:  left;
}
#ref_8 {
	float:  left;
	margin:  0 7px;
}
#ref_9 {
	float:  left;
}

#footerwrapper {
	margin-top:  35px;
	margin-bottom: -50px;
	width:  100%;
	height:  auto;
	min-height:  1203px;
	background:  url(../images/footer_bg.jpg) center center no-repeat #7fb344;
	-webkit-background-size	:  cover;
	-moz-background-size	:  cover;
	-o-background-size		:  cover;
	-ms-background-size		:  cover;
	background-size			:  cover;
}

#footer_text {
	width:  100%;
	max-width:  650px;
	height:  auto;
	text-transform:  uppercase;
	color:  #fff;
	font-weight:  bold;
	text-align:  center;
	margin:  0 auto;
	border-bottom:  1px solid rgba(60,40,0,0.5);
}

#footer_text p {
	padding:  50px 0;
}

#kontaktwrapper {
	color:  #fff;
	width:  100%;
	max-width:  909px;
	height:  auto;
	margin:  50px auto;
}

#kontaktformwrapper {
	float:  left;
	width:  100%;
	max-width:  509px;
	height:  auto; 
	margin-top: 35px;
}

#textafter {
	float: left;  
	margin: 130px 0; 
	padding: 1%; 
	color: #333; 
	font-size:  15px;
	background: rgba(255,255,255,0.7);
}

#kontaktmapswrapper {
	position:  absolute;
	right:  25%;
	margin-top:  290px;
}

#kontaktadress {
	font-size:  20px;
	color:  #333;
	font-weight:  bold;
	text-align:  right;
	text-transform:  uppercase;
	padding:  5px 25px;
	background:  rgba(255,255,255,0.7);
}

.mapsbutton {
	font-size:  14px;
	color:  #333;
	font-weight:  bold;
	text-align:  center;
	padding:  3px 0;
	margin-top:  15px;
	background:  rgba(235,218,14,0.8);
}
.mapsbutton: hover {
	font-size:  14px;
	color:  #333;
	font-weight:  bold;
	text-align:  center;
	padding:  3px 0;
	margin-top:  15px;
	background:  rgba(235,218,14,0.9);
}

.mapslink {
	text-transform:  uppercase;
	text-decoration:  none !important;
}

#mapsicon {
	margin:  3px 0 -3px 5px;
}

#kontakt {
	font-size:  18px;
	color:  #fff;
	font-weight:  bold;
	text-transform:  uppercase;
}

#kon {
	font-size: 14px;
	font-weight:  bold;
	text-transform:  uppercase;
}

#scroll {
	position:  absolute;
	margin-top:  -90px;
}

* {
	margin				:  0;
	padding				:  0;
	border				:  0;
}

table {
	border-spacing			:  0;
}

td {
	font-family			:  Arial, sans-serif;
	color				:  #848484;
	vertical-align			:  top;
}

#qrcode {
	float: right;
	width: 100%;
	max-width: 200px;
	height: auto;
}

p { margin				:  1em 0; }

div {
	text-align			:  justify;
}

h1 {
	font-size 			:  25px;
	color				:  #333333;
	margin-bottom		:  1em;
	font-weight			:  bold;
	text-align			: left;
}
h2 {
	font-size			:  22px;
	color				:  #333333;
	margin				:  1em 0;
	font-weight			:  bold;
	text-align			: left;
}
h3 {
	font-size			:  20px;
	color				:  #333333;
	margin				:  1em 0;
	font-weight			:  bold;
	text-align			: left;
}
h4 {
	font-size			:  18px;
	color				:  #333333;
	margin				:  1em 0;
	font-weight			:  bold;
	text-align			: left;
}

#map iframe {
    pointer-events:  none;
}

a {
	color				:  #333333;
	font-weight			:  bold;
	text-decoration			:  none;
}
a: hover { text-decoration:  underline; }

img {
	border				:  none;
}
.get {
	background			:  url(http: //http-get.de/get.gif) no-repeat;
}

ul { margin-left				:  1.3em; }

textarea, input, select, input {
	font-family			:  Arial, sans-serif;
	color				:  #fff;
	border				:  0px solid #51831b;
	background			:  rgba(87,141,30,0.9);
	margin				:  1px 0;
	font-size			:  15px;
	padding				:  5px;
}
input.error, select.error, textarea.error {
	border				:  0px solid #FF0000;
	background-color	:  #FFFCE2;
}

/*für den IE*/
input[type=radio] {
	padding				:  0px;
	background			:  0px;
	border				:  1px;
}

.button {
	font-family			:  Arial, sans-serif;
	color				:  rgba(90,144,34,0.8);
	font-weight			:  bold;
	border				:  0px solid #54881d;
	background			:  rgba(235,218,14,0.8);
	margin				:  1px 0;
	padding				:  7px 0;
	font-size			:  15px;
	width				:  98%;
	text-align			:  center;
	cursor				:  pointer;
}
.button:hover {
	font-family			:  Arial, sans-serif;
	color				:  rgba(90,144,34,1);
	border				:  0px solid red;
	background			:  rgba(235,218,14,0.9);
	margin				:  1px 0;
	padding				:  7px 0;
	font-size			:  15px;
	width				:  98%;
	text-align			:  center;
}

@media (max-width: 1650px) {
#schmetterwrapper {
	width: 100%;
	max-width: 242px;
	height: auto;
	float: right;
	margin: 0 0% 0 20px;
}
#kontaktmapswrapper {
	position:  absolute;
	right:  15%;
	margin-top:  434px;
}
}

@media (max-width: 1000px) {
#schmetterwrapper, #menue, #balken, #kontaktmapswrapper, #refemobil { display: none; }
#responsive-menu { display: block; }
#footerwrapper {
	margin-top:  35px;
	width:  100%;
	height:  auto;
	min-height:  800px;
	background:  #7fb344;
}

#plus1 {
	position :absolute;
	left: 10px;
	top: 65px;
}

#footer_text {
	width:  100%;
	max-width:  99%;
	height:  auto;
	text-transform:  uppercase;
	color:  #fff;
	font-weight:  bold;
	text-align:  center;
	margin:  0 auto;
	border-bottom:  1px solid rgba(60,40,0,0.5);
}

#kontaktwrapper {
	color:  #fff;
	width:  100%;
	max-width:  99%;
	height:  auto;
	margin:  50px auto 0px auto;
}

#kontaktformwrapper {
	float:  left;
	width:  100%;
	max-width:  99%;
	height:  auto;
}
.button {
	font-family			:  Arial, sans-serif;
	color				:  rgba(90,144,34,0.8);
	font-weight			:  bold;
	border				:  0px solid #54881d;
	background			:  rgba(235,218,14,0.8);
	margin				:  1px 0;
	padding				:  7px 0;
	font-size			:  15px;
	width				:  99%;
	text-align			:  center;
	cursor				:  pointer;
}
.button:hover {
	font-family			:  Arial, sans-serif;
	color				:  rgba(90,144,34,1);
	border				:  0px solid red;
	background			:  rgba(235,218,14,0.9);
	margin				:  1px 0;
	padding				:  7px 0;
	font-size			:  15px;
	width				:  99%;
	text-align			:  center;
}
#slogan_mid {
	text-align:  center;
	margin:  0;
}

#ref_1, #ref_2, #ref_3, #ref_4, #ref_5, #ref_6, #ref_7, #ref_8, #ref_9 {
	float:  left;
	width: 100%;
	max-width: 296px;
	height: auto;
	margin:  0;
}
}

@media (max-width: 915px) {
#gestalten {
	float:  none;
	color:  #848484;
	font-weight:  normal;
	width:  100%;
	max-width:  280px;
	min-height: 370px;
	text-align:  center;
	margin: 0 auto;
	padding-top: 10px;
	background: rgba(35,35,35,0.0);
	transition: background 0.8s ease;
}
#pflegen {
	float:  none;
	color:  #848484;
	font-weight:  normal;
	width:  100%;
	max-width:  280px;
	min-height: 370px;
	text-align:  center;
	margin: 0 auto;
	padding-top: 10px;
	background: rgba(35,35,35,0.0);
	transition: background 0.8s ease;
}
#bauen {
	float:  none;
	color:  #848484;
	font-weight:  normal;
	width:  100%;
	max-width:  280px;
	min-height: 370px;
	text-align:  center;
	margin: 0 auto;
	padding-top: 10px;
	background: rgba(35,35,35,0.0);
	transition: background 0.8s ease;
}

#sloganwrapper {
	position			:  absolute;
	width				:  100%;
	height				:  auto;
	text-align			:  center;
	top					:  350px;
	font-size			:  95%;
	left				:  0px;
	font-weight			:  bold;
	color				:  #f8e400;
	text-transform		:  uppercase;
	text-shadow			:  2px 2px 7px rgba(0,0,0,0.7);
}
#headbildwrapper {
	width				: 100%;
	max-width			: 1920px;
	height				: 400px;
	background			: url(../images/slider1.jpg)center center no-repeat;
	background-size		: auto;
}
h1 {
	font-size 			:  25px;
	color				:  #333333;
	margin-bottom		:  1em;
	font-weight			:  bold;
	text-align			: center;
}
h2 {
	font-size			:  22px;
	color				:  #333333;
	margin				:  1em 0;
	font-weight			:  bold;
	text-align			: center;
}
h3 {
	font-size			:  20px;
	color				:  #333333;
	margin				:  1em 0;
	font-weight			:  bold;
	text-align			: center;
}
h4 {
	font-size			:  18px;
	color				:  #333333;
	margin				:  1em 0;
	font-weight			:  bold;
	text-align			: center;
}
}

@media (max-width: 550px) {
	#qrcode { display: none; }
	#plus1 {
	position :absolute;
	left: 10px;
	top: 110px;
	}
}

@media (max-width: 480px) {
#footerwrapper {
	margin-top:  35px;
	width:  100%;
	height:  auto;
	min-height:  850px;
	background:  #7fb344;
}
}

@media (max-width: 450px) {
	#plus1 {
	position :absolute;
	left: 10px;
	top: 110px;
	}
}

@media (max-width: 350px) {
#footerwrapper {
	margin-top:  35px;
	width:  100%;
	height:  auto;
	min-height: 900px;
	background:  #7fb344;
}
}

@media (max-width: 250px) {
#footerwrapper {
	margin-top:  35px;
	width:  100%;
	height:  auto;
	min-height: 950px;
	background:  #7fb344;
}
}