@charset "UTF-8";
/* Browserübergreifende Styles */
* {margin:0; padding:0}

/* Links */
a:link {text-decoration:none; color:#035F2E}
a:visited {text-decoration:none; color:#035F2E}
a:hover {text-decoration:underline; color:#035F2E}
a:active {text-decoration:underline; color:#035F2E}

/* Elementformatierungen */
html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#72a235;
	width:100%;
	height:100%;
}
a img {
	border:none;
}
.cursor {
	cursor:pointer;
}
/* Hintergrundbild */
.fullscreen {
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover; /*cover, contain, 100% 100% bzw. Pixelangaben*/
}
/* Wrapper */
.novisibility {
	visibility:hidden;
}
.nooverflow {
	overflow:hidden;
}
.nodisplay {
	display:none;
}
.wrapper_index {
	margin:0 auto;
	width:320px;
	height:178px;
}
.wrapper {
	position:relative;
	width:695px;
	margin-left:10%;
}
.wrapper_inner {
	float:left;
	width:695px;
}
.wrapper_left {
	float:left;
	width:218px;
	padding:8px 13px 67px 8px;
	background:url(../img/overlay_bg.png);
	background-repeat:repeat;
}
.header_left {
	height:35px;
}
.header_left .remove_overlay {
	float:left;
	width:85px;
	cursor:pointer;
}
.header_left .remove_overlay img {
	float:left;
	width:26px;
	margin-right:4px;
}
.header_left .remove_overlay p {
	float:left;
	width:30px;
	color:#035f2e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:9px;
}
.add_overlay {
	position:absolute;
	width:41px;
	height:362px;
	top:50%;
	margin-top:-181px;
	cursor:pointer;
	z-index:100;
	display:none;
}
.wrapper_left .pommonde {
	position:absolute;
	top:0;
	left:42px;
	width:165px;
	height:26px;
	display:none;
}
.wrapper_left .pommonde img {
	float:left;
	width:90px;
	margin-right:5px;
}
.wrapper_left .pommonde p {
	float:left;
	width:70px;
	font-size:11px;
	line-height:10px;
	margin-top:5px;
}
.wrapper_left .pommonde p a:link {text-decoration:none; color:#e8732c; font-weight:normal}
.wrapper_left .pommonde p a:visited {text-decoration:none; color:#e8732c; font-weight:normal}
.wrapper_left .pommonde p a:hover {text-decoration:none; color:#e8732c; font-weight:normal}
.wrapper_left .pommonde p a:active {text-decoration:none; color:#e8732c; font-weight:normal}

.wrapper_right {
	float:left;
	width:290px;
	margin-left:7px;
	padding:60px 25px 25px 25px;
	background:url(../img/overlay_bg.png);
	background-repeat:repeat;
}
.header_right {
	height:140px;
}
.logo {
	margin-left:40px;
}
.logo_bio {
	margin-left:5px;
}
/* Navigation */
.navi a:link {text-decoration:none; color:#72a235}
.navi a:visited {text-decoration:none; color:#72a235}
.navi a:hover {text-decoration:none; color:#72a235; font-weight:bold}
.navi a:active {text-decoration:none; color:#72a235; font-weight:bold}

.navi ul.news ul.level_2, .navi ul.unternehmen ul.level_2, .navi ul.kartoffeln ul.level_2, .navi ul.zwiebeln ul.level_2, .navi ul.bio ul.level_2, .navi ul.verpackung ul.level_2, .navi ul.mediacenter ul.level_2, .navi ul.kontakt ul.level_2, .navi ul.news ul.level_3, .navi ul.unternehmen ul.level_3, .navi ul.kartoffeln ul.level_3, .navi ul.zwiebeln ul.level_3, .navi ul.bio ul.level_3, .navi ul.verpackung ul.level_3, .navi ul.mediacenter ul.level_3, .navi ul.kontakt ul.level_3, .navi ul.news ul.level_4, .navi ul.unternehmen ul.level_4, .navi ul.kartoffeln ul.level_4, .navi ul.zwiebeln ul.level_4, .navi ul.bio ul.level_4, .navi ul.verpackung ul.level_4, .navi ul.mediacenter ul.level_4, .navi ul.kontakt ul.level_4 {
	display:none;
}
.navi ul.news ul.active, .navi ul.unternehmen ul.active, .navi ul.kartoffeln ul.active, .navi ul.zwiebeln ul.active, .navi ul.bio ul.active, .navi ul.verpackung ul.active, .navi ul.mediacenter ul.active, .navi ul.kontakt ul.active {
	display:block;
}
.navi ul {
	position:relative;
	padding:0 8px 0 0;
}
.navi ul li, .navi ul li ul li, .navi ul li ul li ul li, .navi ul li ul li ul li ul li {
	list-style-type:none;
	text-align:right;
	line-height:18px;
}
.navi ul li span {
	display:block;
	text-align:right;
}
.navi ul li span.headline {
	font-size:18px;
}
.navi ul li span.headline a.active {
	font-weight:bold;
	cursor:default;
}
.navi ul li span.headline span.active {
	font-weight:bold;
	cursor:default;
}
.navi ul li span.subline {
	font-size:11px;
	line-height:11px;
}
.navi ul.level_1 {
	margin:14px 0 0 0;
	border-right:8px solid #689926;
}
.navi ul.level_2 {
	margin:18px -10px 0 0;
	padding:0;
}
.navi ul.level_2 li {
	padding:0 10px 0 0;
}
.navi ul.level_3 {
	margin:0 5px 0 0;
	padding:0;
}
.navi ul.level_3 li {
	padding:0 12px 0 0;
	background:url(../img/line.gif) top right no-repeat;
}
.navi ul.level_4 {
	margin:0 8px 0 0;
	padding:0;
}
.navi ul.level_4 li {
	padding:0 12px 0 0;
	background:url(../img/line.gif) top right no-repeat;
}
.navi ul.level_2 li.active, .navi ul.level_3 li.active, .navi ul.level_4 li.active {
	background:url(../img/line02.gif) top right no-repeat;
}
.navi ul.level_2 li.active a.active, .navi ul.level_3 li.active a.active, .navi ul.level_4 li.active a.active {
	font-weight:bold;
	cursor:default;
}
.navi ul.level_2 li.active span.active, .navi ul.level_3 li.active span.active, .navi ul.level_4 li.active span.active {
	font-weight:bold;
	cursor:default;
}
.navi ul.nomargintop {
	margin-top:0;
}
/* Content */
.content {
	overflow:auto;
}
.content h1 {
	font-size:18px;
	font-weight:normal;
	color:#035f2e;
}
.content h1 span {
	color:#8ec52b;
}
.content h2 {
	font-size:14px;
	font-weight:normal;
	color:#8ec52b;
	padding:3px 0 0 0;
}
.content h3 {
	font-size:14px;
	font-weight:normal;
	color:#8ec52b;
}
.content h1.paddingtop {
	padding-top:35px;
}
.content h1.paddingbottom {
	padding-bottom:35px;
}
.content h2.paddingtop {
	padding-top:35px;
}
.content h2.paddingbottom {
	padding-bottom:25px;
}
.content h3.paddingtop {
	padding-top:35px;
}
.content h3.paddingbottom {
	padding-bottom:25px;
}
.content p {
	text-align:justify;
	color:#27643b;
	padding-bottom:15px;
}
.content p.paddingtop {
	padding-top:25px;
}
.content p.paddingbottom {
	padding-bottom:25px;
}
.content p.paddingleft {
	padding-left:100px;
}
.content .bold {
	font-weight:bold;
}
.content .right {
	text-align:right;
}
.content .nopadding {
	padding:0;
}
.content .margintop {
	margin-top:25px;
}
.content .marginleft {
	margin-top:25px;
}
.content .nomargin {
	margin:0;
}
.content .marginbottom {
	margin-bottom:25px;
}
.content .marginbottom2 {
	margin-bottom:15px;
}
.content ul.ul_style li {
	list-style-type:disc;
	margin-left:16px;
	color:#27643B;
}
/* Historie */
.content .historie {
	margin-left:10px;
	height:951px;
	background:url(../img/unternehmen/historie_zeitstrahl.png) no-repeat;
}
.content .marker {
	position:absolute;
	left:5px;
	top:65px;
	width:40px;
	height:49px;
	display:none;
}
.content .historie p {
	position:absolute;
	left:58px;
	width:180px;
	text-align:left;
}
.content .historie p a {
	display:inline;
}
.content .historie p a:link {text-decoration:none; color:#035f2e; font-weight:normal}
.content .historie p a:visited {text-decoration:none; color:#035f2e; font-weight:normal}
.content .historie p a:hover {text-decoration:none; color:#035f2e; font-weight:normal}
.content .historie p a:active {text-decoration:none; color:#035f2e; font-weight:normal}

.content .historie ._1928 {
	top:110px;
}
.content .historie ._1959 {
	top:172px;
}
.content .historie ._1979 {
	top:231px;
}
.content .historie ._1991 {
	top:290px;
}
.content .historie ._1995 {
	top:351px;
}
.content .historie ._1996 {
	top:406px;
}
.content .historie ._2000 {
	top:470px;
}
.content .historie ._2001 {
	top:530px;
}
.content .historie ._2002 {
	top:592px;
}
.content .historie ._2004 {
	top:643px;
}
.content .historie ._2006 {
	top:711px;
}
.content .historie ._2008 {
	top:771px;
}
.content .historie ._2009 {
	top:832px;
}
.content .historie ._2010 {
	top:892px;
}
.content .historie ._2012 {
	top:945px;
}
.info {
	position:absolute;
	top:65px;
	width:234px;
	display:none;
	z-index:100;
}
.info div.top {
	position:relative;
	width:234px;
	height:13px;
	background:url(../img/unternehmen/historie_box01.png) no-repeat;
}
.info div.center {
	position:relative;
	min-height:60px;
	padding:2px 15px 60px 23px;
	background:url(../img/unternehmen/historie_box02.png) 0px bottom no-repeat;
}
.info div.center span.bold {
	font-weight:bold;
}
/* Standorte */
.content .map area {
	cursor:pointer;
}
.tooltip {
	position:absolute;
	width:200px;
	padding:10px 10px 3px 10px;
	z-index:100;
	background-color:#FFF;
	border:1px solid #035f2e;
	-moz-opacity:0.8;
	-webkit-opacity:0.8;
	-o-opacity:0.8;
	-ms-opacity:0.8;
	opacity:0.8;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	display:none;
}
.tooltip h4 {
	font-size:14px;
	padding-bottom:10px;
}
.tooltip p {
	font-size:14px;
}
.content .more_info, .tooltip .more_info {
	padding-top:10px;
	text-align:right;
	font-size:10px;
	color:#72a235;
}
.content .category_home {
	display:block;
}
.content .minHeight {
	height:120px;
}
.content .category_nrw, .content .category_rheinland_pfalz, .content .category_niedersachen, .content .category_sachsen_anhalt, .content .category_bayern {
	display:none;
}
.content .back_btn {
	display:block;
	margin-top:5px;
}
/* Formulare Rückverfolgung/Broschüre */
.content .fail {
	color:#F00;
}
.content .left {
	text-align:left;
}
.content form {
	margin-top:15px;
}
.content form.broschuere {
	margin-top:25px;
}
.content form .cell {
	float:left;
	width:250px;
	margin-bottom:5px;
}
.content form .cell p {
	float:left;
	width:70px;
}
.content form .cell div {
	float:left;
	color:#035f2e;
}
.content form p.titel {
	clear:both;
	padding:20px 0 5px 0;
}
.content form .plz {
	width:40px;
}
.content form .input_field {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#72a235;
	padding:2px;
}
.content form textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#72a235;
	width:240px;
	height:120px;
	padding:2px;
	margin-bottom:15px;
}
.content div.nr {
	position:absolute;
	left:160px;
	margin-top:130px;
	z-index:100;
}
.content .red {
	position:absolute;
	left:159px;
	margin-top:156px;
	width:80px;
	font-size:10px;
	text-align:center;
	line-height:11px;
	color:#F00;
}
.content .produktnr {
	text-align:center;
}
.content .small {
	font-size:11px;
}
.content div input.produktnr {
	width:70px;
}
.content input.error {
	border:1px solid #F00;
}
/* Zertifizierungen */
.medium_width {
	width:300px;
}
.large_width {
	width:320px;
}
.extralarge_width {
	width:350px;
}
.medium_margin {
	margin-left:45px;
}
.large_margin {
	margin-left:55px;
}
.extralarge_margin {
	margin-left:70px;
}
.content .zertifizierungen {
	position:relative;
	margin-top:25px;
}
.content .zertifizierungen div {
	position:absolute;
	width:140px;
	text-align:left;
	font-size:11px;
}
.content .zertifizierungen div p.download, .content .zertifizierungen p.download {
	float:left;
	margin-top:5px;
}
.content .zertifizierungen div p.download img, .content .zertifizierungen p.download img {
	float:left;
	margin-right:5px;
	padding-bottom:0;
}
.content .qs div p.download img, .content .bio div p.download img {
	margin:3px 5px 0 0;
}
.content .zertifizierungen div p.download a {
	display:block;
	float:left;
	width:115px;
	margin-top:3px;
	text-align:left;
}
.content .zertifizierungen p.download a {
	width:220px;
}
.content .qs div p.download a, .content .bio div p.download a {
	margin-top:0px;
}
.content .dark_green {
	color:#035F2E;
}
.content .zertifizierungen div p.download a:link, .content .zertifizierungen p.download a:link {text-decoration:underline; color:#72a235; font-weight:normal}
.content .zertifizierungen div p.download a:visited, .content .zertifizierungen p.download a:visited {text-decoration:underline; color:#72a235; font-weight:normal}
.content .zertifizierungen div p.download a:hover, .content .zertifizierungen p.download a:hover {text-decoration:underline; color:#72a235; font-weight:normal}
.content .zertifizierungen div p.download a:active, .content .zertifizierungen p.download a:active {text-decoration:underline; color:#72a235; font-weight:normal}
/* IFS Zertifikate*/
.content .ifs div.box_adersleben {
	left:196px;
	top:8px;
}
.content .ifs div.box_suedgellersen {
	left:44px;
	top:25px;
}
.content .ifs div.box_moenchengladbach {
	left:10px;
	top:122px;
}
.content .ifs div.box_dannstadt {
	left:20px;
	top:229px;
}
.content .ifs div.box_unterschleissheim {
	left:166px;
	top:297px;
}
/* QS Zertifikate*/
.content .qs div.box_adersleben {
	left:171px;
	top:8px;
}
.content .qs div.box_suedgellersen {
	left:16px;
	top:39px;
}
.content .qs div.box_moenchengladbach {
	left:11px;
	top:171px;
}
.content .qs div.box_dannstadt {
	left:15px;
	top:306px;
}
.content .qs div.box_unterschleissheim {
	left:171px;
	top:340px;
}
/* Bio Zertifikate*/
.content .bio div.box_moenchengladbach {
	left:12px;
	top:8px;
}
.content .bio div.box_dannstadt {
	left:12px;
	top:170px;
}
/* Soziales Engagement */
.content img.img_paddingbottom {
	padding-bottom:10px;
}
/* Kartoffeln */
.content .gruen {
	color:#20a400;
}
.content .rot {
	color:#ff3500;
}
.content .blau {
	color:#0062ff;
}
.content .lila {
	color:#9c28ff;
}
.content .img_pos {
	position:absolute;
	top:18px;
	left:195px;
}
.content .relativ {
	position:relative;
}
/* Verpackung */
.verpackung p a:link {text-decoration:underline; color:#035f2e; font-weight:bold}
.verpackung p a:visited {text-decoration:underline; color:#035f2e; font-weight:bold}
.verpackung p a:hover {text-decoration:underline; color:#035f2e; font-weight:bold}
.verpackung p a:active {text-decoration:underline; color:#035f2e; font-weight:bold}
/* Mediacenter */
.content .green_line {
	width:100%;
	height:3px;
	padding:25px 0 25px 0;
	background:url(../img/mediacenter/green_line.png) center no-repeat;
}
/* Kontakt */
.content h2.h2_style {
	font-size:15px;
	color:#035F2E;
}
.content img.broschuere {
	margin:0 0 10px 40px;
}
.content .clearfloat {
	clear:both;
}
.content div.qr_code img {
	float:left;
	margin-right:10px;
	height:120px;
}
.content div.qr_code p {
	float:left;
	padding-top:60px;
	width:100px;
}
.content .icon_map {
	position:relative;
}
.content .icon_map img {
	position:absolute;
	right:20px;
	top:-75px;
}
.content .icon_map img.nrw {
	right:0;
}
.content .icon_map img.suedgellersen {
	top:-55px;
	right:15px;
}
.content .icon_map img.adersleben {
	right:60px;
}
.content .icon_map img.unterschleissheim {
	top:-45px;
	right:10px;
}
.content .icon_map img.dannstadt {
	top:-85px;
	right:40px;
}
.content .emailanfrage {
	text-align:left;
	padding-top:7px; 
}
.content .ansprechpartner {
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#035F2E;
	padding-top:3px; 
}
.content .ansprechpartner a:link {text-decoration:none; color:#035F2E; font-weight:bold; font-size:14px}
.content .ansprechpartner a:visited {text-decoration:none; color:#035F2E; font-weight:bold; font-size:14px}
.content .ansprechpartner a:hover {text-decoration:underline; color:#035F2E; font-weight:bold; font-size:14px}
.content .ansprechpartner a:active {text-decoration:underline; color:#035F2E; font-weight:bold; font-size:14px}
.content .email {
	text-align:left;
}
.content .email a:link {text-decoration:none; color:#72a235; font-weight:normal}
.content .email a:visited {text-decoration:none; color:#72a235; font-weight:normal}
.content .email a:hover {text-decoration:none; color:#72a235; font-weight:normal}
.content .email a:active {text-decoration:none; color:#72a235; font-weight:normal}

/* Datenschutz */
body.datenschutz .content h1 {
	margin:0 0 15px 0;
}
body.datenschutz .content h2 {
	font-size:14px;
	margin:10px 0;
}
body.datenschutz .content h3 {
	font-size:12px;
	margin:5px 0;
}
body.datenschutz .content p {
	padding:5px 0;
	font-size:11px;
}
body.datenschutz .content p strong {
	font-weight:normal;
}
body.datenschutz .content ul li {
	font-size:11px;
	margin-left:10px;
	list-style-type:disc;
}

.cookie-banner {
    display:none;
    background: rgba(0,0,0,0.8);
    color: #fff;
    font-size: 13px;
    position:fixed;
    bottom:0;
    width:100%;
    z-index: 2000;
}

.cookie-banner .col-lg-8 {
    width: 62%;
    padding: 10px 4%;
    float: left;
}

.cookie-banner .col-lg-8 a, .cookie-banner .col-lg-8 a:hover {
    color: #035F2E!important;
}
.cookie-banner .col-lg-4 {
    width: 22%;
    float: right;
    padding: 10px 4%;
    text-align: right;
}
.cookie-banner span {
	background:#035F2E;
	padding:5px 10px;
	border-radius:2px;
	display:inline-block;
	color:@white;
	cursor:pointer;
}