
@media only screen and (max-width: 1300px) {
    .logomenu .logo {
        margin-left: 1em;
    }
    footer .gridCol{
        padding-left: 1em;
        padding-right: 1em;
    }
}



/*@media only screen and (max-width: 1280px) {*/
/*    !* set min height to the content area *!*/
/*    .content > div > .contents {*/
/*        min-height: 20em;*/
/*        padding: 3em 2em;*/
/*    }*/

/*    .logomenu .logo img {*/
/*        margin-left: 2em;*/
/*    }*/

/*    .servicemenu{*/
/*        padding-right:2em;*/
/*    }*/

/*    .logomenu .menu ul.firstLevel > li{*/
/*        padding: 39px .8em;*/
/*    }*/

/*    .footerNews{*/
/*        padding-left: 2em;*/
/*    }*/
/*}*/



/*@media only screen and (max-width: 1050px) {*/
/*    .logomenu .menu ul.firstLevel > li{*/
/*        font-size:.9em;*/
/*    }*/
/*    .logomenu .logo {*/
/*        position: absolute;*/
/*        top: -50px;*/
/*    }*/
/*    .logomenu .menu {*/
/*        margin-left: 2rem;*/
/*    }*/
/*    .logomenu .menu ul.firstLevel > li {*/
/*        padding: 69px 0.8em 19px;*/
/*    }*/
/*    .logomenu .menuBox {*/
/*        margin-top: 2.7em;*/
/*    }*/
/*    !* submenu level adjustments *!*/
/*    .menuBox.sublevel-253 {*/
/*        margin-left: -16em;*/
/*    }*/
/*    .logomenu .menuBox.sublevel-256 {*/
/*        margin-left: -41em;*/
/*    }*/
/*}*/







/*@media only screen and (max-width: 840px) {*/
/*    .content > div > .contents{*/
/*        padding:1em;*/
/*    }*/

/*    !* mobile menu show *!*/
/*    .logomenu .menu{*/
/*        display:none;*/
/*    }*/
/*    .logomenu .menu.mobileversion,*/
/*    .logomenu .menu.mobileversion .mobilePrefix{*/
/*        display:block;*/
/*    }*/
/*    .logomenu .mobileversion{*/
/*        position: absolute;*/
/*        right:0;*/
/*        margin-left:0;*/
/*        width: 19.4rem;*/
/*        background: rgba(0,0,0,0.7);*/
/*    }*/
/*    .logomenu .mobileversion .outermenu{*/
/*        padding:1em;*/
/*    }*/
/*    .logomenu .mobileversion .mobileMenu{*/
/*        z-index:1100;*/
/*    }*/
/*    .logomenu .mobileversion .mobileMenu i{*/
/*        color:#fff;*/
/*    }*/
/*    .mobileversion .menuTitle .menuLogo{*/
/*        width: 90px;*/
/*        margin: 0.7em 0.7em 0 1.7em;*/
/*    }*/
/*    .mobileversion .menuTitle .menuLogo img{*/
/*        width: 100%;*/
/*        height: auto;*/
/*    }*/
/*    .mobileversion .searchBox{*/
/*        margin:.1em 1em .4em 1em;*/
/*        position: relative;*/
/*        border-top: 1px solid #fff;*/
/*        padding-top: 0.8em;*/
/*    }*/
/*    .mobileversion .searchBox:before{*/
/*        position: absolute;*/
/*        color:grey;*/
/*        content:"\f002";*/
/*        top: 1em;*/
/*        left: 0.6em;*/
/*        font-family: 'FontAwesome', sans-serif;*/
/*    }*/
/*    .mobileversion .searchBox .tx-indexedsearch-searchbox-sword{*/
/*        width: 100%;*/
/*        padding: 0.3em 1em 0.3em 3em;*/
/*        font-size: 0.8em;*/
/*        border: 0 solid transparent;*/
/*    }*/

/*    .mobileversion .mobileContact{*/
/*        margin:.4em 1em 1em 1em;*/
/*    }*/


/*    .mobileversion .mobileContact li a{*/
/*        margin:.5em 0;*/
/*        display:block;*/
/*        font-size: 0.8em;*/
/*        padding:.6em 1em .6em 3em;*/
/*        color:#fff;*/
/*        position: relative;*/
/*    }*/
/*    .mobileversion .mobileContact li a:hover{ background-color: rgb(149,29,2); }*/

/*    .mobileversion .mobileContact li.phone a {      background-color: rgb(169,34,43); }*/
/*    .mobileversion .mobileContact li.mail a {       background-color: rgb(125,31,96); }*/
/*    .mobileversion .mobileContact li.navigation a{  background-color: rgb(62,99,128); }*/

