/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v16-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* just-another-hand-regular - latin */
@font-face {
  font-family: 'Just Another Hand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/just-another-hand-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Just Another Hand Regular'), local('JustAnotherHand-Regular'),
       url('../fonts/just-another-hand-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/just-another-hand-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/just-another-hand-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/just-another-hand-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/just-another-hand-v10-latin-regular.svg#JustAnotherHand') format('svg'); /* Legacy iOS */
}

.logo {
	width: 100%!important;
}
.reveal-overlay {
	z-index: 11111;
}
h1.header {
	font-family: 'Just Another Hand';
	color: #fff;
	margin-top: 80px;
	line-height: 75px;
	font-size: 80px;
	letter-spacing: 1.5px;
}
h2.header {
	font-family: 'Open Sans';
	color: #fff;
	margin-top: 5px;
	font-size: 23px;
	margin-bottom: 35px;
}
h2.h2reveal {
	text-transform: none;
	color: #96c11f;
}
h2 {
	letter-spacing: 1.5px;
	font-size: 50px;
	color: #96c11f;
	font-family: 'Just Another Hand';
}
.boxheader {
	text-transform: none;
}
.headerbild {
	float: right;
	width: 250px;
	margin-right: 0px;
}
body, a {
	font-family: 'Open Sans';
	color: #525252;
}
p strong em {
	color: #525252;
	font-family: 'Open Sans';
}
li {
	color: #525252;
	font-family: 'Open Sans';
}
.hauptnavigaton .menu {
	position: absolute;
}
.logo {
	width: 190px!important;
	box-shadow: 0px 3px 5px rgba(134, 134, 134, 0.25);
	background: #fff;
	position: absolute;
}
#masthead #site-navigation{
/*	width: 300px;
	position: absolute;*/
	width: 100%;
	padding: 15px;
	background-color: #fff;
	height: 315px !important;
	margin: 0px 0px 0px 100px;

	z-index: 10;
	top: 12px!important;
}
.hauptnavigaton .menu {
	margin-top: 30px;
}
.menu > li > a {
	padding-left: 0px;
	padding-right: 25px;
}
.hauptnavigaton a {
	color: #fff;
	text-transform: uppercase;
}
.section1 {
	background: #96c11f;
	padding-top: 75px;
	padding-bottom: 20px;
}
.section2 {
	padding-top: 75px;
	padding-bottom: 75px;
}
.section3 {
	padding-top: 35px;
	padding-bottom: 50px;
	background: #96c11f;
}
.section4 {
	padding-top: 75px;
	padding-bottom: 50px
}
.section5 {
	padding-top: 35px;
	padding-bottom: 50px;
	background: #96c11f;
}
.box {
	margin-top: 30px;

}
.box ul {
	padding-left: 0px;
	margin-left: 0px;
}
.box .innerBox {
	background-color: #eee;
	padding: 40px 40px;	
}
.box li {
	background: url('../images/pfeil.png') no-repeat 2px;
	list-style: none;
	padding-left: 20px;
}
.box:first-child .innerBox {
	margin-right: 20px;
}
.box:last-child .innerBox {
	margin-left: 20px;
}

.bestellenheader {
	color: #fff;
}
.bestellentext {
	color: #fff;
}
.bestellen {
	border-radius: 30px;
	background: #ff923a;
	box-shadow:0px 3px 5px rgba(134, 134, 134, 0.25);
	color: #fff;
	text-transform: uppercase;
	padding: 4px 35px;
}
.bestellen:hover {
	color: #fff;
}
.wpcf7 .columns {
	padding-left: 0rem!important;
}
h2.galerie {
	color: #96c11f!important;
}

#footer-bar {
	background: #9d9d9c;
	padding-top: 20px;
	padding-bottom: 20px;
}
#footer-bar img {
	width: 100px;
	height: 100px;
}
#footer-bar .menu a {
	color: #fff;
}
.menu .active > a {
	background: transparent;
}

.menu-navigation-container {
	margin-top: 35px;
}


.wpcf7-submit {
	border-radius: 30px;
	background: #ff923a;
	box-shadow:0px 3px 5px rgba(134, 134, 134, 0.25);
	color: #fff;
	text-transform: uppercase;
	padding: 4px 35px;
	border: none;
}
.bestellenform p {
	color: #fff;
}
.wpcf7-textarea {
	height: 200px!important;
}
.reveal {
	padding: 80px;
	width: 800px!important;
}
.headerbildmobil {
	display: none;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	.off-canvas, 
	.off-canvas-wrapper {
		background-color:#96c11f ;
	}
	.headerbild {
		display: none;
	}	
	.headerbildmobil {
		display: block;
		width: 250px;
		margin: 0px auto;
	}
	.logo {
		width: 140px!important;
		box-shadow: 0px 3px 5px #444;
		background: #fff;
		position: absolute;
		margin-left: 10px;
	}
	h1.header {
		margin-top: 140px;
		line-height: 65px;
		font-size: 60px;
		margin-left: 20px;
	}
	h2.header {
		margin-top: 0px;
		font-size: 18px;
		margin-bottom: 35px;
		margin-left: 20px;
	}
	.hamburger {
		position: absolute;
		right: 0px;
	}
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
		background-color: #fff!important;
	}
	.off-canvas .menu > li > a {
		padding-left: 20px!important;
		color: #fff!important;
		font-size: 20px;
	}
	.box:first-child .innerBox {
		margin-right: 20px;
		margin-left: 20px;
	}
	.box:last-child .innerBox {
		margin-left: 20px;
		margin-right: 20px;
	}
	.wpcf7 {
		padding: 20px!important;
	}
	.widget .menu > li {
		display: block;
	}
	#footer-bar img {
		margin-top: 40px;
	}
	.section2 h2,
	.section2 .text  {
		padding: 0px 20px;
	}
	.section2 .box h2  {
		padding: 0px 0px;
	}
	.reveal {
	padding: 20px;
	width: 100%!important;
	}
}

/* Medium and up */
@media screen and (min-width: 40em) {

}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

@media screen and (min-width: 1800px) {

	
}
@media screen and (min-width: 1500px) {
	
}