@charset "UTF-8";
/* CSS Document */


html {
/*	height: 100%; */	
/*	background-color: #a3e25d;
*/	background-color: #fff;
	/*background-image: url(images/bg.png);
	background-repeat: repeat;*/
}

a { text-decoration: none;
	color: #9d6c5b;
}
	

body {
	font-family: Myriad, Verdana, Geneva, sans-serif;
	font-weight: 200;
	font-size: 1.1em;
	letter-spacing: 0.04em;
	line-height: 1.4em;
	height: 100%;
/*	color: #9d6c5b;
*/	color: white;
	
}

#header {
	position: relative;
	width: 100%;
	min-height: 400px;
	max-height: 400px;
	background: url(images/malen_slider.jpg) no-repeat center center;
	clear: both;
	background-size: 100% auto;
}


#wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0% auto 0%;
	width: 96%;
	padding: 0 2% 0 2%;
	min-height: 300px;
	height: auto;
	overflow-x: hidden;
	
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	
	-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;

}


		
#logo {
	display: flex;
	height: auto;
	width: 80%;
	margin: 3% auto 5%;
	clear:both;
	align-items:center;
	justify-content: center;
	
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	
	-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
 }
 
 
#adresse{
  padding: 1%;
  display: flex;
  felx-wrap: wrap;
  width: 450px;
  height: 200px;
  
  display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	
	
}

.adresse {
  background-image: url(images/world.png);
  background-size: 60%;
  background-repeat:no-repeat;
  background-position: center;
  display: flex;
  height: auto;
  background-color: #a3e25d;
  width: 40%;
  padding: 5% 5% 5% 2%;
  margin: 0% 0% 0% 0%;
  
  display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;

 }
 
 .adresse-text {
  display: flex;
  height: auto;
  background-color: #a3e25d;
  width: 55%;
  padding: 6% 3% 0% 8%;
  margin: 0% 0% 0% 0%;
  
  display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;

 }




#web{
  padding: 1%;
  display: flex;
  felx-wrap: wrap;
  width: 450px;
  height: 200px;
  
  display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	

}

.web {
  background-image: url(images/adresse.png);
  background-size: 60%;
  background-repeat:no-repeat;
  background-position: center;
  display: flex;
  height: auto;
  background-color: #a3e25d;
  width: 40%;
  padding: 5% 5% 5% 2%;
  margin: 0% 0% 0% 0%;
  
  display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	
 }
 
 .web-text {
  display: flex;
  height: auto;
  background-color: #a3e25d;
  width: 55%;
  padding: 6% 3% 0% 8%;
  margin: 0% 0% 0% 0%;
  
  display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	
 }


#phone{
  padding: 1%;
  display: flex;
  felx-wrap: wrap;
  width: 450px;
  height: 200px;
  
  display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	
	
}

.phone {
  background-image: url(images/phone.png);
  background-size: 60%;
  background-repeat:no-repeat;
  background-position: center;
  display: flex;
  height: auto;
  background-color: #a3e25d;
  width: 40%;
  padding: 5% 5% 5% 2%;
  margin: 0% 0% 0% 0%;
  
  display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	
	
 }
 
 .phone-text {
  display: flex;
  height: auto;
  background-color: #a3e25d;
  width: 50%;
  padding: 6% 3% 0% 8%;
  margin: 0% 0% 0% 0%;
  
  display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;


 }

	
..img {
	margin: 0% auto;
	padding: 4% 10% 0;
	width: 100%;
	height: auto;

}

.img2 {
	width: 100%;
		height: auto;


}



.mr {
	margin-right: 2%;}