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

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

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

    .show-desktop {
        display: inherit;
    }

    /* layout */

    #page-header {
        width: 64rem;
    }
    #claim {
        font-size: 1.8rem;
        margin-top: 8px;
    }
    #fon {
        position: static;
        clear: right;
        float: right;
        max-width: 55%;
        font-size: 1rem;
    }
    #header-bottom {
        position: relative;
    }
    #search {
        position: absolute;
        left: 67.8%;
        right: 0;
        top: 0;
        bottom: 0;
    }
    #slider .slider-image {
        height: 26.75rem;
    }

    #contentainer {
        width: 64rem;
    }
    #content-left {
        width: 20%;
    }
    #content-right {
        width: 80%;
    }

    #footer-top {
        width: 64rem;
    }
    #servicenavigation {
        padding-top: 9.5rem;
    }
    #meta-navigation {
        width: 64rem;
    }
    #footer-bottom {
        width: 64rem;
    }

    /* main nav */
    /* main navigation */

    #main-navigation #main-nav {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    #main-navigation #main-nav li {
        display: inline-block;
    }
    #main-navigation #main-nav li a {
        display: block;
        font-size: 1rem;
        font-weight: 600;
        padding-left: 1rem;
        color:  #666;
        text-decoration: none;
        line-height: 1.75rem;
        padding-right: 1.25rem;
    }
    #main-navigation #main-nav li a:hover {
        color: #c6ab8e;
    }


    #main-navigation #main-nav .sublevel {
        display: none;
        position: absolute;
        background: #fff;
        border: 1px solid #cfcfcf;
        margin: 0;
        padding: 0;
        list-style-type: none;
        min-width: 12rem;
        z-index: 2000;
    }
    #main-navigation #main-nav > li.parent:hover > .sublevel {
        display: block;
    }
    #main-navigation #main-nav > li.parent:hover .sublevel li {
        position: relative;
        display: block;

    }
    #main-navigation #main-nav > li.parent:hover .sublevel li a {
        display: block;
        font-size: 0.875rem;
        line-height: 2rem;
        color:  #666;
        text-decoration: none;
        font-weight: 600;
        padding: 0 1rem;
        border-bottom: 1px solid #cfcfcf;
    }
    #main-navigation #main-nav > li.parent:hover .sublevel li.last a {
        border-bottom: none;
    }
    #main-navigation #main-nav > li.parent:hover .sublevel li a:hover {
        color: #c6ab8e;
    }
    #main-navigation #main-nav > li.parent:hover .sublevel li a.active {
        color: #c6ab8e;
    }
    #main-navigation #main-nav .sublevel .sublevel {
        display: none;
    }
    #main-navigation #main-nav li a {
        padding-right: 1.75rem;
    }

    /* product list */

    .product-item, .category-item {
        width: 25%;
    }

    /* product details */

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





    /* displayfinder */

    .displayfinder-button {
        width: 15rem;
        height: 20rem;
        background-size: unset;
        background-position: left 1rem center;
    }
    .displayfinder-button.lang-1 {
        background-size: unset;
        background-position: left 1rem center;
    }
    .displayfinder-button.lang-2 {
        background-size: unset;
        background-position: left 1rem center;
    }
    .displayfinder-button.lang-3 {
        background-size: unset;
        background-position: left 1rem center;
    }

}