@media screen and (max-width: 1019px), screen and (max-height: 729px) {
    #wrapper {
        width: 840px;
        height: 601.3px;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
    }

    #wrapperBg {
        width: 100%;
        height: auto;
        max-width: 1200px;
        max-height: 601.3px;
        z-index: 1;
    }

    .insideWrapper {
        position: absolute;
        z-index: 5;
    }

    .displayNone {
        display: none;
    }

    #content {
        margin: 8% 0 0 0;
        width: 100%;
        height: 100%;
        max-height: 455px;
    }

    ul#navLeftUl {
        width: 20.8%;
        max-width: 172.2px;
        height: auto;
        max-height: 330.4px;
        position: absolute;
        top: 18.8%;
        left: 0; /*bottom: 15%;*/
        padding: 0;
    }

    ul#navLeftUl li {
        margin: 0 0 7.2% 0;
        padding: 0;
        border: 0;
        height: 100%;
        max-height: 38.5px;
        width: 100%;
        max-width: 172.2px;
    }

    img.navLeftImg {
        width: 100%;
        max-width: 172.2px;
        height: 100%;
        max-height: 38.5px;
    }

    .visibleLink {
        background: #fff;
        z-index: 12;
        position: absolute;
        display: block;
        left: 27.9%;
        width: 21.5%;
        height: 3%;
    }

    div#main-nav {
        position: absolute;
        width: 20.6%;
        height: 51.8%;
        left: 0;
        top: 19.2%;
        z-index: 6;
    }

    a.main-nav-item {
        width: 100%;
        height: 12.3%;
        left: 0;
        z-index: 5;
        position: absolute;
    }

    a#main-nav-item-1 {
        top: 0;
    }

    a#main-nav-item-2 {
        top: 16.4%;
    }

    a#main-nav-item-3 {
        top: 32.7%;
    }

    a#main-nav-item-4 {
        top: 49.1%;
    }

    a#main-nav-item-5 {
        bottom: 4%;
    }

    #navBottomUl {
        width: 73%;
        max-width: 612.5px;
        height: 26px;
        position: absolute;
        margin-left: 27%;
        bottom: -1px;
        /*left: 27%; /*left: 325px; */
    }

    li.navBottomUlLi {
        float: left;
        display: block;
        height: 26px;
        width: auto;
        margin: 0 0.785% 0 0; /*margin: 0 1.85% 0 0;*/
        /*background: #000;*/
    }

    li.navBottomSpacerLi {
        width: 1.5%;
        max-width: 11.2px;
        background: #ccc;
        height: 26px;
        float: left;
        display: block;
    }

    img.navBottomImg {
        width: auto;
        height: 26px;
    }

    #carouselWrap {
        width: 73%;
        height: 105.7px;
        top: 309px; /*51.4%;*/
        left: 100%;
    }

    ul#scrollingCarousel {
        width: 73%;
        height: 105.7px;
        margin: 0 1px 0 0; /*avoid overlapping*/
    }

    #scrollingCarousel li {
        float: left;
        margin: 0 10px 0 0; /*margin:0 10.5px 0 0;*/
        height: 105.7px;
        width: auto;
    }

    img.carouselImage {
        width: 106px; /*width: 105.7px;*/
        height: 106px; /*height: 105.7px;*/
    }

    #carouselBigImgContainer {
        top: 7.8%; /*top:5.4%;*/
        left: 43%;
        /*min-width: 301px; max-width: 350px;
                min-height: 388.5px;*/
        z-index: 15;
    }

    img.bigImg {
        max-height: 383.6px;
        width: 70%;
    }

    a#b_prev {
        position: absolute;
        z-index: 4;
        left: 0;
        opacity: 0;
    }

    a#b_next {
        position: absolute;
        z-index: 4;
        right: 0;
        opacity: 0;
    }

    #vergroessernText {
        width: 196px;
        height: 100.8px;
        left: 229.6px;
        top: 431.2px;
        position: absolute;
        z-index: 14;
    }
    /* intro (index.html)                      -------------------------------------------------------------------------- */
    img.introText {
        width: 100%;
        max-width: 840px;
        height: auto;
        z-index: 5;
    }

    #centerImage {
        width: 100%;
        max-width: 840px;
        height: auto;
        z-index: 3;
    }

    #centerImage2 {
        width: 100%;
        max-width: 840px;
        height: auto;
        z-index: 3;
    }

    .centerA {
        width: 48%;
        height: auto;
        min-height: 100%;
        display: block;
        position: absolute;
        z-index: 10;
        left: 26%;
    }

    img#whiteLayover {
        width: 100%;
        height: 100%;
        z-index: 2;
    }

    img#introAddress {
        width: 100%;
        max-width: 840px;
        height: auto;
        z-index: 3;
    }

    #wrapperBg {
        position: absolute;
        z-index: 1;
    }

    #navLeft { /*only used for animation*/
        display: block;
        position: absolute;
        left: -246px;
        z-index: 4;
    }
    /* leistungen.html + grabsteine.html + subpages----------------------------------------------------------------- */
    img#text,img#motiv {
        width: 100%;
        height: auto;
        position: absolute;
        z-index: 1;
    }
    /* unternehmen.html                      */
    img#unternehmenText {
        width: 100%;
        height: auto;
        z-index: 2;
    }
    img.unternehmenPic {
        z-index: 2;
        width: 100%;
        height: auto;
        position: absolute;
        top: 0; left: 0;
    }
    img#unternehmenBigPic {
        width: 100%;
        height: auto;
    }
    /* impressum.html                        */
    #kontaktTextLinksContainer {
        max-width: 261.1px;
        max-height: 601.3px;
        position: absolute;
        z-index: 4;
        left: 172.2px;
    }

    .butKontaktTextLinks {
        float: left;
        width: auto;
        height: auto;
        max-width: 261.1px;
    }

    #kontaktTextRechts {
        max-width: 405.3px;
        max-height: 601.3px;
        position: absolute;
        right: 0;
        z-index: 4;
    }

    /* new 13.12.2014*/
    .fullscreen {
        width: 100%;
        display: block;
    }

    #ueber-motiv-rechts {
        position: absolute;
        top: 18.8%;
        right: 0px;
        width: 40.2%;
        height: 37.5%;
        display: block;
        z-index: 5;
    }

    #ueber-motiv-rechts:hover {
        background: #fff;
        opacity: 0.4;
        transition: all 1s;
    }

    .montage {
        opacity: 0;
    }

    #motiv-gross {
        width: 100%;
        position: absolute;
        z-index: 99999;
        display: block;
    }
}

