.modul-content img
{
    width: 100%;
    height: auto;
    display: block;
}

.modul-content .template-imagesmall .field-image,
.modul-content .template-imagesmall_url .field-image
{
    margin: 0 auto;
}

.modul-content .template-imagemedium .field-image,
.modul-content .template-imagemedium_url .field-image
{
    margin: 0 auto;
}

@media screen and ( min-width: 320px )
{
    .modul-content .template-imagesmall .field-image,
    .modul-content .template-imagesmall_url .field-image
    {
        width: 80%;
    }
}

@media screen and ( min-width: 400px )
{
    .modul-content .template-imagesmall .field-image,
    .modul-content .template-imagesmall_url .field-image
    {
        width: 70%;
    }
}

@media screen and ( min-width: 500px )
{
    .modul-content .template-imageleft .field-image,
    .modul-content .template-imageleft_url .field-image,
    .modul-content .template-imagesleft .field-image,
    .modul-content .template-imagesleft_url .field-image
    {
        width: calc(50% - 1em);
        margin-right: 1em;
        float: left;
    }

    .modul-content .template-imageright .field-image,
    .modul-content .template-imageright_url .field-image,
    .modul-content .template-imagesright .field-image,
    .modul-content .template-imagesright_url .field-image
    {
        width: calc(50% - 1em);
        margin-left: 1em;
        float: right;
    }

    .modul-content .template-imagesleft .inner,
    .modul-content .template-imagesleft_url .inner,
    .modul-content .template-imagesright .inner,
    .modul-content .template-imagesright_url .inner
    {
        width: calc(50% - 1em);
    }

    .modul-content .template-imagesleft .field-image,
    .modul-content .template-imagesleft_url .field-image,
    .modul-content .template-imagesright .field-image,
    .modul-content .template-imagesright_url .field-image
    {
        margin-top: 1em;
    }

    .modul-content .template-imagesleft .inner,
    .modul-content .template-imagesleft_url .inner
    {
        float: right;
        margin-left: 1em;
    }

    .modul-content .template-imagesright .inner,
    .modul-content .template-imagesright_url .inner
    {
        float: left;
        margin-right: 1em;
    }

    .modul-content .template-imagesmall .field-image,
    .modul-content .template-imagesmall_url .field-image
    {
        width: 60%;
    }

    .modul-content .template-imagemedium .field-image,
    .modul-content .template-imagemedium_url .field-image
    {
        width: 90%;
    }
}

@media screen and ( min-width: 600px )
{
    .modul-content .template-imageleft .field-image,
    .modul-content .template-imageleft_url .field-image,
    .modul-content .template-imagesleft .field-image,
    .modul-content .template-imagesleft_url .field-image,
    .modul-content .template-imageright .field-image,
    .modul-content .template-imageright_url .field-image,
    .modul-content .template-imagesright .field-image,
    .modul-content .template-imagesright_url .field-image
    {
        width: calc(40% - 1em);
    }

    .modul-content .template-imagesleft .inner,
    .modul-content .template-imagesleft_url .inner,
    .modul-content .template-imagesright .inner,
    .modul-content .template-imagesright_url .inner
    {
        width: calc(60% - 1em);
    }

    .modul-content .template-imagesmall .field-image,
    .modul-content .template-imagesmall_url .field-image
    {
        width: 50%;
    }
    .modul-content .template-imagemedium .field-image,
    .modul-content .template-imagemedium_url .field-image
    {
        width: 80%;
    }
}

@media screen and ( min-width: 700px )
{
    .modul-content .template-imagesmall .field-image,
    .modul-content .template-imagesmall_url .field-image
    {
        width: 40%;
    }
    .modul-content .template-imagemedium .field-image
    {
        width: 70%;
    }
}

@media screen and ( min-width: 800px )
{
    .modul-content .template-imageleft .field-image,
    .modul-content .template-imageleft_url .field-image,
    .modul-content .template-imagesleft .field-image,
    .modul-content .template-imagesleft_url .field-image,
    .modul-content .template-imageright .field-image,
    .modul-content .template-imageright_url .field-image,
    .modul-content .template-imagesright .field-image,
    .modul-content .template-imagesright_url .field-image
    {
        width: calc(30% - 1em);
    }

    .modul-content .template-imagesleft .inner,
    .modul-content .template-imagesleft_url .inner,
    .modul-content .template-imagesright .inner,
    .modul-content .template-imagesright_url .inner
    {
        width: calc(70% - 1em);
    }

    .modul-content .template-imagesmall .field-image,
    .modul-content .template-imagesmall_url .field-image
    {
        width: 30%;
    }
    .modul-content .template-imagemedium .field-image,
    .modul-content .template-imagemedium_url .field-image
    {
        width: 60%;
    }
}