body		{background-color:#f3f7e8; font-size:18px; padding:0px; margin:0px; font-weight:400; font-family:"Verdana", "Quattrocento Sans", "Roboto", "Muli", "Seravek", "Quattrocento Sans", Helvetica, Arial, sans-serif;}
html 		{-webkit-text-size-adjust: 100%; }
* 			{box-sizing: border-box;}	    
	                            
p, .p		{font-size:14px; font-weight:400; color:#000; }
h1			{font-size:24px; font-weight:bold; color:#1f3923; text-align:center; margin-bottom:40px; }
h2			{font-size:18px; font-weight:700; color:#37761f; margin:0px; padding:0px; }
h3, .h3		{font-size:14px; font-weight:400; color:#1f3923; text-align:left; padding:5px; margin:0px; margin-left:0px;}
li			{font-size:14px; font-weight:400; color:#dce8b9;}

img 		{max-width:100%; height:auto;}

.h3			{margin-top:10px; padding-bottom:10px;}
.contact	{text-align:left;}

.dgreen		{color:#1f3923;}
.green		{color:#37761f;}
.zero		{font-size:0px;}

.separator	{clear:both; border:0px; border-top:1px solid; border-top-color:#37761f; font-size:0.278em;}
.small-caps	{font-variant:small-caps; letter-spacing:0.06em;}
.caps		{text-transform:uppercase; letter-spacing:0.06em;}
.small		{font-size:0.7em; font-weight:200;}
.smaller	{font-size:13px; font-weight:400;}
.larger		{font-size:16px; font-weight:700;}
.xxs		{font-size:0.6em; font-weight:200;}

.anchor		{position:relative; top:-60px; display:block;}
.left		{float:left; margin-right:25px; margin-bottom:10px;}
.right		{float:right;}

.prod-pic	{width:200px; height:133px;}

ol.priv		{list-style-type: upper-roman; margin-left:0px; padding-left:35px;}
ol.priv li	{color:#000000; font-weight:bold; font-size:14px; padding-bottom:5px;}
.priv		{margin-left:30px;}
ul.priv li	{padding-bottom:10px;}



/* Main
--------------------------------- */
#main, .main {
	position:absolute; left:0px; right:0px; top:137px; bottom:0px;
	background-color:none;
	background-image:url(img/background.png);background-size:auto; background-repeat:repeat; background-attachment:fixed;
	margin:0px;
	padding:0px;
}

#content {
	display:inline-block;
	width:100%;
	padding-left:210px;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:0px;
}

#content > div {
	padding:20px;
	padding-bottom:40px;
	width:100%;
	background-color: rgba(255, 255, 255, 1);
	box-shadow:0px 3px 4px rgba(80,80,80,0.1);
	display:inline-block;
	margin-bottom:20px;
}


/* head
----------------------------- */	

#header {
  border-collapse: collapse;
  width: 100%;
}

.top {
	background-color:#37761f;
	border-bottom:3px solid #c4d983;
	height:105px; 
	padding:0px; 
	position: fixed; left:0px; top:0px; right:0px;
	z-index:90;
	vertical-align:center;
}

#logo {
	width:466px; height:76px;
	z-index:100;
	background-color:#37761f;
	text-align:center;
}
.logo {
	background-color:#37761f;
	height:100px;
}

.login {
	text-align:right;
	vertical-align:top;
	padding:10px;
	font-size:12px;
	color:#dce8b9;
	width:191px;
}

a.login:link,
a.login:visited	{color:#dce8b9;}
a.login:focus,
a.login:hover,
a.login:active {color:#fff;}


/* Sidebar
------------------------------------- */

#sidebar {
	position:fixed; top:135px; left:0px; bottom:0px;
	width:190px;
	background-color:#dce8b9;
	border:0px;
	border-right: 1px solid #1f3923;
	z-index:85;
}

#submenu-prod {
	width:180px;
	height:230px;
	background-color:#dce8b9;
	z-index:90;
}

#prodbox {
	width:170px;
	height:200px;
	padding:10px;
	margin:10px;
	margin-top:15px;
	margin-bottom:15px;
	background-color:#fff;
	border:1px solid #7BA249;
	z-index:125;
	display:inline-block;
	overflow-y:scroll;
}

.prodbox {
	margin:0px;
	font-size:13px;
	color:#1f3923;
	text-align:left;
}

#newsletter {
	width:190px;
	height:90px;
	padding-left:8px;
	padding-right:8px;
	background-color:#c4d983;
	text-align:right;
	border:0px;
	border-right: 1px solid #1f3923;
	border-bottom: 1px solid #1f3923;
	border-top: 1px solid #1f3923;
	z-index:85;
	display:inline-block;
}

.newsletter-field {
	
}

#infobox {
	width:160px;
	padding:10px;
	margin:15px;
	background-color:#fff;
	border:1px solid #7BA249;
	z-index:125;
	display:inline-block;
}

.infobox {
	margin:0px;
	font-size:13px;
	color:#1f3923;
}


/* menu
------------------------ */	
#menu {
	height:30px;
	padding:0px; 
	margin:0px; 
	text-align:center;
	background-color:#c4d983;
	position:fixed; left:0px; top:105px; right:0px;
	border-bottom: 1px solid #1f3923;
	border-top: 3px solid #37761f;
	box-shadow:0px 3px 4px rgba(80,80,80,0.6);
	z-index:110;
}

ul {display:block; padding:0px; margin:0px;}

li.item {
	float:left; 
	list-style:none; 
	text-align:center; 
	font-size:12px;
	font-weight:700;
	width:20%;
	max-width:190px;
	min-width:125px;
	height:26px;
	padding:5px 0px 5px 0px; 
	margin:0px 0px 0px 0px; 
	border:0px;
	border-right:1px solid #1f3923;
	color:#1f3923;
	z-index:110;
	background-color:#c4d983;
	-webkit-transition: background-color .35s ease-in-out;
	transition: background-color .35s ease-in-out;
	cursor:hand;
	cursor:pointer;
}

li.item:hover {background-color:#abc56d;}

li.item:last-child	{border-right:1px solid #1f3923;}
li.item:first-child	{width:190px; max-width:190px;}

a.item:link,
a.item:visited	{color:#1f3923; text-decoration:none; -webkit-transition: color .25s ease-in-out; transition: color .25s ease-in-out;}
a.item:hover,
a.item:active,
a.item:focus	{color:#fff; text-decoration:none;}

a.item-prod:link,
a.item-prod:visited	{color:#1f3923; text-decoration:none; -webkit-transition: color .25s ease-in-out; transition: color .25s ease-in-out;}
a.item-prod:hover,
a.item-prod:active,
a.item-prod:focus	{color:#fff; text-decoration:none;}

a.subitem:link,
a.subitem:visited	{color:#1f3923; text-decoration:none; font-size:13px;}
a.subitem:hover,
a.subitem:active,
a.subitem:focus	{color:#37761f; text-decoration:none; font-size:13px;}

a.curr:link,
a.curr:visited	{color:#37761f; text-decoration:none;}
a.curr:hover,
a.curr:active,
a.curr:focus	{color:#fff; text-decoration:none;}


/* footer
--------------------------------- */
#footer {
	height:40px;
	text-align:center;
	padding:10px;
	padding-bottom:5px;
	margin-left:190px;
}

li.footer-item {
	float:left; 
	list-style:none; 
	text-align:center; 
	font-size:12px;
	font-weight:normal;
	padding:0px 10px 0px 10px; 
	margin:0px 0px 0px 0px; 
	border:0px;
	border-right:1px solid #37761f;
	z-index:110;
}

li.footer-item:last-child,
li.footer-item_curr:last-child	{border-right:0px solid #37761f;}

a.footer-link, 		
a.footer-link:visited	{font-size:12px; color:#37761f; text-decoration:none;}
a.footer-link:hover, 	
a.footer-link:active 	{font-size:12px; color:#37761f; text-decoration:underline;}



/*  links
-------------------------------  */

a.text:link,
a.text:visited	{color:#37761f; font-weight:500; text-decoration:underline;}
a.text:hover,
a.text:active,
a.text:focus	{color:#1f3923; font-weight:500; text-decoration:underline;}

a.img, 		
a.img:visited	{text-decoration:none;}
a.img:hover,
a.img:focus, 	
a.img:active 	{color:#37761f; text-decoration:underline;}

.list {text-indent:-10px; margin-left:20px;}

a.linklist, 		
a.linklist:visited	{color:#37761f; font-weight:700; font-size:16px; text-decoration:none; line-height:30px;}
a.linklist:hover,
a.linklist:focus, 	
a.linklist:active 	{color:#37761f; text-decoration:underline;}



/* KontaktCSS
------------------------------- */
.long					{color:#000; margin:0px; padding:4px; font-size:12px;}
.tarea					{color:#000; margin:0px; padding:4px; font-size:12px;}
.contact-form			{max-width:400px;}


.contact-form textarea:focus, .contact-form input:focus {
    color:#000;
    background-color:#dce8b9;
}

.contact-form input, .contact-form textarea, .contact-form label {
	width:100%;
	background:none;
	padding-left:12px;
	color:#000;
    border-radius:0;
    outline:none;
}
.contact-form input{
	height:41px;
	border:1px solid #37761f;
    font-size:0.722em;
    margin-bottom:2px;
	margin-top:15px;
}

.newsletter-form input{
	height:25px;
	border:1px solid #37761f;
	background-color:#fff;
	padding:5px;
    font-size:12px;
    margin-bottom:2px;
	margin-top:0px;
	width:170px;
}

input#mc-embedded-subscribe.button {
	background-color:#c4d983;
	color:#1f3923;
	border:0px;
	text-decoration:none;
	text-align:right;
}

input#mc-embedded-subscribe.button:hover {
	background-color:#c4d983;
	color:#1f3923;
	border:0px;
	text-decoration:underline;
	text-align:right;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color:#37761f;
    font-size:13px;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color:#37761f;
    font-size:13px;
}

.contact-form textarea{
	border:1px solid #37761f;
	padding-top:10px;
	margin-bottom:21px;
	margin-top:20px;
    overflow:hidden;
}

input {outline:none;}
input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #000000 !important; 
    -webkit-text-fill-color:#ffffff !important;
    color:#ffffff !important; 
}

#submitbutton {
	width:50%; 
	margin-left:50%; 
	padding:0px; 
	font-weight:bold; 
	color:#1f3923;
	background-color:#fff;
	-webkit-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
}
#submitbutton:hover {
	width:50%; 
	margin-left:50%; 
	padding:0px; 
	font-weight:bold; color:#1f3923;
	background-color:#c4d983;
}

.contact-field,
.newsletter-field {background-color:none; margin:0px;}

.contact-inputs {background-color:none;}

.redborder input, 
.redborder textarea		{border:2px solid #cc0000;}
.warning 				{display:none;}
.redborder .warning  	{display:inline !important; font-size:0.556em; font-weight:bold; color:#cc0000;}



/* ----------------------------
Smartphones etc
---------------------------- */

@media screen and (max-width:599px) {


	#burgermenu	{
		position:fixed; left:10px; top:20px; 
		z-index:100;  
		padding:3px 8px; 
		font-size:0.611em; 
		font-weight:bold; 
		text-align:center; 
		cursor:hand;
		cursor:pointer;
	}
	#bgm		{width:30px; height:30px; background:url(img/iconsprites.svg) 0 -30px;}
	#bgm:hover	{width:30px; height:30px; background:url(img/iconsprites.svg) 0 0;}
	
	body.default #menu {display:none;}
	
	p, .p		{font-size:12px; font-weight:400; color:#000; }
	h1			{font-size:20px; text-align:left; margin-bottom:30px; }
	h2			{font-size:15px; font-weight:700; color:#37761f; margin:0px; padding:0px; }
	h3, .h3		{font-size:12px; font-weight:400; color:#1f3923; text-align:left; padding:5px; margin:0px; margin-left:0px;}
	
	#sidebar 		{display:none;}	
	#main, .main 	{position:absolute; left:0px; right:0px; top:74px; bottom:0px; background-image:none;}	
	#content 		{padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;	}
		
	#logo { display:none;}
	#logo_sm {width:240px; height:60px; z-index:100; margin-left:20px;}
	.logo {height:70px;}
	.top {height:73px;}
	
	#menu {width:150px; height:auto; padding:0px 5px; position:fixed; top:70px; right:5px; border: 2px solid #37761f; border-top: 2px solid #37761f;}

	li.item {
		float:none; 
		font-size:13px;
		width:100%;
		max-width:100%;
		min-width:100%;
		height:auto;
		padding:15px 0px 15px 0px; 
		border:0px;
		border-bottom:1px solid #1f3923;
	}

	li.item:first-child	{width:100%; max-width:100%;}
	li.item:hover 		{background-color:#abc56d;}
	li.item:last-child	{border-right:none; border-bottom:none;}
	
	#footer {margin-left:5px;}
	
	.left		{float:none; margin-right:0px; margin-bottom:10px;}
	.priv		{margin-left:15px;}
	

	#content > #newsletter_m	{
		height:auto;
		padding:0px 8px 10px 8px;
		background-color:#fff;
		border:0px;
		z-index:85;
	}
	
	#nl {
	  border-collapse: collapse;
	  width: 100%;
	  margin-top:10px;
	  vertical-align:top;
	}
	
	.label		{vertical-align:top; padding-top:7px; margin:0px; font-size:12px;}
	.inputform	{text-align:left;}

	.newsletter-field {
	}
	
	input#mc-embedded-subscribe.button {
		background-color:#fff;
		color:#1f3923;
		border:0px solid #37761f;
		font-weight:bold; 
		text-decoration:none;
		text-align:left;
		-webkit-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
	}
	
	input#mc-embedded-subscribe.button:hover {
		background-color:#fff;
		color:#1f3923;
		border:0px solid #37761f;
		text-decoration:underline;
		text-align:left;
	}
	
	.newsletter-form input{width:100%;}
	
}


/* ----------------------------
desktop
---------------------------- */

@media screen and (min-width:956px) {
	
	#burgermenu			{display:none;}
	#logo_sm			{display:none;}
	#newsletter_m		{display:none;}
}


/* ----------------------------
desktop ohne sidebar
---------------------------- */

@media screen and (min-width:600px) and (max-width:955px) { /* soll alles wie in groß aussehen, nur sidebar weg)*/

	#burgermenu		{display:none;}
	#logo_sm		{display:none;}
	#sidebar 		{display:none;}	
	
	li.item 			{width:20%; max-width:20%; min-width:auto;}
	li.item:first-child	{width:20%; max-width:20%; min-width:auto;}
	
	#content 		{padding-left:20px;}
	#footer 		{margin-left:0px;}
}