/*    .mobileversion .mobileContact li a:before {*/
/*        content:"";*/
/*        position: absolute;*/
/*        top: 0.5em;*/
/*        left: 0.6em;*/
/*        font-size: 1.2em;*/
/*        color:#fff;*/
/*        display: inline-block;*/
/*        font-family: 'FontAwesome', sans-serif;*/
/*    }*/
/*    .mobileversion .mobileContact li.phone a:before {      content:"\f098"; }*/
/*    .mobileversion .mobileContact li.mail a:before {       content:"\f0e0"; }*/
/*    .mobileversion .mobileContact li.navigation a:before{  content:"\f0ac"; }*/


/*    !* main menu mobile*!*/
/*    .logomenu .menu.mobileversion ul.firstLevel {*/
/*        display:block;*/
/*        margin:1em;*/
/*        border-top: 1px solid #fff;*/
/*        padding-top: 0.5em;*/
/*    }*/
/*    .logomenu .menu.mobileversion ul.firstLevel > li {*/
/*        display: block;*/
/*        padding:0;*/
/*        margin: 0 0 0.4em 0;*/
/*    }*/
/*    .logomenu .menu.mobileversion ul.firstLevel > li > span{*/
/*        display: block;*/
/*        padding:.5em;*/
/*        background-color: #fff;*/
/*    }*/
/*    .logomenu .menu.mobileversion ul.firstLevel > li .menuBox{*/
/*        position: relative;*/
/*        left:unset;*/
/*        margin-top:0;*/
/*        padding: 0 0 0 1em;*/
/*    }*/
/*    .logomenu .menu.mobileversion ul.firstLevel > li.opened .menuBox{*/
/*        position: relative;*/
/*        display: block;*/
/*    }*/
/*    .logomenu .menu.mobileversion ul.firstLevel > li .menuBox > ul{*/
/*        display: block;*/
/*        padding:.5em;*/
/*    }*/
/*    .logomenu .menu.mobileversion ul.firstLevel > li .menuBox > ul li{*/
/*        display: block;*/
/*    }*/
/*    .logomenu .menu.mobileversion ul.secondLevel > li {*/
/*        border-right-width: 0;*/
/*    }*/
/*    .logomenu .menu.mobileversion ul.secondLevel > li {*/
/*        margin-top:2em;*/
/*    }*/
/*    .logomenu .menu.mobileversion ul.secondLevel > li:first-child {*/
/*        margin-top:0;*/
/*    }*/
/*    .logomenu .menu.mobileversion ul.thirdLevel{*/
/*        margin-right:0;*/
/*    }*/

/*    .logomenu .menu.mobileversion ul.firstLevel > li.opened .menuBox.sublevel-253,*/
/*    .logomenu .menu.mobileversion ul.firstLevel > li.opened .menuBox.sublevel-256 {*/
/*        margin-left:0;*/
/*    }*/


/*    .frame{*/
/*        overflow:hidden;*/
/*    }*/


/*    !* indexed search *!*/
/*    .tx-indexedsearch-form{*/
/*        margin:0 0 1em 0;*/
/*        width:100%;*/
/*    }*/
/*    .tx-indexedsearch-form label{*/
/*        min-width:8em;*/
/*    }*/
/*    .tx-indexedsearch-browsebox{*/
/*        width:100%;*/
/*    }*/
/*    .tx-indexedsearch-res{*/
/*        margin:.5em 0;*/
/*        padding:.5em;*/
/*        overflow: hidden;*/
/*    }*/
/*    .tx-indexedsearch-res:before{*/
/*        display:none;*/
/*    }*/
/*    .tx-indexedsearch-res {}*/
/*    .tx-indexedsearch-res{}*/
/*    .tx-indexedsearch-res h3{*/
/*        font-size: 100%;*/
/*        white-space: normal;*/
/*        hyphens: auto;*/
/*    }*/
/*    .tx-indexedsearch-res h3 .tx-indexedsearch-percent{*/
/*        display:none;*/
/*    }*/
/*    .tx-indexedsearch-res .tx-indexedsearch-description{*/
/*        margin-left:.5em;*/
/*        hyphens: auto;*/
/*        overflow: hidden;*/
/*    }*/
/*    .tx-indexedsearch-res .tx-indexedsearch-title{*/
/*        text-overflow: ellipsis;*/
/*        overflow: hidden;*/
/*    }*/
/*    .tx-indexedsearch-res dl.tx-indexedsearch-info{*/
/*        margin-left:.5em;*/
/*    }*/
/*    .tx-indexedsearch-res .tx-indexedsearch-text-item-path{*/
/*        display:none*/
/*    }*/

/*}*/




