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


    /* Page Background */
    .background {
        display: none;
     }

    /* Navigation */
    #toggle-wrapper {
        position: absolute;
        top: 62px;
        right: 0;
        padding: 0 5% 0 8%;
        z-index: 999;
    }

    #toggle-wrapper img {
        padding: 10px 10px 10px 10px;

    }

    #nav-wrapper {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 129px;
        margin: 0 auto 0 auto;
    }

    #nav {
        display: none;
        position: absolute;
        top: 129px;
        left: 0;
        width: 100%;
        z-index: 997;
        flex-direction: column;
        -webkit-flex-direction: column;
    }

    .nav-home {
        width: 90%;
        height: 45px;
        background-color: #da9700;
        margin: 0 5% 0 5%;
        order: 1;
        -webkit-order: 1;

    }

    .nav-portrait {
        width: 90%;
        height: 45px;
        background-color: #f7e0bb;
        margin: 0 5% 0 5%;
        order: 2;
        -webkit-order: 2;
    }

    .nav-anfahrt {
        width: 90%;
        height: 45px;
        background-color: #c7c5d3;
        margin: 0 5% 0 5%;
        order: 5;
        -webkit-order: 5;
    }

    .nav-leistungen {
        width: 90%;
        height: 45px;
        background-color: #949cb3;
        margin: 0 5% 0 5%;
        order: 3;
        -webkit-order: 3;
    }

    .nav-kontakt {
        width: 90%;
        height: 45px;
        background-color: #f0c78c;
        margin: 0 5% 0 5%;
        order: 4;
        -webkit-order: 4;
    }

    .nav-impressum {
        width: 90%;
        height: 45px;
        background-color: #97b0c1;
        margin: 0 5% 0 5%;
        order: 6;
        -webkit-order: 6;
    }

    .nav-square {
        display: none;
    }

    .nav-slider {
        display: none;

    }

    .nav-row {

    }

    .nav-cell {
        float: left;
        text-align: center;
        opacity: 1.0;

    }

    /* Content */
    #main {
        width: 90%;
        margin: 20px 5% 20px 5%;
        min-height: 200px;
    }


    .image {
        display: none;
    }

    .show-image-mobile {
        display: block;
        width: 100%;
    }

    .show-image-mobile img {
        width: 100%;
        height: auto;
    }


    .content {
        width: 100%;
    }

    .image {
        float: left;
    }

    .content {
        float: left;
    }

    .size-580 {
        width: 100%;
    }

    .size-340 {
        width: 100%;
    }

    .size-120 {
        width: 120px;
        text-align: right;
    }


    .content ul {
        margin-top: 20px;
    }

    /* Assets */
    #logo {
        position: absolute;
        bottom: 5px;
        left: 0;
        width: 100px;
        margin: 0 0 0 5%;
        z-index: 998;
    }

    #logo img {
        width: 100px;
        height: auto;

    }

    #banner {
        position: absolute;
        top: 10px;
        left: 0;
        width: 90%;
        height: 1px;
        margin: 0 5% 0 5%;
        /*background-color: #15224c;*/
        background-color: transparent;
        z-index: 996;
    }




    #address {
       position: absolute;
        bottom: 9px;
        left: 110px;
        margin: 0 0 0 5%;
        padding: 0;
        height: 109px;
        width: 200px;
        background: url("/img/banner.png");
        z-index: 998;
     }

    #address ul {
        margin: 57px 0 0 0;
        padding: 0;
    }

    #address li {
        font-size: 14px;
        text-transform: none;
        list-style: none;
        margin: 0 5px 0 0;
    }

    #address li:nth-last-child(2) {
        display: none;
    }

    #address li:last-child {
        display: none;
    }



    /* Footer */
    #footer {
        width: 100%;
        margin: 0;
        border-top: 6px solid #14234b;
        text-align: center;
    }

    #footer p {
        margin: 10px 5% 10px 5%;
    }

}

/* ipad portrait */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

    #main {
        width: 90%;
        margin: 20px 5% 20px 5%;
        min-height: 710px;
    }
}