body{
background-color: #A00D0A; /* #A00D0A */
/* 
rot abgedunkelt: CE0805
original-rot F00F0A; B20D0A;
milchgrün: 64B98B
*/
margin: 50px;
}

.color_bg{
	/* background-image: url(back-garten.jpg);*/
	background-color: #A00D0A;
    background-position: center top;

}

.main-content {
/*background-color: #FFF;
opacity: 0.9;*/
background-image: url(back-garten-trans2.png);
background-position: center top;
background-size: 100% 100%;
padding: 50px 100px; 
width: 70vw;
max-width: 1200px; 
/*font-family: 'Fira Sans', sans-serif;*/
font-family: 'Open Sans', sans-serif; 
font-size: 14px;
border: 1px solid #666;
box-shadow: 6px 10px 12px rgba(0,0,0,.275);
}
.center-content {
position: absolute; 
left:50%; transform: translate(-50%);
/*height: 100%;*/
}

@media screen and (min-width: 600px) {
.center {
text-align:center;
}
}

.lefti {
text-align:left;
}
.righti {
text-align:right;
}
.pold{
font-weight: bold;
}
.red{
color: F00F0A; /*B20D0A;*/
}
.unpold{
font-weight: normal;
}
.red_font{
	color: #EF1715;
}
.black_font{
	color: black;
}
.size18{	
	font-size: 18px;
}
.size20{	
	font-size: 20px;
}
.red_back{
	background-color: #EF1715;
}
.ex-box{
	
}
.pic-respo {
    max-width: 100%;
    height: auto;
}
.linx{
	text-decoration: none;
}
.button {
	  background-color: white; 
  border: none;
  color: red;
  padding: 5px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  border: 1px solid black;
}
a.button:hover{ 
background-color: red; color: white; border: 1px solid white;
}

h4, h5, h6, h7 {
/*font-weight: normal;*/
margin-bottom: 5px;
/*display: inline; */
}