/******************************************/
/* media Query                            */
/******************************************/

#menuButton{
    display:none;
}

ul.submenu{
    display:none;
}

#col1 #sub-menu{
    /*display:none; */
}

ul#main-menu li{
    position:relative;
}

ul#main-menu > li > a{
    border-right:1px solid #6d6d6d;
    padding-right:9px;
}

ul#main-menu > li:last-child > a{
    border:none;
}

ul#main-menu > li.active > a,
ul#main-menu > li:hover > a{
    border-color:#c1ad7e;
}

*{
    -webkit-text-size-adjust: none;
}

/*@media (max-width: 320px) {*/
@media (max-width: 760px) {

    #col1 #sub-menu{
        display:none;
    }

    div.col2-3-two-cols,
    div.col-left,
    div.col-right{
        width:100%;
    }

    .ui-accordion .ui-accordion-content{
        padding-right:2.2em;
    }

    #col2-3 iframe{
        display:block;
        width:100%;
    }

    div.col-left{
        margin:12px 0 12px 0;
    }

    div#col2-3 div.intext-right img{
        float:left;
        margin:0;
    }

    div#col2-3 div.above-center img{
        max-width:100%;
        height:auto;
    }

    div#col2-3 table td{
        font-size:11px;
    }

    body{
        background:#fff;
        overflow-x:hidden;
    }

    #background{
        display:none;
    }

    div#wrapper{
        width:100%;
        max-width:760px;
        background:#fff;
        padding:0;
        z-index:500;
    }

    div#logo{
        display:block;
        width:100%;
        overflow:hidden;
        position:relative;
        left:auto;
        top:auto;
        background:#fff;
        padding:0 0 60px;
    }

    a#logo{
        left:0;
        text-indent:-10000px;
        overflow:hidden;
        background:transparent url('../img/ressponsive-logo.svg') center top no-repeat;
        height:268px;
        width:100%;
        right:0;
        display:block;
    }

    div#logo img{
        float:left;
        height:auto;
        margin:0 8px 0 15px;
        width:300px;
    }

    ul#submenu{
        position:relative;
        left:auto;
        top:auto;
        background:#fff;
        float:left;
        padding:0 20px 20px;
        width:280px;
        z-index:0;
    }

    div#header{
        position:relative;
        left:auto;
        top:auto;
        height:auto;
        clear:both;
        margin:78px 0 0;
    }

    div#header img{
        width:100%;
        height:auto;
    }

    #menuButton{
        background:#fff url('../img/responsive-menu.png') left center no-repeat;
        width:auto;
        display:block;
        position:absolute;
        left:10px;
        right:10px;
        top:226px;
        padding:0 0 0 50px;
        font-size:14px;
        color:#c3b083;
        line-height:44px;
        z-index:1000;
        cursor:pointer;
        border-top:1px solid #c3b083;
        border-bottom:1px solid #c3b083;

        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    ul#main-menu{
        position:absolute;
        left:10px;
        top:279px;
        min-width:213px;
        width:50%;
        display:none;
        height:auto;
        cursor:pointer;
        background:transparent;
        padding:0;
        z-index:300;
        border:1px solid #c3b083;
    }

    ul#main-menu.active{
        display:block;
    }

    ul#main-menu li{
        display:block;
        position:relative;
        z-index:5;
        background:#fff;
        width:100%;
        padding:0;
        border-top:1px solid #c3b083;
    }

    ul#main-menu li:first-child{
        border:none;
    }

    ul#main-menu li a{
        background:#fff;
        width:204px;
        height:45px;
        line-height:45px;
        margin:0;
        padding:0 0 0 9px;
        font-size:14px;
        font-weight:bold;
        border:none;
    }

    ul#main-menu > li > a:after{
        display:none;
    }

    ul#main-menu > li > .icon-mainmenu{
        text-indent:-10000px;
        overflow:hidden;
        display:block;
        width:47px;
        height:45px;
        background:transparent url('../img/mainmenu-icon_down.png') center center no-repeat;
        right:0;
        top:0;
        position:absolute;
    }

    ul#main-menu li.active .icon-mainmenu{
        background-image:url('../img/mainmenu-icon_close.png');
    }

    ul#main-menu a.active,
    ul#main-menu a:active,
    ul#main-menu a:hover{
        border:none;
    }

    ul#main-menu li ul{
        margin:0;
        padding:0;
        background:#eeeeee;
        overflow:hidden;
        position:relative;
        top:auto;
        left:auto;
        width:100%;
        border-top:1px solid #c3b083;
        display:none;
    }

    ul#main-menu li.active ul{
        display:block;
    }

    ul#main-menu ul li{
        border:none;
        background:transparent;
        height:auto;
        margin-left:0;
    }

    ul#main-menu li ul li a,
    ul#main-menu li ul li a.active{
        width:191px;
        padding:0 0 0 22px;
        line-height:30px;
        font-size:12px;
        height:auto;
        font-weight:normal;
        background:transparent;
        text-transform:inherit;
    }

    ul#main-menu li ul li:first-child{
        margin:0;
    }

    ul#languagemenu{
        position:relative;
        left:auto;
        top:auto;
    }

    div#header{
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding:0 10px;
        width:100%;
        height:280px;
        margin:0 0 0;
        position:relative;
        z-index:100;
    }

    div#header:empty{
        display:none;
    }

    div#header img{
        max-width:300px;
        height:auto;
    }

    div#contentwrapper{
        position:relative;
        top:auto;
        left:auto;
        width:290px;
        padding:20px 15px 0;
        background:transparent;
    }

    div#content{
        padding:0;
        overflow:hidden;
        width:100%;
        padding:0 10px;

        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    div#content .col2-3-teaser-wrapper{
        display:none;
    }

    div#content div.above-center img{
        margin:0 10px 10px 0;
    }

    div#modules{
        position:relative;
        left:auto;
        top:auto;
        width:292px;
        padding:0 14px 15px;
        margin:8px 0 0;
    }

    div#modules img{
        max-width:100%;
        height:auto;
    }

    #toTop{
        display:block;
        cursor: pointer;
        background:transparent url('../img/responsive-totop.png') right center no-repeat;
        padding:0 29px 0 0;
        position:absolute;
        right:30px;
        bottom:17px;
        width:20px;
        height:20px;
        line-height:20px;
        font-size:14px;
        z-index:200;
    }

    ul#servicemenu{
        position:relative;
        left:auto;
        top:auto;
        bottom:auto;
        right:auto;
        width:100%;
        border:none;
        padding:0;
        margin:38px 0 0 0;
        height:20px;
        background:transparent;
        display:block;
    }

    .galleria-container{
        width:100% !important;
        background:transparent;
    }

    .galleria .galleria-image{
        background:transparent;
    }

    ul#servicemenu li{
        padding:0 5px 0 0;
    }

    div.copyright{
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width:100%;
        margin:35px 0 0;
        float:left;
        padding:0 10px 5px;
        text-align:center;
    }

    div.copyright p{
        line-height:18px;
        color:#c3b083;
    }

    #lbCenter, #lbBottomContainer{
        width:100% !important;
        left: 0 !important;
        margin-left:0 !important;
    }

    #lbCenter{
        background:transparent !important;
    }

    #lbImage{
        bordeR:none !important;
        background-size:100% auto;
        width:100%;
        background-position:center top;
    }

    #lbBottomContainer{
        top:0 !important;
    }

    div#col1,
    div#col2-3{
        width:100%;
        float:lefT;
    }

    #lbImage > div{
        width:100% !important;
    }

    #lbPrevLink,#lbNextLink{
        height:100% !important;
    }

    div#footer{
        width:100%;
        margin:0 auto;
        background-position:center top;
        background-color:#fff;
    }

    div.footer-content{
        padding-left:0;
        padding-right:0;
        width:100%;
    }

    ul#service-menu{
        padding:0;
        width:100%;
        margin:0 auto;
        text-align:center;
    }

    ul#service-menu li,
    ul#service-menu li a{
        color:#c3b083;
    }

    ul#service-menu li{
        float:none;
        display:inline-block;

    }
}