@media only screen and (max-width: 840px) {

    .page .content{
        padding: 0 .4em;
    }



    /* mobile menu  */
    .mobileMenu{ display:block;}
    .mobileMenu i.fa {
        font-size: 2rem;
        color: rgb(76,76,75);
    }

    .logomenu .menu{
        display:none;
        margin-right:0;
    }
    .logomenu .menu.mobileversion,
    .logomenu .menu.mobileversion .mobilePrefix{
        display:block;
    }
    .logomenu .mobileversion{
        position: absolute;
        right:0;
        margin-left:0;
        width: 19.4rem;
        background: rgb(187, 187, 187);
    }
    .logomenu .mobileversion .outermenu{
        padding:1em;
    }
    .logomenu .mobileversion .mobileMenu{
        z-index:1100;
    }
    .logomenu .mobileversion .mobileMenu i{
        color:#fff;
    }
    .mobileversion .menuTitle .menuLogo{
        width: 130px;
        margin: 0.7em 0.7em 0 1.1em;
    }
    .mobileversion .menuTitle .menuLogo img{
        width: 100%;
        height: auto;
    }
    .mobileversion .searchBox{
        margin:.1em 1em .4em 1em;
        position: relative;
        border-top: 1px solid #fff;
        padding-top: 0.8em;
    }
    .mobileversion .searchBox:before{
        position: absolute;
        color:grey;
        content:"\f002";
        top: 1em;
        left: 0.6em;
        font-family: 'FontAwesome', sans-serif;
    }
    .mobileversion .searchBox .tx-indexedsearch-searchbox-sword{
        width: 100%;
        padding: 0.3em 1em 0.3em 3em;
        font-size: 0.8em;
        border: 0 solid transparent;
    }
    .mobileversion .prefixedMenu{
        background: rgba(0,0,0,0.7);
        padding:.5em 0;
        margin-top: 0.4em;
    }
    .mobileversion .mobileContact{
        margin:.4em 1em 1em 1em;
    }


    .mobileversion .mobileContact li a{
        margin:.5em 0;
        display:block;
        font-size: 0.8em;
        padding:.6em 1em .6em 3em;
        color:#fff;
        position: relative;
    }
    .mobileversion .mobileContact li a:hover{ background-color: rgb(0, 188, 206); }

    .mobileversion .mobileContact li.phone a {      background-color: rgb(0,150,170); }
    .mobileversion .mobileContact li.mail a {       background-color: rgb(0, 114, 131); }
    .mobileversion .mobileContact li.navigation a{  background-color: rgb(0, 82, 94); }

    .mobileversion .mobileContact li a:before {
        content:"";
        position: absolute;
        top: 0.5em;
        left: 0.6em;
        font-size: 1.2em;
        color:#fff;
        display: inline-block;
        font-family: 'FontAwesome', sans-serif;
    }
    .mobileversion .mobileContact li.phone a:before {      content:"\f098"; }
    .mobileversion .mobileContact li.mail a:before {       content:"\f0e0"; }
    .mobileversion .mobileContact li.navigation a:before{  content:"\f0ac"; }


    /* main menu mobile*/
    .logomenu .menu.mobileversion ul.firstLevel a{
        padding:.5em;
        display: block;
    }
    .logomenu .menu.mobileversion ul.firstLevel > li:first-child > span.header{
        padding:0;
    }
    .logomenu .menu.mobileversion ul.firstLevel > li > span{
        padding:0;
    }
    .logomenu .menu.mobileversion ul.firstLevel {
        background: rgba(0,0,0,0.7);
        display:block;
        margin:0;
        border-top: 1px solid #fff;
        padding: 1.5em 1em 1em 1em;

    }
    .logomenu .menu.mobileversion ul.firstLevel > li {
        display: block;
        padding:0;
        margin: 0 0 0.4em 0;
    }
    .logomenu .menu.mobileversion ul.firstLevel > li > span{
        display: block;
        padding:.5em;
        background-color: #fff;
    }
    .logomenu .menu.mobileversion ul.firstLevel > li .menuBox{
        position: relative;
        left:unset;
        margin-top:0;
        padding: 0 0 0 1em;
    }
    .logomenu .menu.mobileversion ul.firstLevel > li .menuBox:after{
        content:"";
    }
    .logomenu .menu.mobileversion ul.firstLevel > li.opened .menuBox{
        position: relative;
        display: block;
    }
    .logomenu .menu.mobileversion ul.firstLevel > li .menuBox > ul{
        display: block;
        padding:.5em;
    }
    .logomenu .menu.mobileversion ul.firstLevel > li .menuBox > ul li{
        display: block;
    }
    .logomenu .menu ul.firstLevel > li > .menuBox{
        right:unset;
    }
    .logomenu .menu.mobileversion ul.firstLevel > li .menuBox > ul.secondLevel {
        padding:0;
    }
    .logomenu .menu ul.firstLevel > li.hasSublevel:after,
    .logomenu .menu.mobileversion ul.firstLevel > li .menuBox:after,
    .logomenu .menu.mobileversion ul.secondLevel > li:after {
        content:"";
    }
    .logomenu .menu.mobileversion ul.secondLevel > li {
        border-right-width: 0;
        margin-top:2em;
        font-size: 1rem;
    }
    .logomenu .menu.mobileversion ul.secondLevel > li:first-child {
        margin-top:0;
    }
    .logomenu .menu.mobileversion ul.thirdLevel{
        margin-right:0;
    }
    .logomenu .menu ul.thirdLevel > li > a > .header{
        margin-bottom: 0;
        padding-bottom:0;
        font-size: 1rem;
    }
    .logomenu .search{
        padding: 1em;
        background-color: rgba(0,0,0,.7);
        width: 7rem;
        box-sizing: border-box;
    }
    .logomenu .searchBox{
        background-color: transparent;
    }
    .mobileversion .searchBox{
        border-width: 0;
        right: -84px;
    }
    .logomenu .search i{
        font-size: 1em;
        color:#fff;
    }
    .logomenu .searchBox.show {
        position: absolute;
        z-index: 9999;
    }
    .logomenu .mobileversion .searchBox .tx-indexedsearch-searchbox-sword{
        padding:1em 1em 1em 3em;
        width:12em;
    }
    .logomenu .mobileversion .searchBox:before {
        top: 1.6em;
        left: 0.9em;
    }
    .logomenu .langSelector{
        width:12.4rem;
        box-sizing: border-box;
        background-color: rgba(0,0,0,.7);
        padding:1em;
    }
    .logomenu .langSelector .langCurrent {
        padding: 0 1rem 0 1rem;
        white-space: nowrap;
        color:#fff;
    }
    .logomenu .langSelector .langCurrent:after {
        content:"";
    }
    .logomenu .menu ul.firstLevel > li.active > span:after {
        top: 1px;
        right: 2px;
    }
    .logomenu .menu ul.firstLevel > li.currentStart > span:after{
        top: 1px;
        right: 2px;
    }
    /* mobile menu */


    /* keyvisual teaser*/
    .cbkeyvisualslider .teaserMaxWidth{
        margin-left:0;
    }
    .cbkeyvisualslider .teasers-active{
        position: relative;
    }
    .cbkeyvisualslider .teasers-active .maxContentWidth,
    .cbkeyvisualslider .teasers-active .maxContentWidth .contentColumn > div{
        margin-top:0;
        margin-bottom:0;
    }
    .cbkeyvisualslider .teasers-active .maxContentWidth .contentColumn > div > header > h3 > .headerline{
        margin:0;
        width:100%;
        padding:.4rem .5rem;
    }


    /* hide slick slider */
    .slick-container{
        display:none;
    }


    /* vcard */
    .tx-ttaddress .tt_address_list .vcard {
        width: 21rem !important;
    }
    .tx-ttaddress .tt_address_list .vcard div.gridSystem div.col33{
        width:26%;
        display:table-cell;
    }
    .tx-ttaddress .vcard .vcard {
        padding: 0.5em .8em;
    }


    /* offset elements */
    .offsetContent{
        margin-top:0 !important;
        margin-bottom:0 !important;
    }


    .frame-type-menu_subpages > ul > li{
        display:inline-block;
    }
    .frame-type-menu_subpages > ul > li > a{
        border:1px solid lightgrey;
        display:inline-block;
        margin:0 .2em 0.4em 0;
    }



    /* clear column widths */
    .content .gridSystem div.col8, div.gridSystem div.col16,
    .content .gridSystem div.col20, div.gridSystem div.col25,
    .content .gridSystem div.col20, div.gridSystem div.col33,
    .content .gridSystem div.col33, div.gridSystem div.col42,
    .content .gridSystem div.col50, div.gridSystem div.col58,
    .content .gridSystem div.col66, div.gridSystem div.col75,
    .content .gridSystem div.col66, div.gridSystem div.col83,
    .content .gridSystem div.col83, div.gridSystem div.col91{
        width:100%;
        display:block;
        padding: .4rem !important;
    }

    .content .gridSystem{
        display: block;
    }



    /* footer*/
    footer > div > .contentColumn{
        padding-left: 1em !important;
        padding-right:1em !important;
    }
    footer > div > .contentColumn .gridCol{
        padding: 0 !important;
    }
}

@media only screen and (max-width: 480px) {
    .tx-ttaddress .innerFilterbox select{
        margin:0 0 1em 3em;
    }
    .tx-ttaddress .innerFilterbox .chosen-container{
        margin: 0 0 1em 2.8em;
    }
    .tx-ttaddress .innerFilterbox .searchfor{
        width:14.8rem;
    }
}