@media all and (min-width: 36rem) {

    body:after {
        content: 'viewport-m';
        display: none;
    }

    head {
        font-family: 'viewport-m';
    }

    /* layout */

    #page-header {
        width: 36rem;
    }
    #slider .slider-image {
        height: 16rem;
    }

    #contentainer {
        width: 36rem;
        margin: 3rem auto;
    }
    #footer-top {
        width: 36rem;
    }
    #servicenavigation {
        padding-top: 3.5rem;
    }
    #meta-navigation {
        width: 36rem;
    }
    #meta-navigation ul li {
        display: inline-block;
    }
    #footer-bottom {
        width: 36rem;
    }


    /* products list */

    .product-item, .category-item {
        width: 33.3%;
        padding: 0 0 3rem 0.5rem;
    }
    .category-link {
        margin-top: 0.5rem;
    }

    /* product details */

    .item-info {
        border: none;
    }

    .item-images {
        width: 40%;
        float: left;
        padding: 0 1rem 0 1.5rem;
    }

    .small-images {
        text-align: center;
    }

    .item-text {
        float: left;
        width: 60%;
        padding: 0 2rem 0 0;
        border: none;
        margin: auto;
    }
    .item-info .product-pdf,
    .item-info .product-video {
        float: left;
        background-position: left top;
        padding-left: 40px;
        width: 100px;
        margin: auto;
    }
    .item-info .product-shop {
        float: left;
        width: 145px;
        margin: auto;
    }
    .item-inquiry {
        float: right;
    }
    .item-relations {
        float: left;
        margin: 0 0 0 1rem;
    }

    /* displayfinder */

    .displayfinder-button {
        margin: auto;
    }

    /* ce-column images */

    .ce-gallery[data-ce-columns="4"] .ce-column {
        max-width: calc(25% - 24px);
    }
}

@media all and (max-width: 36rem) {

    /* grid elements */
    .grid-ce .grid-column-width-25,
    .grid-ce .grid-column-width-33,
    .grid-ce .grid-column-width-50,
    .grid-ce .grid-column-width-66,
    .grid-ce .grid-column-width-75 {
        grid-column: span 12;
    }

    .grid-ce .grid-column-width-40,
    .grid-ce .grid-column-width-60 {
        grid-column: span 10;
    }
}