body{
	font: .9em / 1.6em "Open Sans", Verdana, sans-serif;
	font-style: normal;
    font-weight: 400; 
	background: #fff;
	min-height: 100vh;
    display: flex;
    flex-direction: column;
    }

#header {
	float:left;
	width:100%;
	background: #fff;
	border-bottom: solid 2px #95aa53;
	margin: 0 0 20px 0;
}

#logo{
	float: left;
	font-weight: 300;
	color: #95aa53;	
	width:50%;
}

a {
	color:#95aa53;
	text-decoration:none;
}

#recht{
	float:right;
	color: #333;
	margin:30px 20px  20px 0px;
	vertical-align:bottom;	
	width:50%;
}

 ul.links {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align:right;
}

.links li {
  float: left;
  list-style-type: none;
  
}

.links li a {
  display: inline-block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

#inhalt{
	background:#fff;
	float:left;
	margin: 0 0 20px 0;
	width: 100%;
}	

#wrapper{
	/* background-color: #ff0034; */
	width:80%;
	margin-left:auto;
	margin-right: auto;
	
}
#left_column{
	/* background-color: yellow; */
	float:left;
	width: 45%;
	margin: 0px  20px 20px 0px; 
}

#right_column {
	/* background-color: #fff; */
	float:left;
	padding-left:20px;
	width:45%;
}
.right_img{
	    margin-top: 90px;
}

h1{
	font-size: 1.8rem;
	line-height: 2.2rem; 
}

h2{
	font-size: 1.6rem;
	color:#95aa53;
	font-weight: 500;
	line-height:1.8rem;
}

h3{
	font-size: 1.4rem;
	color:#95aa53;
	font-weight: 500;
}

.text{	
    margin-bottom: 20px;
}

.button{
	width: 120px;
	background: #95aa53;
	padding: 10px;
	border-radius: 10% 10% 10%  10%; 
    -webkit-border-radius: 10% 10% 10%  10%; 
    -moz-border-radius: 10% 10% 10%  10%;
	color:#fff;
	font-weight: bold;
}

.image-left{
	float:left;
	margin:0px 20px 20px 0;
}

.image-right{
	float:right;
	margin:0px 0 20px 20px;
}



footer{
	display:flow-root;
}

#footer{
	border-top: solid 2px #95aa53;
	margin: 20px 0 10px 0;
	text-align: center;
	width: 100%;
 
}
h4.copy {
    color: #444;
    font-size: 0.9rem;
    text-align: center;
    font-weight: normal;
}


/************************************MEDIASCREENS******************/

@media screen and (min-width:320px) {
/* Bei jedem größeren Monitor kommen neue Regeln hinzu */
   body{
	font: 1.2em/1.6em  "Open Sans", Verdana, sans-serif;
	font-style: normal;
    font-weight: 400; 
   }
	#logo{
	float: left;
	font-weight: 300;
	color: #95aa53;	
	/* background: #ff00ff; */
	width:100%;
	}
	h1{
		font-size: 1.1rem;
		line-height: 1.7rem; 
	}
	#recht{
			float:left;
			color: #333;
			margin:0px 20px  00px 0px;
			 /* background:#fff1ee;  */
			vertical-align:bottom;	
			width:100%;	
		}
		
	ul.links {
		  list-style-type: none;
		  margin: 0;
		  padding: 0;
		  overflow: hidden;			  
		}
	
	.links li a {
		  display: inline-block;
		  color: black;
		  text-align: right;
		  padding: 14px 16px;
		  text-decoration: none;
		  font-size: 0.9rem;
		  color:#95aa53;		 
		}
	   
	 .text{	
		margin-bottom: 20px;
		font-size:0.9rem;
	}
	#left_column{
	/* background-color: yellow; */
	float:left;
	width: 100%;
	margin: 0px  20px 20px 0px; 
	}

	#right_column {
		/* background-color: #fff; */
		float:left;
		padding-left:20px;
		width:100%;
	}
	
	.button{
		width: 120px;
		background: #95aa53;
		padding: 10px;
		border-radius: 10% 10% 10%  10%; 
		-webkit-border-radius: 10% 10% 10%  10%; 
		-moz-border-radius: 10% 10% 10%  10%;
		color:#fff;
		font-weight: bold;
		vertical-align: middle;
	}
	
	.button a{
		color:#fff;
		text-decoration:none;
		
	}
}



@media screen and (min-width:1020px) {
/* Noch größer, noch mehr Regeln */
		#logo{
			float: left;
			font-weight: 300;
			color: #95aa53;	
		/* background: #ff00ff;  */
			width:50%;
			padding-left:20px;
		}

		#recht{
			float:left;
			color: #333;
			margin:30px 0px  20px 0px;
			 /* background:#fff1ee;  */
			vertical-align:bottom;	
			width:47%;
			
		}
		
		ul.links {
		  list-style-type: none;
		  margin: 0;
		  padding: 0;
		  overflow: hidden;	
		  padding-left:35rem;
		}
		
		.links li a {
		  display: inline-block;
		  color: black;
		  text-align: right;
		  padding: 14px 16px;
		  text-decoration: none;
		  font-size: 1.1rem;
		  color:#95aa53;
		}
  
	   #left_column{
		/* background-color: yellow; */
		float:left;
		width: 45%;
		margin: 0px  20px 20px 0px; 
	}

	#right_column {
		/* background-color: #fff; */
		float:left;
		padding-left:20px;
		width:45%;
	}
	
	h1{
			font-size: 1.8rem;
			line-height: 2.2rem; 
	}
		   
		 .text{	
			margin-bottom: 20px;
			
	}
}