body, .text {
	margin:				0px;
	padding:			0px;
	/*background-color:	#9FE7B9;*/
	font-family:		"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dce3c4+6,fefefd+100 */
	background: rgb(205,237,196); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(205,237,196,1) 6%, rgba(254,254,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(205,237,196,1) 6%,rgba(254,254,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(205,237,196,1) 6%,rgba(254,254,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce3c4', endColorstr='#fefefd',GradientType=0 ); /* IE6-9 */

}

h1 {
	margin:				0px;
	color:				#333;
	padding:			7px;
	margin:				15px;
}

a {
	text-decoration:	none;
	color:				#367A71;
	-webkit-transition:	0.35s ease-in-out;
    -moz-transition:	0.35s ease-in-out;
    -o-transition:		0.35s ease-in-out;
    transition:			0.35s ease-in-out;
}

a:hover {
	color:				#777;
}

img {
	border:				0px;
}

input[type="text"], textarea {
	background-color:	#FFF;
	-webkit-transition:	0.35s ease-in-out;
    -moz-transition:	0.35s ease-in-out;
    -o-transition:		0.35s ease-in-out;
    transition:			0.35s ease-in-out;
	box-shadow:			-4px 5px 12px #EEE inset;
	outline:			none;
}

input[type="text"]:focus, textarea:focus {

	box-shadow:			0px 0px 8px #367A71;
}

.signature {
	display:			block;
	font-size:			25px;
	margin-top:			25px;
	margin-left:		0px;
	font-style:			italic;
	color:				#367A5E;
}

.header {
	width:				100%;
	background-color:	#FFF;
	overflow:			hidden;
	box-shadow:			0px 10px 20px #B0D6A5;
}

.header .logo {
	float:				right;
	width:				37px;
	margin-bottom:		15px;
	margin-top:			0px;
	margin-right:		30px;
}

.header .title {
	float:				left;
	display:			block;
	color:				#367A5E;
	padding-left:		20px;
	padding-top:		12px;
	/* font-family: 'Italianno', cursive; */
	font-family: 'Mr De Haviland', cursive;
	/* font-family: 'Rouge Script', cursive; */
	/* font-family: 'Mrs Saint Delafield', cursive; */
	font-size:			80px;
	width:				100%;
}

.topNavigation {
	background-color:	#367A5E;
	padding-top:		0px;
}

.content {
	width:				1050px;
	margin-left:		auto;
	margin-right:		auto;
	clear:				both;
	overflow:			hidden;
}

.footer {
	padding:			0px;
	padding-bottom:		20px;
	background-color:	#FFF;
	width:				100%;
	box-shadow:			0px 10px 15px #BBB inset;
	color:				#AAA;
}

.footer a {
	color:				#367A5E;
	-webkit-transition:	0.35s ease-in-out;
    -moz-transition:	0.35s ease-in-out;
    -o-transition:		0.35s ease-in-out;
    transition:			0.35s ease-in-out;
}

.footer a:hover {
	color:				#555;
}

.footer .content .links {
	margin-top:			15px;
	margin-left:		10px;
	float:				left;
}

.footer .content .logos {
	margin-top:			15px;
	float:				right;
	font-size:			13px;
}

.row {
	clear:				both;
}

.introText {
	font-size:			19px;
	line-height:		26px;
}

.textLeft {
	color:				#333;
	font-size:			15px;
	padding:			0px;
	float:				left;
	width:				33%;
}

.textRight {
	color:				#333;
	padding:			0px;
	float:				right;
	width:				66%;
}

.textBox {
	margin:				12px;
	margin-right:		22px;
}

.textWide {
	color:				#333;
	padding:			0px;
	width:				100%;
	clear:				both;
	overflow:			hidden;
}

.tileLeft, .tileCenter, .tileRight {
	width:				33.33333%;
	float:				left;
}

.tileContentBox {
	background-color:	#F7F7F7;
	margin:				7px;
	padding:			10px;
	box-shadow:			3px 5px 5px #AAA;
}

.tileContentBox .header{
	color:				#2E7429;
	background-color:	#F7F7F7;
	box-shadow:			none;
	font-size:			22px;
}

.inputContact, .submitButton  {
	border:				1px solid #777;
	padding:			5px;
	margin:				4px;
	font-size:			16px;
	border-radius:		3px;
}

.inputContact.text {
	width:				98%;
	height:				220px;
	background-color:	#FFF;
	background:			#FFF;
}

.submitButton {
	text-align:			center;
	width:				100%;
	background-color:	rgb(46, 116, 41);
	color:				#FFF;
	border:				1px solid #333;
	margin-left:		4px;
	padding-top:		8px;
	padding-bottom:		8px;
	cursor:				pointer;
}

.showcase {
	font-size:			14px;
}

.showcase img {
	width:100%;
}

.showcase .picSmall {
	width:				49%;
	-webkit-transition:	0.2s ease-in-out;
    -moz-transition:	0.2s ease-in-out;
    -o-transition:		0.2s ease-in-out;
    transition:			0.2s ease-in-out;
}

.showcase .picSmall:hover {
	width:49%;
	transform: scale(1.05);
}

.showcase .left {
	width:30%;
	float:left;
}

.showcase .right {
	width:70%;
	float:right;
}

.showcase .text{
	margin:10px;
	margin-left:15px;
	margin-right:20px;
	background-color:#ccc;
}

.showcase .text .title{
	font-weight:700;
	margin-bottom:5px;
	font-size:18px;
}

.showcase .text table {
	margin:4px;
	margin-top:8px;
	margin-bottom:8px;
}

.showcase .text table td{
	background-color:	#E7E7E7;
	box-shadow:			3px 3px 12px #777;
	padding:			3px;
}

.titleIcon {
	height:				32px;
	position:			relative;
	top:				3px;
	margin-right:		8px;
}

.cell-3-1 {
	width:				33.33%;
	float:				left;
}

@media only screen and (max-width:1070px) {
	.content
	{
		width:100%;
	}
}

@media only screen and (max-width:850px) {
		.tileLeft, .tileCenter, .tileRight {
		width:				50%;
		float:				left;
	}
}

@media only screen and (max-width:700px) {
	.textLeft, .textRight
	{
		width:	100% !important;
	}
	
	.showcase .picSmall {
		width:100%;
	}
	
	.cell-3-1 {
		width: 50%;
	}
}

@media only screen and (max-width:500px) {
	.tileLeft, .tileCenter, .tileRight {
		width:				100%;
		float:				left;
	}
	
	.gallery > img {
		width: 25%;
	}
	
	.title  a{
		font-size:50px;
	}
	
	#logoSingle {
		margin-left: 10px !important;
		margin-right: 30px !important;
	}
	
	.signature img {
		width: 85%;
	}
	
	.cell-3-1 {
		width: 100%;
	}	
}

@media only screen and (max-width:840px) {
	#inhalt { 
		margin:0px;
		position:static;
	}
}

/* MENU */

.rhRespMenu {
  overflow: visible;
  height: 30px;
  margin-left:12px;
}

/* apply a natural box layout model to all elements */
.rhRespMenu *, .rhRespMenu *:before, .rhRespMenu *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*remove list style and margin padding for all ul and li*/
.rhRespMenu ul, .rhRespMenu li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*hide all dropdowns*/
.rhRespMenu ul {
  background-color: #000;
  display: none;
}

/*show mobile toggleMenu*/
.rhRespMenu .toggleMenu {
  display: none;
}

.rhRespMenu .toggleMenu a {
  padding-left: 0px;
  font-size: 20px;
}

.rhRespMenu > ul {
  display: block;
  margin-left: 0;
  margin-right: 0;
}

.rhRespMenu > ul li {
  border-top: 0px solid #242324;
  clear: left;
  float: left;
  position: relative;
  width: 100%;
}

.rhRespMenu > ul a {
  color: #fff;
  display: block;
  padding-left: 0px;
  padding-right: 12px;
  text-decoration: none;
  width: 100%;
  overflow: hidden;
  white-space: pre-line;
}

/* line 82, ../rhSass/rhRespMenu.scss */
.rhRespMenu > ul .hasDrop > a {
  padding-right: 50px;
}

/*================================================*/
/*=== padding for mobile  ======================*/
/*================================================*/
/* line 89, ../rhSass/rhRespMenu.scss */
.rhRespMenu > ul li li a {
  padding-left: 0.75rem;
}

/* line 93, ../rhSass/rhRespMenu.scss */
.rhRespMenu > ul li li li a {
  padding-left: 1.5rem;
}

/* line 97, ../rhSass/rhRespMenu.scss */
.rhRespMenu > ul li li li li a {
  padding-left: 2.25rem;
}

/* line 101, ../rhSass/rhRespMenu.scss */
.rhRespMenu > ul li li li li li a {
  padding-left: 3rem;
}

/* line 105, ../rhSass/rhRespMenu.scss */
.rhRespMenu > ul li li li li li li a {
  padding-left: 3.75rem;
}

/* line 109, ../rhSass/rhRespMenu.scss */
.rhRespMenu > ul li li li li li li li a {
  padding-left: 4.5rem;
}

/*================================================*/
/*====== show ul on ckick / hover ==============*/
/*================================================*/
/* line 117, ../rhSass/rhRespMenu.scss */
.rhRespMenu > ul li.rhRespMenuOpen > ul,
.rhRespMenu ul.rhRespMenuOpen {
  display: block;
}

/*================================================*/
/* menu drop styling ================================================*/
/*================================================*/
/* line 125, ../rhSass/rhRespMenu.scss */
.rhRespMenu > ul li .rhRespMenuDropdown,
.rhRespMenu > ul.toggleMenu > li .rhRespMenuDropdown {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 30px;
  padding: 0px;
  position: absolute;
  right: 0;
  top: 0;
}

/*overwtirt dropdown (e.g hamburger) for menu toggle for mobile if necessary*/
/* line 151, ../rhSass/rhRespMenu.scss */
.rhRespMenu > ul li .rhRespMenuDropdown {
  text-align: center;
}

/* line 156, ../rhSass/rhRespMenu.scss */
.rhRespMenu > ul li .rhRespMenuDropdown:before,
.rhRespMenu > ul.toggleMenu > li .rhRespMenuDropdown:before {
  	    /*content: "?";
  	    font-size:15px;
  	    line-height:30px;
     	    width: 20px;*/
}

/*overwtirt dropdown (e.g hamburger) for menu toggle for mobile if necessary*/
/* line 169, ../rhSass/rhRespMenu.scss */
.rhRespMenu > ul.toggleMenu > li .rhRespMenuDropdown:before {
  /* content: "?";
  font-size:15px;
  line-height:30px;
  width: 20px;
  padding-left:0px;*/
}

/*********************
desktop
**********************/
@media only screen and (min-width: 55.063em) {
  /*possibility to check via js whether desktop version triggerd or not*/
  /* line 188, ../rhSass/rhRespMenu.scss */
  body:after {
    content: 'rhRespMenuOnDesktop';
    display: none;
  }

  /* show first ul on desktop view */
  /* line 194, ../rhSass/rhRespMenu.scss */
  .rhRespMenu > ul {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }

  /*hide mobile menuToggle*/
  /* line 201, ../rhSass/rhRespMenu.scss */
  .rhRespMenu > ul:first-child {
    display: none;
  }

  /* line 205, ../rhSass/rhRespMenu.scss */
  .rhRespMenu > ul a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .rhRespMenu > ul > li {
    clear: none;
    width: auto;
    border-right: solid 0px #242324;
    border-top: none;
    width: auto;
    margin-left: 20px;
    padding-right: 5px;
  }

  /* line 249, ../rhSass/rhRespMenu.scss */
  .rhRespMenu > ul > li:first-child {
    padding-left: 0px !important;
    margin-left: 0px !important;
  }

  /* line 254, ../rhSass/rhRespMenu.scss */
  .rhRespMenu > ul > li > a {
    padding-right: 0px !important;
    padding-left: 0px !important;
    font-size: 0.9375rem;
  }

  /* line 260, ../rhSass/rhRespMenu.scss */
  .wf-active .rhRespMenu > ul > li > a {
    font-size: 0.9375rem;
  }

  /* line 269, ../rhSass/rhRespMenu.scss */
  .rhRespMenu > ul > li.rhRespMenuOpen,
  .rhRespMenu > ul > li:hover > a,
  .rhRespMenu > ul > li.rhRespMenuOpen > .rhRespMenuDropdown {
    background-color: #2E7429 !important;
  }

  .rhRespMenu > ul > li > ul ul {
    border-left: solid 0px #242324;
  }

  .rhRespMenu > ul li.rhRespMenuOpen > ul {
    -moz-box-shadow: 1px 1px 5px 0px #333;
    -webkit-box-shadow: 1px 1px 5px 0px #333;
    box-shadow: 1px 1px 5px 0px #333;
  }

  .rhRespMenu > ul li li.rhRespMenuOpen > ul {
    position: absolute;
    top: -1px;
    left: 100%;
    width: auto;
    min-width: 0px;
    z-index: 1000;
  }

  .rhRespMenu > ul li li.rhRespMenuOpen ul.openStacked {
    position: static;
    border: none;
  }

  .rhRespMenu > ul li a,
  .rhRespMenu > ul li li a,
  .rhRespMenu > ul li li li a,
  .rhRespMenu > ul li li li li a,
  .rhRespMenu > ul li li li li li a,
  .rhRespMenu > ul li li li li li li a,
  .rhRespMenu > ul li li li li li li li a {
	padding-left: 0.75rem;
	
  }

  .rhRespMenu ul.openStacked li a {
    padding-left: 1.5rem;
  }

  .rhRespMenu ul.openStacked li li a {
    padding-left: 2.25rem;
  }

  .rhRespMenu ul.openStacked li li li a {
    padding-left: 3rem;
  }

  .rhRespMenu ul.openStacked li li li li a {
    padding-left: 3.75rem;
  }

  .rhRespMenu ul.openStacked li li li li li a {
    padding-left: 4.5rem;
  }

  .rhRespMenu ul.openStacked li li li li li li a {
    padding-left: 5.25rem;
  }

  .rhRespMenu ul.openStacked li a.rhRespMenuDropdown {
    padding-left: 0px;
  }

  .rhRespMenu > ul > li.rhRespMenuOpen > ul {
    top: 30px;
    left: 0px;
    min-width: 100%;
    position: absolute;
    z-index: 1000;
  }
}

.rhRespMenu {
  font-style: normal;
}

.rhRespMenu > ul,
.rhRespMenu ul li a {
  line-height: 25px;
}

.rhRespMenu > ul,
.rhRespMenu > ul li,
.rhRespMenu > ul li .rhRespMenuDropdown {
  background-color: #2E7429;
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

.rhRespMenu > ul li a:hover,
.rhRespMenu .rhRespMenuDropdown:hover,
.rhRespMenu > ul li.rhRespMenuOpen,
.rhRespMenu > ul li.rhRespMenuOpen > .rhRespMenuDropdown {
  background-color: #2E7429;
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

.rhRespMenu > ul li,
.rhRespMenu > ul > li > ul ul,
.rhRespMenu > ul .rhRespMenuDropdown {
  border-color: #fff;
  border-top-color: #ccc;
}

.rhRespMenu > ul.toggleMenu li,
.rhRespMenu > ul.toggleMenu > li > ul ul,
.rhRespMenu > ul.toggleMenu .rhRespMenuDropdown {
  display: block;
  border-top: none;
}

.rhRespMenu > ul a,
.rhRespMenu > ul li a {
  color: #FFF;
  font-weight: normal;
  font-size:16px;
  /*
  * please adjust padding of button in the code above
  * adjust the padding-right of hasdrop a, too
  * it's not possible to make general rules for easily changing the padding here
  */
}

.rhRespMenu > ul li a.active,
.rhRespMenu > ul li a:hover,
.rhRespMenu > ul li.rhRespMenuOpen > a,
.rhRespMenu .toggleMenu .rhRespMenuToggleActive a {
  color: #FFF;
}

.rhRespMenu .toggleMenu li:hover,
.rhRespMenu .rhRespMenuToggleActive {
  background: none;
}

.rhRespMenu .toggleMenu li,
.rhRespMenu .toggleMenu .rhRespMenuToggleActive:hover {
  background: none;
}