@media (min-width: 992px) {
    body {
        padding: 15px;
    }

    .page {
        background: #fff;
        box-shadow: 0 0 15px rgba(0, 0, 0, .125);
    }

    .grid {
        grid-template-columns: 33.333% 1fr;
        grid-template-rows: minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content);
        grid-template-areas: "logo menu menu" "kontakt teaser teaser" "sidebar content content" "footer footer footer"
    }

    .menu {
        background: rgba(0, 0, 0, .25);
    }

    .navbar-expand-md .navbar-collapse {
       justify-content: flex-end;
        padding-right: 15px;
    }

    .nav > li > a {
        font-size: medium;
    }

    .teaser {
        grid-column: 1 / 4;
        grid-row: 1 / 3;
        z-index: 0;
    }

    .sidebar {
        display: grid;
    }

    .content-full {
        grid-column: 1 / 3;
        grid-row: 3 / 4;
        padding: 45px;
    }

    .footer-col-right {
        text-align: right;
    }
}