html, body
{
	font-size: 20px;
}
.ruecklink p {
     font-family: 'Nunito', sans-serif;      
     font-size: 24px;
     font-weight: bold;
     
 }
.contentArea {
    width: 95%;
    min-width: 450px:;
	height: auto;
    margin: 0 auto;
    
}
.anzeige {
	margin: 50px auto 0;
	width: 100%;
	height: auto;
}
.anzeige-l {
	float: left;
    margin-right: 3%;
	margin-bottom: 10px;
	max-width: 100%;
 } 
.anzeige-r {
	float: right;
	margin-left: 3%;
	margin-bottom: 30px;
	max-width: 100%;
} 
.main {
width: 30%;
min-width: 250px;
margin-left:2%;
margin-top:40px;
float: left;
background-color: #FFFFFF;
border:5px inset #D61A16;
font-size: 20px;

}
.main2 {
width: 90%;
min-width: 250px;
margin:40px auto;
float: left;
background-color: #FFFFFF;
border:5px inset #D61A16;
font-size: 20px;

}
.inner, .inner2 {
width: 95%;
margin:5px auto;
}
.inner img {
	width: 100%;
	heigth: auto;
}
.bildthema {
 width: 40%;
 height: auto;
 float: left;
 margin: 20px;
}
  @media only screen and (max-width: 1100px) {

.main, {
    width: 40%;
}
.main, .main2 {
    font-size: 18px;
}
.bildthema {
    width: 50%;
}
}
 @media only screen and (max-width: 640px) {
body {
	font-size: 16px;
}
 
 .main, {
     width: 80%;
     margin: 20px auto;
 }
.main, .main2 {
    font-size: 16px;
} 
.anzeige-l, .anzeige-r {
	max-width: 80%;
	float: none;
	margin: 0 auto 10px;
}
.bildthema {
    width: 90%;
    float: none;
} 
}