/*
*****************************************************

*****************************************************
green: #6d941e
brown: #654319
*****************************************************
----------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	}

html, body {
	border: 0;	
  width:100%; 
	font: 14px;
  font-family: verdana, sans-serif; 
	color: #654319;    
  font-weight:normal;
  text-align:left;
  margin:0 auto;
	}


a {color: #fff;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}

img {
  height: auto; /* Falls Dimensionsangaben im HTML vorhanden sind */
  max-width: 100%;    
}

/* ----------container to center the layout-------- */
#wrap {
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
  max-width:1400px;
} 


#header {
  max-height: 600px;
  width:100%;


}
#header .inside{
  max-width:1400px;
  height:100%;
  margin:0 auto;
}
/*
.header-img {
  min-height: 600px;
  background-image: url(../images/bg_header.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}*/

.headline {
  text-align:center;
  margin-top:20px;
float:left;
}

h1 {
  font-size: 50px;
  font-weight:bold;    
}
h2 {               
  font-size: 27px;
  font-weight:bold;   
}
h3 {               
  font-size: 34px;
  font-weight:normal;   
  color:#6d941e;
  margin-top:20px;
}



.brown {color:#654319;}
.green {color:#6d941e;}


/* --------------left and right navi------------- */

#content {
  margin-top:40px;
float:left;
  width:100%;

}
#content .inside{
  max-width:1400px;
  height:100%;
  margin:0 auto;
}

.row1, .row2 {
  width:100%;
  float:left;

}
.row3 {
  width:100%;
   float:left;
  margin-top:30px ;
  border: 0px solid #ff9900;
}

.row4 {
  width:100%;
   float:left;
  margin-top:20px ;
  padding:20px 0;
  background: #f5f3f2;
  text-align:center;
}


.color1{
  background:#faf1df;
}
.color2{
  background:#e6ded6;
}         

.left {
 width:48%; 
 float:left; 
 margin-right:10px;
   padding: 25px 0 25px 25px;
 }
 .right {
 width:48%; 
 float:left;
    padding: 25px 0 25px 0; 
 }
 
 
a.button1{
  display:inline-block;
  padding:0.35em 1.2em;
  background-color:#654319;
  margin:0 0.3em 0.3em 0;
  border-radius:0.12em;
  box-sizing: border-box;
  text-decoration:none;
  font-size:20px;
  font-weight:300;
  color:#FFFFFF;
  text-align:center;
  transition: all 0.2s;
  box-shadow: 4px 4px 5px black;  
}
a.button1:hover{
  color:#654319;
  border:0.1em solid #654319;
  background:#faf1df;
}
a.button2{
  display:inline-block;
  padding:0.35em 1.2em;
  background-color:#6d941e;
  margin:0 0.3em 0.3em 0;
  border-radius:0.12em;
  box-sizing: border-box;
  text-decoration:none;
  font-size:20px;
  font-weight:300;
  color:#FFFFFF;
  text-align:center;
  transition: all 0.2s;
  box-shadow: 4px 4px 5px black;
}
a.button2:hover{
  color:#654319;
  border:0.1em solid #654319;
  background:#faf1df;
}

video {
	width:100%;
	height:auto;
}


@media all and (max-width:30em){
  a.button1, a.button2{
  display:block;
  margin:0.4em auto;
 }
} 
 
@media (max-width: 860px) { 
.row1 .left {width:100%;padding-left:0;}
.row1 .right {width:90%;padding:10px;}
.row2 .left {width:90%;}
.row2 .right {width:100%;padding:10px;}
.row3 {margin: 10px 0;}
.row4 .left {width:90%;}
.row4 .right {width:100%;padding:10px;}

h1 {  font-size: 30px;}
h2 {  font-size: 22px;}
h3 {  font-size: 22px;font-weight:bold;}

}