@media screen and (min-height: 730px) and (min-width: 1020px) {
    @media screen and (max-width: 1119px), screen and (max-height: 858px) {
    #wrapper {
        width: 100%;
        width: 1020px;
        height: 730.15px;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
    }

    #wrapperBg {
        width: 100%;
        height: auto;
        max-width: 1020px;
        max-height: 730.15px;
        z-index: 1;
    }

    .insideWrapper {
        position: absolute;
        z-index: 5;
    }

    .displayNone {
        display: none;
    }

    #content {
        margin: 8% 0 0 0;
        width: 100%;
        height: 100%;
        max-height: 552.5px;
    }

    ul#navLeftUl {
        width: 20.8%;
        max-width: 209.1px;
        height: auto;
        max-height: 401.2px;
        position: absolute;
        top: 18.8%;
        left: 0;
        padding: 0;
    }

    ul#navLeftUl li {
        margin: 0 0 7.2% 0;
        padding: 0;
        border: 0;
        height: 100%;
        max-height: 46.75px;
        width: 100%;
        max-width: 209.1px;
    }

    li#spacerLi {
        margin-bottom: 11%;
    }

    img.navLeftImg {
        width: 100%;
        max-width: 209.1px;
        height: 100%;
        max-height: 46.75px;
    }

    .visibleLink {
        background: #fff;
        z-index: 12;
        position: absolute;
        display: block;
        left: 27.9%;
        width: 21.5%;
        height: 3%;
    }

    div#main-nav {
        position: absolute;
        width: 20.6%;
        height: 51.8%;
        left: 0;
        top: 19.2%;
        z-index: 6;
    }

    a.main-nav-item {
        width: 100%;
        height: 12.3%;
        left: 0;
        z-index: 5;
        position: absolute;
    }

    a#main-nav-item-1 {
        top: 0;
    }

    a#main-nav-item-2 {
        top: 16.4%;
    }

    a#main-nav-item-3 {
        top: 32.7%;
    }

    a#main-nav-item-4 {
        top: 49.1%;
    }

    a#main-nav-item-5 {
        bottom: 4%;
    }

    #navBottomUl {
        width: 73%;
        max-width: 743.75px;
        height: 31px;
        position: absolute;
        margin-left: 27%;
        bottom: -1px;
        /*left: 27%; /*left: 325px; */
    }

    li.navBottomUlLi {
        float: left;
        display: block;
        height: 31px;
        width: auto;
        margin: 0 0.785% 0 0; /*margin: 0 1.85% 0 0;*/
        /*background: #000;*/
    }

    li.navBottomSpacerLi {
        width: 1.5%;
        max-width: 13.6px;
        background: #ccc;
        height: 31px;
        float: left;
        display: block;
    }

    img.navBottomImg {
        width: auto;
        height: 31px;
    }

    #carouselWrap {
        width: 73%;
        height: 128.35px;
        top: 376px; /*51.4%;*/
        left: 100%;
    }

    #scrollingCarousel ul {
        width: 73%;
        height: 128.35px;
        margin: 0 1px 0 0; /*avoid overlapping*/
    }

    #scrollingCarousel li {
        float: left;
        margin: 0 13px 0 0; /*margin: 0 12.75px 0 0;*/
        height: 128px; /*height: 128.35px;*/
        width: 128px; /*width: 128.35px;*/
    }

    img.carouselImage {
        width: 128.35px;
        height: 128.35px;
    }

    #carouselBigImgContainer {
        top: 7.8%; /*top:5.4%;*/
        left: 43%;
        /*min-width: 365.5px; max-width: 425px;
                min-height: 471.75px;*/
        z-index: 15;
    }

    img.bigImg {
        max-height: 465.8px;
        width: 85%;
    }

    a#b_prev {
        position: absolute;
        z-index: 4;
        left: 0;
        opacity: 0;
    }

    a#b_next {
        position: absolute;
        z-index: 4;
        right: 0;
        opacity: 0;
    }

    img#vergroessernText {
        width: 238px;
        height: 122.4px;
        left: 278.8px;
        top: 523.6px;
        position: absolute;
        z-index: 14;
    }

    img.imgBeispiel {
        width: 100%;
        max-width: 364.65px;
        height: auto;
        min-height: 2%; /*opera*/
        max-height: 34px;
    }
    /* intro (index.html)                      -------------------------------------------------------------------------- */
    img.introText {
        width: 100%;
        max-width: 1020px;
        height: auto;
        z-index: 5;
    }

    #centerImage {
        width: 100%;
        max-width: 1020px;
        height: auto;
        z-index: 3;
    }

    #centerImage2 {
        width: 100%;
        max-width: 1020px;
        height: auto;
        z-index: 3;
    }

    .centerA {
        width: 48%;
        height: auto;
        min-height: 100%;
        display: block;
        position: absolute;
        z-index: 10;
        left: 26%;
    }

    img#whiteLayover {
        width: 100%;
        height: 100%;
        z-index: 2;
    }

    img#introAddress {
        width: 100%;
        max-width: 1020px;
        height: auto;
        z-index: 3;
    }

    #wrapperBg {
        position: absolute;
        z-index: 1;
    }

    #navLeft { /*only used for animation*/
        display: block;
        position: absolute;
        left: -246px;
        z-index: 4;
    }
    /* leistungen.html + grabsteine.html + subpages----------------------------------------------------------------- */
    img#text,img#motiv {
        width: 100%;
        height: auto;
        position: absolute;
        z-index: 1;
    }
    /* unternehmen.html                      */
    img#unternehmenText {
        width: 100%;
        height: auto;
        z-index: 2;
    }
    img.unternehmenPic {
        z-index: 2;
        width: 100%;
        height: auto;
        position: absolute;
        top: 0; left: 0;
    }
    img#unternehmenBigPic {
        width: 100%;
        height: auto;
    }
    /* impressum.html                        */
    #kontaktTextLinksContainer {
        max-width: 317.05px;
        max-height: 730.15px;
        position: absolute;
        z-index: 4;
        left: 209.1px;
    }

    .butKontaktTextLinks {
        float: left;
        width: auto;
        height: auto;
        max-width: 317.05px;
    }

    #kontaktTextRechts {
        max-width: 492.15px;
        max-height: 730.15px;
        position: absolute;
        right: 0;
        z-index: 4;
    }

    /* new 13.12.2014*/
    .fullscreen {
        width: 100%;
        display: block;
    }
    #ueber-motiv-rechts {
        position: absolute;
        top: 18.8%;
        right: 0px;
        width: 40.2%;
        height: 37.5%;
        display: block;
        z-index: 5;
    }

    #ueber-motiv-rechts:hover {
        background: #fff;
        opacity: 0.4;
        transition: all 1s;
    }
    .montage {
        opacity: 0;
    }
    #motiv-gross {
        width: 100%;
        position: absolute;
        z-index: 99999;
        display: block;
    }
}
}