/* fonts */
@font-face {
    font-family: 'nexa_boldregular';
    src: url('../fonts/nexa_bold-webfont.eot');
    src: url('../fonts/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa_bold-webfont.woff') format('woff'),
         url('../fonts/nexa_bold-webfont.ttf') format('truetype'),
         url('../fonts/nexa_bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

body { color:#272727; }
h1, h2, h3 { font-family: 'nexa_boldregular'; text-transform: uppercase; }
h1 { font-size:30px; line-height: 30px }
h1 b { font-size:18px; }

/* header */
.header { background:#d6d700; height:160px; margin-bottom:40px; }
.headerSpan { position:relative; height:160px; }
.logoMain { position:absolute; z-index:0; left:-40px; bottom:0px; }
.naviMain { background:#fff; height:80px; z-index:1; position:relative; margin-top:80px; }
.naviMain ul { list-style: none; margin:0px; padding:0px;  }
.naviMain ul li { float:left; }
.naviMain ul li a { width:200px; display:block; color:#272727; height:50px; border-right:2px dashed #dadcdd; padding:30px 0 0; font-size:16px; font-family: 'nexa_boldregular'; text-align: center; text-transform: uppercase; }
.naviMain ul li.aktiv { background:#000; }
.naviMain ul li.aktiv a { color:#D6D700; }
.headerMobile { display:none; background:#D6D700; position:fixed; top:0px; left:0px; width:100%; z-index: 2; }
.headerMobile .mobileVersionImage { float:left; }
.sprachmenu { position:absolute; right:0px;  top:50px; }
.sprachmenu img { padding-left:5px; }
.sprachmenuMobile { float:right;}

/* content */
.rahmenPflanzePflege { border:1px solid #e6e7e8; margin-top:30px; padding:20px 35px; }
.rahmenPflanzePflege h1, .rahmenPflanzePflege h2, .rahmenPflanzePflege h3 { font-size:18px; text-transform: uppercase; margin-top:0px; padding-top:0px; }

/* powermail */
.powermail_legend {display: none;}
.powermail_label {color: #000000 !important;}
.powermail_fieldset {background: none !important; box-shadow: none !important; -webkit-border-radius: 0px !important; border: 1px solid #e6e7e8 !important;}
.powermail_submit {padding: 5px 181px !important; background: #000000 !important; margin: 10px 10px 10px 0px !important; box-shadow: none !important; -webkit-border-radius: 0px !important;}
.formError .formErrorContent {background: #000000 !important;}
.formError .formErrorArrow div {background: #000000 !important;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {-webkit-border-radius: 0px !important; border-radius: 0px !important; -moz-border-radius: 0px !important;}


@media (max-width: 1000px){ 
	body { margin-top:80px; margin-bottom:40px; font-size:1rem; }
	h1 { font-size:1.2rem; }
	h1 b { font-size:0.8rem; }
	.rahmenPflanzePflege h1, .rahmenPflanzePflege h2, .rahmenPflanzePflege h3 { font-size:0.9rem; }
	.container { position:relative; z-index: 1; }
	.header { display:none; }
	.headerMobile { display:block; }
	.headerMobile img { margin:0.6em; }
	.detailsSpalteEins { width:100%; float:none; }
	.detailsSpalteEins li:first-child { width:100%; }
	.detailsSpalteZwei { float:none; clear: both; width:100%; }
	.naviMainMobile { background:#D6D700; }
	.naviMainMobile ul { list-style: none; margin:0px; padding:0% 0 5%; }
	.naviMainMobile li { padding:0.1em 0.6em; }
	.naviMainMobile li a { display:block; padding:0.5em; border:1px solid #fff; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; background:#babb01; color:#666; }
	.zurueckButton { left:0px; height:auto; width:100%; top:-30px; }
	.zurueckButton a { padding:2px 1em; }
	.detailsSpalteEins li:first-child img { width:90%; }
	.detailsSpalteEins li:first-child { background:none; }
	.powermail_label {width:auto !important; float: none !important;}
	div.tx-powermail {width: 100% !important;}
	.powermail_field { width: 90% !important;}
	div.powermail_fieldwrap {margin: 0px 0px 0px 0px !important;}
	.powermail_submit {padding: 5px 20px !important; float: left !important; margin: 10px 0px 10px 0 !important; width: auto !important; box-shadow: none !important; -webkit-border-radius: 0px !important;}
	.formErrorContent {display: none !important;}
	.formErrorArrow {display: none !important;}
	select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {-webkit-border-radius: 0px !important; border-radius: 0px !important; -moz-border-radius: 0px !important;}

}
@media (max-width: 767px) {
	.headerMobile {  }
}