.main, .picture {
    width: 80%;
    height: auto;
    margin: 20px auto;
}
.main img {
    width: 30%;
    height: auto;
}
.picture img {
    width:100%;
    height: auto;
    margin: 0 auto;
}


.links img {
    width: 100%;
    height: auto;
}
.rechts img {
    width: 30%;
    height: auto;
    margin: 20px auto;
}



 @media only screen  and (max-width: 860px){
.main, .picture {
    width: 90%;
    height: auto;
    margin: 20px auto;
 }
 .main img {
    width: 40%;
    height: auto;
}
.rechts {
    width: 90%;
}
.links img {
    width: 100%;
    height: auto;
}
@media only screen  and (max-width: 600px){

 .main img {
    width: 80%;
    height: auto;
    margin: 0 auto;
    float: none;
}