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

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontAwesome/fontawesome-webfont.eot?v=4.3.0');
    src: url('../fonts/fontAwesome/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontAwesome/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontAwesome/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontAwesome/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontAwesome/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

#menuButton,
#homepage,
#TSFE_ADMIN_PANEL_FORM,
#webyte-icon-nav,
#totop,
#main-img{
    display:none;
}

#mainmenu ul{
    display:none;
}

#mainmenu li.active ul{
    display:block;
}

body #lbCaption,
body #lbNumber{
    position:Relative;
    background:#fff;
    margin:0 -10px;
    padding:0 10px;
}

#lbCaption, #lbNumber,
body #lbCenter{
    z-index:10000;
}

@media (max-width: 1800px) {}
@media (max-width: 760px) {

    span,p{
        font-size:14px;
        line-height:20px;
    }

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

    #breadcrumb,
    #background,
    #sub-menu{
        display:none;
    }

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

    div#wrapper{
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding:0 15px 0;
        width:100%;
        min-width:320px;
        max-width:760px;
        background:transparent;
        margin-top:0;
        min-height:0;
    }

    div#header{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position:relative;
        left:auto;
        top:auto;
        padding:15px 15px 0;
        width:auto;
        margin:0 -15px;
        display:block;
        clear:both;
        height:auto;
        max-height:99999px !important;
        background:#585858;
        display:none;
    }

    div#header:after{
        content:'';
        display:block;
        clear:both;
    }

    div#logo{
        display:block;
        width:auto;
        margin:0 -15px;
        height:143px;
        position:relative;
        left:auto;
        top:auto;
        background:transparent url('../img/responsive/responsive-logo.svg') right 5px no-repeat;
        padding:0 13px 0 0;
        z-index:5;
        text-indent:-10000px;
        right:auto;
        border-bottom:1px solid #e2d1c1;
    }

    div#logo a{
        border-top:5px solid #adcb1e;
        display:block;
        width:100%;
        height:100%;
    }

    div#logo img{
        display:none;
    }

    #menuButton{
        background:transparent url('../img/responsive/responsive-menuicon.png') right 1px center no-repeat;
        display:block;
        padding:0 38px 0 0;
        font-size:16px;
        color:#3e3e3e;
        line-height:45px;
        z-index:1000;
        cursor:pointer;
        text-align:right;
        width:100%;
        margin:0 0 15px;
        position:relative;
        text-transform:uppercase;
        border-bottom:1px solid #e2d1c1;
    }

    ul#mainmenu{
        width:auto;
        display:none;
        height:auto;
        cursor:pointer;
        background:#ffeed8;
        z-index:500;
        position:absolute;
        top:190px;
        left:0;
        right:0;
        padding:0 15px 4px;
    }

    ul#mainmenu.active{
        display:block;
    }

    ul#mainmenu li{
        display:block;
        position:relative;
        z-index:5;
        width:100%;
        padding:0;
        margin-left:0;
        background:transparent;
        border-bottom:1px solid #e2d1c1;
    }

    ul#mainmenu li a,
    ul#mainmenu li a:hover{
        width:100%;
        height:45px;
        line-height:45px;
        margin:0;
        padding:0 0 0 11px;
        font-size:14px;
        font-weight:normal;
        border:none;
        color:#3e3e3e;
    }

    ul#mainmenu li:hover > a,
    ul#mainmenu li.active > a{
        color:#a5c10e;
    }

    ul#mainmenu > li > a:after{
        display:none;
    }

    ul#mainmenu > li:first-child{
        border-top:5px solid #a5c10e;
    }

    ul#mainmenu li .icon-mainmenu{
        display:block;
        width:50px;
        height:45px;
        background:transparent;
        right:0;
        top:0;
        position:absolute;
        font-family:'FontAwesome';
        color:#3e3e3e;
        line-height:45px;
        font-size:24px;
        font-weight:normal;
        text-align:right;
        padding-right:8px;
    }

    ul#mainmenu li .icon-mainmenu:before{
        content:'\f107';
    }

    ul#mainmenu li.active > .icon-mainmenu:before{
        content:'\f106';
    }


    ul#mainmenu li.active > a{
        color:#a5c10e;
    }

    ul#mainmenu li ul{
        margin:0;
        padding:5px 0;
        overflow:hidden;
        position:relative;
        top:auto;
        left:auto;
        width:100%;
        display:none;
    }

    ul#mainmenu li.active > ul{
        display:block;
    }

    ul#mainmenu ul li{
        border:none;
        background:transparent;
        height:auto;
        margin-left:0;
        padding:0 0 0 11px;
    }

    ul#mainmenu li ul li a,
    ul#mainmenu li ul li a:hover,
    ul#mainmenu li ul li a.active{
        width:100%;
        padding:0;
        line-height:45px;
        font-size:14px;
        height:auto;
        border:none;
        color:#3e3e3e;
        text-transform:inherit;
    }

    ul#mainmenu ul li:first-child a,
    ul#mainmenu ul li:first-child:hover a,
    ul#mainmenu ul li:first-child.active a{
        border:none;
    }

    ul#mainmenu li ul li:hover > a,
    ul#mainmenu li ul li.active > a{
        color:#a5c10e;
    }

    #webyte-icon-nav{
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin:0 0 15px;
        width:100%;
        display:block;
    }

    #webyte-icon-nav:after{
        content:'';
        clear:both;
        display:block;
        height:0;
        overflow:hidden;
    }

    #webyte-icon-nav li{
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        list-style-type:none;
        height:45px;
        background:#fff;
        margin-top:2px;
        position:relative;
    }

    #webyte-icon-nav li:first-child{
        margin-top:0;
    }

    #webyte-icon-nav li span{
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position:absolute;
        left:0;
        top:0;
        display:block;
        height:45px;
        width:50px;
        font-family:'FontAwesome';
        font-style:normal;
        font-size:20px;
        line-height:45px;
        color:#a5c10e;
        text-align:center;
    }


    #webyte-icon-nav li span:before{
        content:'\f095';
    }

    #webyte-icon-nav li.link2 span:before{
        content:'\f0e0';
    }

    #webyte-icon-nav li.link3 span:before{
        content:'\f041';
    }

    #webyte-icon-nav li.link4 span:before{
        content:'\f007';
    }

    #webyte-icon-nav li a{
        display:block;
        line-height:45px;
        text-decoration:none;
        color:#a5c10e;
        cursor:pointer;
        padding:0 0 0 50px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background:transparent;
        position:absolute;
        left:0;
        top:0;
        width:100%;
        font-size:14px;
    }

    div#modules{
        position:static;
        left:auto;
        top:auto;
        width:auto;
        padding:0 15px 15px;
        background:#fff;
        margin:0 -15px;
    }

    div#modules > .contenttable{
        width:100%;
    }

    div#modules .above-center{
        display:none;
    }

    div#modules div.teaser{
        padding:0;
        border:none;
    }

    div#modules .teaser div.news{
        margin:0 0 5px;
    }

    img.slide{
        position:static;
    }

    div#contentwrapper{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position:relative;
        top:auto;
        left:auto;
        width:auto;
        padding:0 15px;
        margin:0 -15px;
        background:#fff;
    }

    .galleria{
        width:100%;
        max-width:100%;
        margin:0 auto 20px;
        height:auto !important;
        min-height:135px;
    }

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

    .galleria,
    .galleria-container{
        height:302px !important;
        background:transparent;
        width:100% !important;
    }

    .galleria-stage .galleria-image img{
        width:100% !important;
        left:0 !important;
        height:auto !important;
        top:0 !important;
    }

    div#content{
        padding:15px 0 0;
        margin:0;
        background:#fff;
    }

    div#content h1,
    div#content p,
    div#content iframe{
        padding:0 0 10px;
    }

    div#content ul{
        margin-left:10px;
    }

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

    div#content iframe{
        max-width:100%;
    }

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

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

    div#content h1{
        font-size:17px;
    }

    div#content h2{
        padding:0;
    }

    div#content table{
        max-width:100%;
    }

    div#content table tr > td > img{
        display:none;
    }

    div#content div.intext-left img{
        float:none;
    }

    div#content form{
        margin:0;
    }

    #toTop{
        display:block;
        cursor: pointer;
        background:transparent;
        padding:0 19px 0 0;
        height:45px;
        line-height:45px;
        font-size:14px;
        z-index:200;
        color:#a5c10e;
        text-align:right;
        margin:5px 0 15px;
        font-family:arial, helvetica, sans-serif;
        font-weight:bold;
        /*position:fixed;
        width:100%;
        bottom:0;*/
        float:left;
        border-top:1px solid #ddcebb;
        width:100%;
    }

    #toTop:after{
        content:'\f062';
        font-family:'FontAwesome';
        color:#a5c10e;
        line-height:45px;
        font-size:16px;
        margin-left:15px;
        font-weight:normal;
    }

    ul#servicemenu{
        position:static;
        left:auto;
        top:auto;
        width:auto;
        border:none;
        margin:0;
        display:block;
        padding:0;
    }

    ul#servicemenu:after{
        content:'';
        clear:both;
        display:block;
    }

    ul#servicemenu li{
        padding:0 5px 0 0;
        list-style-type:none;
        margin:0;
    }

    ul#servicemenu li:nth-child(2n){
        font-size:14px;
        color:#999999;
    }

    ul#servicemenu li a{
        font-size:14px;
        color:#999999;
        line-height:20px;
        padding:0;
        text-decoration:none;
    }

    div#copyright{
        width:auto;
        margin:0;
        padding:10px 0 0 1px;
        float:none;
        clear:both;
        text-align:left;
        background:transparent;
        height:auto;
        border:none;
    }

    div#copyright p{
        line-height:20px;
        font-size:14px;
        margin:0 0 25px;
        border:none;
        color:#999999;
    }

    #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;
        overflow:visible !important;
    }

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

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

    .video-js-box,
    video.video-js,
    .video-js-box img.vjs-poster{
        max-width:100%;
    }

    .video-js-box img.vjs-poster{
        height:auto !important;
    }

    form{
        width:100%;
    }

    div#content form label{
        width:30%;
    }

    div#content form input,
    div#content form textarea{
        width:70%;
    }

    #contentwrapper div#content{
        padding-left:0;
    }

    div#footer{
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        min-width:300px;
        max-width:760px;
        background:#585858;
        padding:15px 15px 0;
        width:100%;
        height:Auto;
        z-index:inherit;
        left:auto !important;
        display:block;
        position:static !important;
        margin:0 auto;
    }

    div#footer:after{
        content:'';
        display:block;
        clear:both;
    }

    div.footer-content{
        padding:0 0 20px;
        width:100%;
        display:none;
    }

    .home div#col1-content > .above-center:first-child{
        display:none;
    }

    div.image-rotation{
        margin:0 0 10px;
        width:auto;
        height:740px;
        position:relative;
    }

    div.image-rotation img{
        width:100%;
        padding:0;
    }

    .addthis_toolbox{
        margin-bottom:5px;
    }

    .ui-accordion .ui-accordion-content{
        overflow:visible;
        width:100%;
        padding-right:0;
    }

    .news-latest-item{
        padding-left:0;
    }

    div.col-left{
        padding:0 5px 0 0;
        width:50%;
        float:left;
        margin:0;
    }

    div.col-right{
        float:left;
        background:#fff;
        margin:0;
        padding:0 0 0 5px;
        width:50%;
    }

    div.col-left > .above-center:nth-child(2){
        display:none;
    }

    body .ui-widget-content{
        border:none;
    }

    #main-img{
        margin-bottom:20px;
        display:block;
    }

    .ui-helper-reset{
        margin-right:0;
        padding-right:0;
    }

    /* Teaser */
    div.col2-3-teaser-wrapper{
        width:auto;
        margin-left:-15px;
        margin-right:0;
    }

    div.col2-3-teaser{
        max-width:50%;
        margin:0 0 10px 0;
        padding:0 0 0 15px;
        height:210px;
        border:none;
        position:relative;
    }

    @media(max-width:450px){
        div.col2-3-teaser{
            height:200px;
        }
    }

    @media(max-width:400px){
        div.col2-3-teaser{
            height:190px;
        }
    }

    div.col2-3-teaser-normal{
        width:100%;
        margin-bottom:5px;
    }

    div.col2-3-teaser > p:after{
        content:'';
        display:block;
        position:absolute;
        bottom:0;
        left:15px;
        right:0;
        border-bottom:1px solid #ddcebb;
    }

    div.teaser h1{
        font-size:16px;
    }

    div.teaser h1,
    div.teaser a{
        color:#a5c10e;
    }

    div.teaser h2,
    div.teaser p,
    div.teaser a{
        font-size:14px;
    }
}