/*LINK CORPORATE COLOUR */


#content a {

color:#aaa79c;
text-decoration:none;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#content a:hover{
color:#696762;
text-decoration:none;           
}







#content h1 {
font-size:60px;
font-weight:100;
color:#aaa79c;
margin:40px 0 50px 0;
line-height:72px;
letter-spacing:-2px;
}


#content h2 {
font-size:36px;
margin:0px 0px 20px 0px;
padding:0px 0px 16px 0px;
letter-spacing:-1px;
line-height:42px;
color:#aaa79c;

border-bottom:2px dotted #d2cec2;
}
















#header {
width:100%;
background-color: #f7f4ea;
}

#header .mod1 {
padding:100px 0px 0px 0px;
}

#header img {
margin:0px 0px 20px 0px;
}









/*LOGO */



.logo {
width:16%;
position:absolute;
z-index:20;
left:42%;
top:0%;
margin:0% 0% 0% 0%;
}


.logo img {
width:100%;
margin:0% 0% 0% 0%;
padding:0% 0% 0% 0%;
}

















/*SUB-NAVIGATION */

.subnav {

position:absolute;
right:11%;
text-align:right;
padding:0px 0px 0px 0px;
margin:20px 0px 0px 0px;				
}



.subnav li {
padding:0px 0px 0px 0px;         
list-style-type: none;
display:inline;
}



.subnav li a{ 
color:#696762;
padding:0px 0px 0px 20px;
text-decoration:none;
font-family: 'Lato', sans-serif, verdana;
font-size:16px;
 
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;      
}


.subnav li a:hover{
color:#aaa79c;

padding:0px 0px 0px 20px;         
}


.subnav a#current{
color:#aaa79c;
font-weight:400;

padding:0px 0px 0px 20px; 
}


.navi ul {
	
}

















#p1-001 {
padding:0px 0px 0px 0px;
}





/*3er BOXEN START */


#p1-003 img {
margin: 0px 0px 20px 0px;
}

#p1-003 .mod3-a a,
#p1-003 .mod3-b a,
#p1-003 .mod3-c a {
bbackground-color:#a3cc26;
ppadding:10px 20px 10px 20px;
color:#aaa79c;
text-align:left;
}

#p1-003 .mod3-a a:hover,
#p1-003 .mod3-b a:hover,
#p1-003 .mod3-c a:hover {
bbackground-color:#000;
color:#696762;
}

















/*3er BOXEN PRODUKTE */


#p2-003 .mod3-a a,
#p2-003 .mod3-b a,
#p2-003 .mod3-c a {
width:100%;
display:inline-block;
background-color:#aaa79c;
padding:40px 0px 40px 0px;
color:#fff;
text-align:center;
font-size:24px;
line-height:36px;
}

#p2-003 .mod3-a a:hover,
#p2-003 .mod3-b a:hover,
#p2-003 .mod3-c a:hover {
background-color:#696762;
color:#fff;
}

#p2-003 {
padding:0px 0px 40px 0px;
}

#p2-004 img {
margin: 0px 0px 20px 0px;
}




















/*BESTELLEN */


#p4-003 .mod1 a {
width:100%;
display:inline-block;
background-color:#aaa79c;
padding:40px 0px 40px 0px;
margin:0px 0px 40px 0px;
color:#fff;
text-align:center;
font-size:24px;
line-height:36px;
}

#p4-003 .mod1 a:hover {
background-color:#696762;
color:#fff;
}




























/*BUTTONS */




.cta-button {
margin:10px 0% 30px 0%;
padding:20px 40px 20px 40px;
color:#fff;
background-color:#aaa79c;
display:inline-block;
float:right;
width:auto;
text-decoration:none;
font-weight:400;
font-size:24px;
line-height:30px;

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


.cta-button:hover {
background-color:#696762;
}





























/*FOOTER */





#footer .mod1 {
height:100%;
background-color:#aaa79c;
margin:30px 0% 0% 0%;
padding:40px 0px 20px 0px;
color:#fff;

bborder-top:2px dotted #d2cec2;
}


hr {
border:2px dotted #d2cec2;
}


#footer p {
text-align:center;
line-height:30px;
}

#footer a {
color:#696762;
padding:0!important;
margin:0!important;
}

#footer a:hover {
color:#fff;
}

#footer img {
width:auto!important;
margin-bottom:-5px!important;
margin-right:6px;
}


#footer .padd {
padding-bottom:0!important;
}






















/*FORM */




.form-a {
	width:70%;
	float:right;
	height:35px;
	padding:2px 2px 2px 10px;
	border:none;
background-color:#f7f4ea;
}


.form-b {
	width:96%;
	float:right;
	height:142px;
	padding:5px 2% 2px 2%;
	margin:0px 0px 10px 0px;
	border:none;
background-color:#f7f4ea;
}

#p5-002 .mod2-a p{
	line-height:46px!important;
}

textarea {
font-family: 'Lato', sans-serif, verdana;
font-size:14px;
line-height:24px;
background-color:#f7f4ea;
}







.button {
position:relative;
right:0;
clear:both;
display:block;
width:100%;
margin:20px 0px 0px 0px;
padding:20px 30px 20px 30px;
font-weight:400;
font-size:18px;
font-weight:normal;
color:#ffffff;
letter-spacing:0px;
text-align:center;
	
border:none;
background-color:#aaa79c;

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;	
}


.button:hover {
background-color:#696762;

}





























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






/*LOGO */

.logo {
width:26%;
position:absolute;
z-index:20;
left:37%;
top:0%;
margin:0% 0% 0% 0%;
}






			
}










@media screen and (max-width:1000px) and (orientation:portrait) { 
			    




#p1-001 .centered-box {
width:100%;
}

#p1-001 .padd {
padding:0;
}





#content h1 {
font-size:72px;
font-weight:100;
color:#aaa79c;
margin:40px 0 50px 0;
line-height:80px;
letter-spacing:-2px;
}


#content h2 {
font-size:40px;
margin:0px 0px 20px 0px;
padding:0px 0px 16px 0px;
letter-spacing:-1px;
line-height:48px;
color:#aaa79c;

border-bottom:2px dotted #d2cec2;
}





/*LOGO */

.logo {
width:30%;
position:absolute;
z-index:20;
left:15%;
top:0%;
margin:0% 0% 0% 0%;
}








/*BUTTONS */




.cta-button {
margin:10px 0% 30px 0%;
padding:20px 40px 20px 40px;
color:#fff;
background-color:#aaa79c;
display:inline-block;
float:right;
width:80%;
text-decoration:none;
font-weight:400;
font-size:36px;
line-height:42px;
text-align:center;

-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


.cta-button:hover {
background-color:#696762;
}

















#footer p {
text-align:center;
}













			
}