@media (min-width: 768px) {

    /*******************************************/
    /* Inhalts-Bilder
    /*******************************************/

    .fr-dii.fr-fil {
        float: left;
        margin: 0 20px 0 0;
    }

    .fr-dii.fr-fir {
        float: right;
        margin: 0 0 0 20px;
    }
    .header a#logo {
        width: 260px;
    }

    .header .content {
        height: 130px;
    }

    .header {
        height: 130px;
    }

    main {
        margin-top: 130px;
    }

    .grid .item.third {
        width: calc( 33.33% - 50px );
        margin-left: 50px;
    }

    /*******************************************/
    /* Page intro
    /*******************************************/

    .intro-image {
        min-height: 300px;
    }

    .intro-image-caption {
        padding: 300px 0 0 2%;
    }
}