@media screen and (max-width: 999px) {

    /* 1000 Pixel Grid
    --------------------------------------------*/

    .container { width: 1000px; margin-left: auto; margin-right: auto; }
    .column1-2, .column1-3, .column2-3, .column1-4, .column2-4, .column3-4, .column2-12, .column3-12, .column4-12, .column6-12 { float: left; }



    /* margin
    --------------------------------------------*/
    .column1-2, .column1-3, .column2-3, .column1-4, .column2-4, .column3-4, .column2-12, .column3-12, .column4-12, .column6-12 { margin-left: 10px; margin-right: 10px; }
    .first { margin-left: 0; }
    .last { margin-right: 0; }



    /* widths
    --------------------------------------------*/
    /* 2-spaltig */
    .column1-2 { width: 490px; }

    /* 3-spaltig */
    .column1-3 { width: 320px; }
    .column2-3 { width: 660px; }

    /* 4-spaltig */
    .column1-4 { width: 235px; }
    .column2-4 { width: 490px; }
    .column3-4 { width: 745px; }

    /* 12-spaltig */
    .column1-12 { width: 65px; }
    .column3-12 { width: 235px; }
    .column4-12 { width: 320px; }
    .column6-12 { width: 490px; }


    #page { padding: 0 35px; width: auto;  }
    #main { margin: 0; width: 100%;  }
    #main * div:not(.page-ending):not(.gm-style-mtc):not(#adv-custom-pager){
        margin-left: 0;
        width: 100%;
        margin-top: 0px;
    }
    #mobile-menu-button { width: 60px; height: 70px; display: block; left: 50%; margin-left: -30px; position: relative; margin-bottom: -23px; z-index: 10; cursor: pointer; background-size: 60px 70px; }
    #mobile-menu-button.closed { background-image: url(/images/mobile-menu-button.png); }
    #mobile-menu-button.open { background-image: url(/images/mobile-menu-button-close.png); z-index: 10000; }
    #content { width: auto; }
    .head { margin: 0; width: auto; padding: 0; margin-bottom: 25px; }
    .emotion-image { width: 100%; margin: 0; }
    #emotion { width: 100%; margin: 0; }
    .subheading { width: auto; float: left; padding: 0; }
    #content .subheading p, .subheading-small p { width: auto; font-size: 20px; text-align: left; padding: 10px 35px; line-height: 30px; letter-spacing: 8px; }
    .text {
        margin-bottom: 35px;
    }
    #callback_form {
        height: auto;
    }
    #callback_form input[type="text"], #callback_form textarea {
        width: 100%;
    }
    #callback_form .city, #callback_form .mail {
        margin-left: 0px;
    }
    #content_area p, #content_area h2, #content_area h3 { width: auto; margin-left: 0; margin-bottom: 25px; }
    .image-gallery { margin: 0; margin-bottom: 10px; width: 100%; height: auto; }
    .image-gallery img { margin: 0; box-sizing: border-box; width: 100%; height: auto; }
    .image-gallery .picDescription { padding: 15px 0; }
    #back { width: 100%; padding: 0; height: auto; position: relative; }
    #back img#emotion { width: 100% !important; margin: 0 !important; }
    #back span { left: 50%; margin-left: -100px; margin-top: 0; top: 50%; transform: translateY(-50%); }
    #site-menu { position: relative; width: auto; padding: 0; margin: 0; top: auto; }
    #site-menu .green-space { display: none; }
    #logo-small { display: none; }
    .page-home #menu { position: absolute; }
    #menu { display: none; width: 100%; height: auto; left: -100%; top: 0px; background-color: rgba(255,255,255,.9); height: 175%; z-index: 10000;}
    #menu ul { margin: 0; margin-top: 109px; padding: 0 35px; }
    #menu ul li { width: 100%; margin: 0; border-bottom: 1px solid black; position: initial; line-height: 18px; }
    #menu ul li .menu-point { position: relative; padding: 13px 15px 10px 15px; margin: 0; background-color: transparent; z-index: 0; }
    #menu ul li .menu-point a { background-color: transparent; font-size: 24px; letter-spacing: 11px; display: block; }
    #menu ul li .menu-point .arrow { display: none; }
    #menu ul li ul { display: none; width: 100%; height: 1000px; left: -100%; top: -8px; background: none; background-color: rgba(255,255,255,.9); margin: 0 !important; padding: 66px 35px 0 10px; z-index: 1; cursor: pointer; box-sizing: border-box; }
    #mobile-menu-category { font-size: 24px; letter-spacing: 11px; line-height: normal !important; padding: 4px 0 4px 0 !important; box-sizing: border-box; margin-left: 25px;}
    #mobile-menu-category:before { display: inline-block; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); position: relative; top: -2px; }
    #menu-sortiment #mobile-menu-category:after { content: url(/images/mobile-menu-pfeil-sortiment.png); }
    #menu-ueber-uns #mobile-menu-category:after { content: url(/images/mobile-menu-pfeil-ueber.png); }
    #menu-aktuell #mobile-menu-category:after { content: url(/images/mobile-menu-pfeil-aktuell.png); }
    #menu-kontakt #mobile-menu-category:after { content: url(/images/mobile-menu-pfeil-kontakt.png); }
    #menu ul li ul .level2 { display: block; border: none; padding-left: 0; }
    #menu ul li ul .level2 a { font-size: 16px; line-height: normal; }
    #menu .menu-point:after { position: absolute; top: 8px; right: 10px; }
    #menu #div-sortiment:after { content: url(/images/mobile-menu-pfeil-sortiment.png); }
    #menu #div-ueber-uns:after { content: url(/images/mobile-menu-pfeil-ueber.png); }
    #menu #div-aktuell:after { content: url(/images/mobile-menu-pfeil-aktuell.png); }
    #menu #div-kontakt:after { content: url(/images/mobile-menu-pfeil-kontakt.png); }
    .mobile-link-impressum { display: block; margin-left: 35px; padding: 30px 10px 50px 10px; }
    .mobile-link-impressum a { font-size: 18px; color: #575757; text-transform: uppercase; letter-spacing: 8px; }
    #contact-icons-top, #contact-icons-bottom { display: none; }
    .child-sub { margin: 0; margin-bottom: 10px; width: 100%; height: auto; }
    .child-img { width: 100%; height: auto; box-sizing: border-box; vertical-align: bottom; }
    .child-img p img { width: 100%; height: auto; margin: 0; }
    .more-link { display: none; }
    #sub-menu { border-bottom: 15px solid white; }
    .contact { display: none; }
    #business-time { display: none; }
    .triangle { display: none; }
    #menu #mobile-menu-category:after { position: absolute; top: 140px; right: 45px; }
    
    /*startseite*/
    .page-home { min-height: auto !important; }
    #logo { display: none; }
    #main { min-height: auto; }
    #main-info { position: relative; top: auto; border: none; width: 100%; height: auto; }
    #main-info-left { float: none; width: 100%; padding: 0; height: auto; }
    #main-info-left img { width: 100%; margin: 0; }
    #main-info-left p { font-size: 20px; line-height: 30px; position: absolute; width: auto; top: 50%; margin: 0; padding: 0 35px; box-sizing: border-box; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    #main-info-right { float: none; width: 100%; height: 100%; }
    #main-info-right p { width: auto; margin-top: 25px; font-size: 15px; }
    #main-info-right h1 { font-size: 20px; line-height: 25px; }
    .cycle-slideshow { overflow: hidden; }
    .slider { width: 100%; min-height: 100%; padding: 30px; margin-bottom: 20px; }
    .selection { display: block; position: relative; top: auto; left: auto; transform: initial !important; width: 100%; margin-bottom: 20px; overflow: hidden; }
    .selection img { width: 100%; }
    #footer { position: relative; }
    #footer { display: none; }
    #footer-mobile { display: block; background-image: url(/images/footer-mobile.png); background-size: 100% 100%; background-repeat: no-repeat; height: 434px; box-sizing: border-box; padding: 105px 0 0 60px; margin-top: -84px; }
    .page-home #footer-mobile { margin-top: 130px; }
    #footer-mobile a { font-size: 22px; text-transform: uppercase; color: white; display: block; margin-bottom: 20px; font-family:'halant-bold'; margin-left: -25px; }

#menu ul li ul li { margin-left: 25px; padding-top: 20px; }
.level1 ul li a { font-family: 'robotocondensed-regular'; font-size: 11px; letter-spacing: 0; line-height: 24px; margin-left: 15px; }
#menu-back { padding-bottom: 20px; margin-top: -20px; }
#mobile-menu-category a { font-size: 24px; letter-spacing: 11px; }
#menu-back:before { content: url(/images/icons/grimm_mobile_back.png); }
#menu-back span { position: absolute; margin-top: 3px; margin-left: -5px; font-size: 16px; }
.mobile-home-button { font-family: 'robotocondensed-regular'; display: block; z-index: 10001; position: relative; left: 50px; top: 3%; font-size: 12px; color: #157343; text-transform: uppercase; letter-spacing: 2px; }  
.mobile-home-button:hover { color: #157343; } 
#sub-menu li { margin: 10px 30px; }
}