@font-face {
	font-family: 'OpenSans Regular';
	src: url('../fonts/opensans-regular.eot');
	src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans-regular.woff') format('woff'),
		 url('../fonts/opensans-regular.ttf') format('truetype'),
		 url('../fonts/opensans-regular.svg#SeanRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans Light';
	src: url('../fonts/opensans-light.eot');
	src: url('../fonts/opensans-light.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans-light.woff') format('woff'),
		 url('../fonts/opensans-light.ttf') format('truetype'),
		 url('../fonts/opensans-light.svg#SeanRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

:root {
	--swiper-theme-color: #61ad2d;
}

html, body { font-family: 'OpenSans Regular'; font-size: 16px; color: #333; }
body { display: flex; flex-direction: column; min-height: 100vh; }
.max-width { max-width: 1200px; margin: 0 auto; justify-content: space-between; }
.max-width.flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.max-width.flex.middle { align-items: center; }

.hamburger { display: block; width: 75px; cursor: pointer; height: 50px; position: relative; margin-left: auto; margin-right: auto; border-radius: 4px; transition: border-radius .5s; transition: 0.2s; transform-origin: center; }
.line { position: absolute; left:10px; height: 4px; width: 55px; background: #61ad2d; border-radius: 2px; display: block; transition: 0.5s; transform-origin: center; }
.line:nth-child(1) { top: 12px; }
.line:nth-child(2) { top: 24px; }
.line:nth-child(3) { top: 36px; width: 30px; }
body.nav-opened .hamburger .line:nth-child(1){ transform: translateY(12px) rotate(-45deg); }
body.nav-opened .hamburger .line:nth-child(2){ opacity:0; }
body.nav-opened .hamburger .line:nth-child(3){ transform: translateY(-12px) rotate(45deg); width: 55px; }
body.nav-opened #navigation { transform: translateY(0%); }

#header { position: fixed; z-index: 10; top: 0px; right: 0px; left: 0px; background: #FFF; padding: 20px 0px; box-shadow: 0px 0px 10px #000; transition: 0.6s;  }
#header .max-width { position: relative; }
#header-logo { display: flex; align-items: flex-start; justify-content: flex-start; }
#header-logo div.first { width: 42px; overflow: hidden; transition: all 0.5s; }
#header-logo div.last { width: 100px; padding-top: 3px; padding-left: 4px; transition: all 0.5s;  }
#header-logo img { width: 100%; }
#header-nav-icons { display: flex; align-items: center; }
#header-nav-icons .icon { margin: 0px 20px 0px 0px; padding: 10px 0px; border-bottom: 3px solid #FFF; transition: all 0.5s; }
#header-nav-icons .icon:hover { border-bottom: 3px solid #61ad2d; }
#header-nav-icons a { display: block; text-decoration: none; color: #333; padding-left: 30px; background-repeat: no-repeat; line-height: 22px; background-position: 0px 0px; background-size: 22px 22px; }
#header-nav-icons a.home { background-image: url(../images/home.svg); }
#header-nav-icons a.contact { background-image: url(../images/contact.svg); }
#header-nav-icons a.faq { background-image: url(../images/faq.svg); }
#navigation { position: fixed; z-index: 9; left: 0px; right: 0px; top: 105px; background: rgba(97, 173, 45, 0.8); color: #FFF; transform: translateY(-180%); transition: all 0.5s; padding: 10px 0px 0px 0px; }
#navigation .nav_level1 { display: flex; flex-wrap: nowrap; justify-content: space-between; }
#navigation .nav_level1>div { flex: 1; text-align: center; color: #FFF; position: relative; }
#navigation .nav_level1>div>a { color: #FFF; text-decoration: none; display: block; padding: 56px 0px 10px 0px; background-repeat: no-repeat; background-position: center 10px; background-size: auto 36px; transition: all 0.5s; }
#navigation .nav_level1>div>a:hover, #navigation .nav_level1>div:hover>a { background-color: rgba(97, 173, 45, 1); }
#navigation .nav_level1>div>a.nav-point.nav-2 { background-image: url(../images/team.svg); }
#navigation .nav_level1>div>a.nav-point.nav-3 { background-image: url(../images/products.svg); }
#navigation .nav_level1>div>a.nav-point.nav-4 { background-image: url(../images/produzenten.svg); }
#navigation .nav_level1>div>a.nav-point.nav-5 { background-image: url(../images/quality.svg); }
#navigation .nav_level1>div>a.nav-point.nav-6 { background-image: url(../images/press.svg); }
#navigation .nav_level1>div>a.nav-point.nav-7 { background-image: url(../images/recipes.svg); }
#navigation .nav_level1>div>a.nav-point.nav-21 { background-image: url(../images/quality.svg); }
#navigation .nav_level2 { max-height: 0px; overflow: hidden; transition: all 0.5s; position: absolute; background-color: #FFF; left: 0px; min-width: 100%; text-align: left; }
#navigation .nav_level2:before { content: ' '; position: absolute; top: 0px; left: 20px; width: 0px; height: 0px; -webkit-transform:rotate(360deg); border-style: solid; border-width: 13px 13px 0 13px; border-color: #e20013 transparent transparent transparent; }
#navigation .nav_level1>div.opened .nav_level2 { max-height: 200px; padding-top: 15px; border-left: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
#navigation .nav_level2>a { display: block; color: #61ad2d; text-decoration: none; line-height: 32px; padding: 0px 10px 0px 20px; white-space: nowrap; }
#navigation .nav_level2>a:hover { background-color: #61ad2d; color: #FFF; }

#slider { position: fixed; z-index: 1; top: 116px; right: 0px; left: 0px; }
#slider-spacer { position: relative; width: 100%; margin-top: 116px; }
#slider, #slider-spacer { height: calc(100vh - 116px); }
.swiper-slide { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-size: cover; background-repeat: no-repeat; background-position: center; }
#slider .slider-overlay { position: absolute; right: 0px; left: 40%; bottom: 20%; background: rgba(255,255,255,0.70); font-size: 32px; color: #61ad2d; padding: 10px 20px; text-transform: uppercase; }

#slider .arrow { width: 60px; position: absolute; bottom: 7%; left: 50%; transform: translate(-50%,0); z-index: 10; animation: jump 3s infinite; }
#slider .arrow span.top { display: block; width: 30px; height: 30px; border-bottom: 5px solid #61ad2d; border-right: 5px solid #61ad2d; transform: rotate(45deg); margin: -10px; animation: color 3s infinite; }
#slider .arrow span.line { transform: rotate(90deg) translate(-30px,32px); }
/* #slider .arrow span{ display: block; width: 30px; height: 30px; border-bottom: 5px solid #61ad2d; border-right: 5px solid #61ad2d; transform: rotate(45deg); margin: -10px; animation: animate 2s infinite; }
#slider .arrow span:nth-child(2){ animation-delay: -0.2s; }
#slider .arrow span:nth-child(3){ animation-delay: -0.4s; }
*/
@keyframes jump {
	0%{
		opacity: 1;
		transform: translate(0px,0px);
	}
	25%{
		opacity: 1;
		transform: translate(0px,-10px);
	}
	30%{
		opacity: 1;
		transform: translate(0px,10px);
	}
	35%{
		opacity: 1;
		transform: translate(0px,-10px);
	}
	40%{
		opacity: 1;
		transform: translate(0px,10px);
	}
	50%{
		opacity: 1;
		transform: translate(0px,0px);
	}
	100%{
		opacity: 1;
		transform: translate(0px,0px);
	}
}

@keyframes color {
	0%{
		border-color: #61ad2d;
	}
	25%{
		border-color: #61ad2d;
	}
	30%{
		border-color: #E42413;
	}
	35%{
		border-color: #61ad2d;
	}
	40%{
		border-color: #E42413;
	}
	50%{
		border-color: #61ad2d;
	}
	100%{
		border-color: #61ad2d;
	}
}


#content { position: relative; z-index: 5; flex: 1; margin-top: 116px; }
#content .bg { background-color: #FFF; min-height: 100vh; }
#content .greeting { text-align: center; }
#content .greeting .USERtext { line-height: 2em; }

/* #content blockquote { background: #f9f9f9; font-style: italic; font-size: 1.3em; border-left: 10px solid #f9f9f9; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; }
#content blockquote:before { color: #5DA331; content: open-quote; font-style: normal; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; }
#content blockquote p { display: inline; } */

blockquote {
  display: block;
  border-width: 2px 0;
  border-style: solid;
  border-color: #5DA331;
  padding: 0.5em 1.5em 0.5em;
  margin: 1.5em 0;
  position: relative;
  font-style: italic;
}
blockquote:before {
  content: '\201C';
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 3rem;
  height: 2rem;
  font: 6em/1.08em 'PT Sans', sans-serif;
  color: #5DA331;
  text-align: center;
}

#content li { list-style-type: none; background-image: url(../images/star.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position: 0px 0px; padding-left: 20px; }

#content .USERtext a { color: #61ad2d; text-decoration: none; }
#content .USERtext a:hover { text-decoration: underline; }

#content .breadcrumb-bg { background: #FFF; }
#content .breadcrumb { padding-top: 16px; padding-bottom: 16px; }
#content .breadcrumb a { text-decoration: none; color: #61AD2D; margin-right: 0.5rem; }
#content .breadcrumb a:after { content: '»'; color: #222; margin-left: 0.5rem; font-size: 1.3em; }
#content .breadcrumb a:last-child:after { display: none; }

.full-teaser.img100 img { width: 100% !important; height: auto !important; }

table { border: none; border-collapse: collapse; }
table tr td { padding: 5px; border-bottom: 2px solid #FFF; cursor: default; }
table tr:nth-child(even){background-color: #f2f2f2; }
table tr:hover {background-color: #ddd; }
.table-scrollable { width: 100%; overflow-y: auto; margin: 0 0 1em; }
.table-scrollable::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; }
.table-scrollable::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3); }

#footer { position: relative; z-index: 5; background: #FFF; font-family: 'OpenSans Light' !important; font-weight: lighter; }
#footer a { text-decoration: none; color: #FFF; }
#footer a:hover { text-decoration: underline; }
body#page-22 #footer-top { display: none; }
#footer-top { text-align: center; padding: 30px 0px; background-color: #F5F5F5; color: #666; }
#footer-top .certified { padding: 10px 0px 30px 0px; }
#footer-top .certified-logos img { height: 116px; margin: 0px 20px; }
#footer-middle { background-color: #333333; color: #FFF; padding: 30px 0px 20px 0px; }
#footer-middle .col1 { width: 50%; padding: 10px 10px; font-size: 13px; display: flex; align-items: center; }
#footer-middle .col1 .logo { text-align: left; width: 45%; }
#footer-middle .col1 .logo img { width: 100%; }
#footer-middle .col1 .address { padding: 0px 0px 10px 30px; color: #FFF; }
#footer-middle .col2 { width: 50%; padding: 30px 10px; display: flex; flex-wrap: wrap; }
#footer-middle .col2 .col { width: 50%; }
#footer-middle .col2 .col .block { padding-bottom: 1em; }
#footer-middle .col2 .col a { display: block; }
/* #footer-middle .col3 { width: 20%; padding: 10px 10px; }
#footer-middle .col3>div { line-height: 32px; margin: 10px 0px; }
#footer-middle .col3>div img { width: 88px; vertical-align: middle; margin-right: 10px; } */
#footer-bottom { background: #1A1A1A; color: #FFF; }
#footer-bottom .cr { text-align: center; padding: 10px 0px; line-height: 16px; }
#footer-bottom .cr img { height: 16px; vertical-align: middle; }

body.header-minimized #header { padding: 5px 0px; }
body.header-minimized #header-logo div.first { width: 40px; }
body.header-minimized #header-logo div.last { width: 0px; opacity: 0; }
body.header-minimized #navigation { top: 65px; }
body.with-slider #content { margin-top: 0px; }

/* Diese Styles werden nicht mehr eingelesen */
.USERstylesheet.teaser.style1 { height: 340px; position: relative; overflow: hidden; }
.USERstylesheet.teaser.style1 .image { position: absolute; transition: all 0.3s; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden; background-size: cover; background-position: center center; }
.USERstylesheet.teaser.style1 h4 { position: absolute; transition: all 0.3s; background: rgba(97, 173, 45, 0.8); border-top: 3px solid transparent; color: #FFF; line-height: 32px; font-size: 28px; font-weight: normal; bottom: 0px; left: 0px; padding: 5px 10px; text-shadow: 0px 0px 5px #000; margin: 0px; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.USERstylesheet.teaser.style1:hover h4 { background: rgba(97, 173, 45, 0.9); }
.USERstylesheet.teaser.style1:hover .image { transform: scale(1.1); }

.full-teaser { margin: 4em 0em; }
.full-teaser .flex-item { margin: 0px; }

.USERstylesheet.teaser.special1:nth-child(odd) .text-container { order: 1; width: 50%; }
.USERstylesheet.teaser.special1:nth-child(odd) .image-container { order: 2; width: 50%; }
.USERstylesheet.teaser.special1:nth-child(odd) .text-container { padding-left: calc((100vw - 1200px) / 2); }
.USERstylesheet.teaser.special1:nth-child(odd) .text-container .inner { padding: 0em 2em 2em 0em; }

.USERstylesheet.teaser.special1:nth-child(even) .text-container { order: 2; width: 50%; }
.USERstylesheet.teaser.special1:nth-child(even) .image-container { order: 1; width: 50%; }
.USERstylesheet.teaser.special1:nth-child(even) .text-container { padding-right: calc((100vw - 1200px) / 2); }
.USERstylesheet.teaser.special1:nth-child(even) .text-container .inner { padding: 0em 0em 2em 2em; }

.USERstylesheet.teaser.special1 .text-container { background: #61AD2D; color: #FFF; }
.USERstylesheet.teaser.special1 .text-container .inner { padding: 0em 2em 4em 0em; display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.USERstylesheet.teaser.special1 .text-container h4 { font-size: 2.5em; line-height: 1.2em; margin: 0.5em 0px 0.5em 0px; font-weight: normal; }
.USERstylesheet.teaser.special1 .text-container p { font-size: 1.2em; line-height: 1.6em; margin: 0.5em 0px 0.5em 0px; }
.USERstylesheet.teaser.special1 .text-container a { float: right; display: inline-block; border: 2px solid #FFF; margin: 2em 1em 0em 0em; padding: 5px 15px; color: #FFF; text-decoration: none; }
.USERstylesheet.teaser.special1 .image-container { position: relative; align-self: stretch; background: #61AD2D; color: #FFF; }
.USERstylesheet.teaser.special1 .image-container .image { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; background-repeat: no-repeat; background-size: cover; background-position: center; }

.three-icons { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding: 3rem 0; }
.three-icons .icons-text { width: 26.6666666%; text-align: center; }
.three-icons .icons-text a { color: #61AD2D; text-decoration: none; }
.three-icons .icons-text a:hover { text-decoration: underline; }
.three-icons .icons-text img { height: 140px; }
.three-icons .icons-text p { max-width: 320px; margin-left: auto; margin-right: auto; }
.three-icons .arrow { width: 10%; align-self: flex-start; text-align: center; }
.three-icons .arrow.center { align-self: center; }
.three-icons .arrow img { width: 90%; }

@media only screen and (max-width: 1200px) {
	.full-teaser .flex-item:nth-child(odd) .USERstylesheet.teaser.special1 .text-container .inner { padding: 0em 2em 2em 2em; }
	.full-teaser .flex-item:nth-child(even) .USERstylesheet.teaser.special1 .text-container .inner { padding: 0em 2em 2em 2em; }
}

@media only screen and (max-width: 1024px) {
	.three-icons .icons-text img { height: 100px; }
}

@media only screen and (max-width: 850px) {
	.USERstylesheet.teaser.special1 .text-container h4 { font-size: 1.5em; line-height: 1.2em; margin: 0.5em 0px 0.5em 0px; font-weight: normal; }
	.USERstylesheet.teaser.special1 .text-container p { font-size: 0.7em; line-height: 1.6em; margin: 0.5em 0px 0.5em 0px; }
	.three-icons .icons-text { width: 100%; text-align: center; }
	.three-icons .arrow { width: 100%; padding: 2rem 0; }
	.three-icons .arrow img { width: 80px; }
	.three-icons .arrow.center img { transform: rotate(180deg); }
}

@media only screen and (max-width: 650px) {
	.full-teaser .flex-item:nth-child(odd) .USERstylesheet.teaser.special1 .text-container { order: 2; width: 100%; }
	.full-teaser .flex-item:nth-child(odd) .USERstylesheet.teaser.special1 .image-container { order: 1; width: 100%; }
	.full-teaser .flex-item:nth-child(even) .USERstylesheet.teaser.special1 .text-container { order: 2; width: 100%; }
	.full-teaser .flex-item:nth-child(even) .USERstylesheet.teaser.special1 .image-container { order: 1; width: 100%; }
	.USERstylesheet.teaser.special1 .image-container { position: relative; height: 0px; padding-bottom: 50%; }
}

@media all and (-ms-high-contrast:none) {
	body { display: block; }
	#header, #header * { transition: none !important; }
	#header-logo .first img[src*=".svg"] { width: 200px; height: 55px; }
	#header-logo .last img[src*=".svg"] { width: 27px; height: 35px; }
	body.header-minimized #header-logo .last img[src*=".svg"] { width: 40px; height: 52px; }
}

@media only screen and (max-width: 1200px) {
	#header .max-width, #content .max-width { padding: 0px 10px; }
	#slider .slider-overlay { left: 20%; bottom: 15%; }
	#footer-middle .col1, #footer-middle .col2 { width: 33.333333%; }
	#footer-middle .col2 .col { width: 50%; }
	#three-vegetables { padding: 0px 120px 30px 120px !important; }
	#three-vegetables .one-vegetables:nth-child(2) { padding-bottom: 30px; }
	#three-vegetables .one-vegetables:nth-child(3) { padding-bottom: 25px; }
	#three-vegetables .one-vegetables span { font-size: 20px; }
}

@media only screen and (max-width: 850px) {
	#navigation .nav_level1>div>a { font-size: 12px; }
	#three-vegetables .one-vegetables:nth-child(1) { padding-bottom: 10px; }
	#three-vegetables .one-vegetables:nth-child(2) { padding-bottom: 25px; }
	#three-vegetables .one-vegetables:nth-child(3) { padding-bottom: 25px; }
	#footer-middle { padding: 10px 0px 10px 0px; }
	#footer-middle .col1 { width: 100%; order: 1; border-bottom: 1px solid #111; padding-bottom: 20px; }
	#footer-middle .col2 { width: 75%; order: 2; padding-left: 30px; }
	#footer-middle .col3 { width: 25%; order: 3; font-size: 13px; }
	#footer-middle .col2 .col { width: 33.333333%; font-size: 13px; }
	#footer-middle .col1 { display: flex; align-items: flex-start; }
	#footer-middle .col1 .logo { width: 50%; text-align: left; padding-left: 30px; }
	#footer-middle .col1 .addresses { width: 50%; text-align: left; }
	#footer-middle .col1 .address { padding: 10px 0px 0px 0px; }
	#footer-middle .col3>div img { width: 32px; }
}

@media only screen and (max-width: 650px) {
	#header-nav-icons a span { display: none; }
	#navigation { background: rgba(97, 173, 45, 0.8); }
	#navigation .nav_level1 { flex-wrap: wrap; }
	#navigation .nav_level1>div { width: 100%; flex: unset; text-align: left; }
	#navigation .nav_level1>div>a { padding: 10px 0px 10px 56px; background-size: auto 26px; font-size: 18px; }
	#navigation .nav_level1>div>a.nav-point.nav-2 { background-position: 13px center;  }
	#navigation .nav_level1>div>a.nav-point.nav-3 { background-position: 12px center;  }
	#navigation .nav_level1>div>a.nav-point.nav-4 { background-position: 10px center;  }
	#navigation .nav_level1>div>a.nav-point.nav-5 { background-position: 13px center;  }
	#navigation .nav_level1>div>a.nav-point.nav-6 { background-position: 10px center;  }
	#navigation .nav_level1>div>a.nav-point.nav-7 { background-position: 10px center;  }
	#navigation .nav_level1>div>a.nav-point.nav-21 { background-position: 17px center;  }
	#navigation .nav_level2 { display: block; position: relative; background-color: #FFF; width: 100%; text-align: left; }
	#three-vegetables { padding: 0px 60px 30px 60px !important; }
	.vegetables .bg { top: 60%; }
}

@media only screen and (max-width: 550px) {
	#header { padding: 5px 0px; height: 70px; }
	#header-logo div.first { width: 28px; }
	#header-logo div.last { width: 70px; }
	#header #header-nav-icons { height: 60px; }
	#navigation { top: 65px; }
	#slider { top: 65px; }
	#slider-spacer { margin-top: 65px; }
	#slider, #slider-spacer { height: calc(100vh - 65px); }
	#content { margin-top: 65px; }
	#slider .slider-overlay { left: 0px; bottom: 30%; }
	#slider .arrow { bottom: 15%; }
	#three-vegetables .one-vegetables:nth-child(1) { padding-bottom: 10px; }
	#three-vegetables .one-vegetables:nth-child(2) { padding-bottom: 15px; }
	#three-vegetables .one-vegetables:nth-child(3) { padding-bottom: 15px; }
	#footer-middle .col1 { width: 100%; order: 1; flex-wrap: wrap; text-align: center; }
	#footer-middle .col2 { width: 100%; order: 2; padding: 10px 20px 0px 20px; justify-content: center; }
	#footer-middle .col2>.col { text-align: center; }
	#footer-middle .col1 .logo { width: 100% !important; text-align: center; padding: 0px; }
	#footer-middle .col1 .logo img { width: 90%; max-width: 250px; }
	#footer-middle .col1 .addresses { width: 100% !important; text-align: center; }
	#three-vegetables .one-vegetables span { font-size: 16px; }
}

@media only screen and (max-width: 450px) {
	#footer-middle .col2 .col { width: 33%; font-size: 12px; }
}