article.archiv img.pic-r {
    max-width: 55%;
    margin: 0 0 1em 1em;

    float: right;
}

article.archiv img.pic-l {
    max-width: 55%;
    margin: 0 1em 1em 0;

    float: left;
}

img.pic-small {
    width: 33%;
}

img.pic-smaller {
    width: 20%;
}

article.archiv,
article.archiv h1,
article.archiv h2 {
    clear: both;
}


@media screen and (max-width: 640px) {

    article.archiv img.pic-r,
    article.archiv img.pic-l {
        max-width: 70%;
    }

    img.pic-small {
        width: 50%;
    }

    img.pic-smaller {
        width: 40%; 
    }

}