/**
* pilatus pc 7
*/

.pilatuspc7 .grid {
    display: -ms-grid;
    -ms-grid-columns: (1fr 1rem)[12];
    -ms-grid-rows: (auto 1rem)[3];
}

.pilatuspc7 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 24;
    -ms-grid-row: 1;

    grid-column: viewport;
}

.pilatuspc7 .foto {
    -ms-grid-column: 1;
    -ms-grid-column-span: 24;
    -ms-grid-row: 1;

    grid-column: viewport;
    margin-bottom: 2em;
}

/** IE 11 */
.pilatuspc7 .foto img {
    width: 50%;
    margin-left: 25%;
}

.pilatuspc7 .text {
    -ms-grid-column: 1;
    -ms-grid-column-span: 24;
    -ms-grid-row: 3;

    grid-column: viewport;
}

.pilatuspc7 .tables {
    -ms-grid-column: 1;
    -ms-grid-column-span: 24;
    -ms-grid-row: 5;

    grid-column: viewport;
}



.tables h2 {
    margin-top: 4em;
}

.tables table {
    margin-top: 1em;
    border-collapse: collapse;
    width: 100%;
    max-width: 35em;
}

.tables table tr {
    border-top: 1px solid #e9e9e9;
}

.tables table td {
    padding: 0.7em;
}

.tables table tr:nth-of-type(even) {
    background-color: #f7f7f7;
}

.tables table td:nth-of-type(2) {
    width: 30%;
}

@media screen and (min-width: 768px) {
    .pilatuspc7 .foto {
        -ms-grid-column: 1;
        -ms-grid-column-span: 7;
        -ms-grid-row: 1;

        grid-column: 1 / 5;
        margin-bottom: 0;
    }

    .pilatuspc7 .foto img {
        width: 70%;
        margin-left: 0;
        margin-top: 2em;
    }

    .pilatuspc7 .text {
        -ms-grid-column: 8;
        -ms-grid-column-span: 17;
        -ms-grid-row: 1;

        grid-column: 5 / -1;
        margin-top: 0;
    }

    .pilatuspc7 .tables {
        -ms-grid-column: 8;
        -ms-grid-column-span: 17;
        -ms-grid-row: 3;

        grid-column: 5 / -1;

    }
}