@font-face {
    font-family: 'eurostile_extendedtwobold';
    src: url("../fonts/14512-webfont.eot");
    src: url("../fonts/14512-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/14512-webfont.woff2") format("woff2"), url("../fonts/14512-webfont.woff") format("woff"), url("../fonts/14512-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'eurostile_extendedtworegular';
    src: url("../fonts/14511-webfont.eot");
    src: url("../fonts/14511-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/14511-webfont.woff2") format("woff2"), url("../fonts/14511-webfont.woff") format("woff"), url("../fonts/14511-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}
@media only screen and (max-width: 1500px) {
    .owl-nav {
        display: block
    }
    .owl-nav div {
        width: 31px;
        height: 64px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        text-indent: -9999px;
        background: #d3d3d3
    }
    .owl-nav .owl-prev {
        left: -31px
    }
    .owl-nav .owl-prev:before {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        left: 9px;
        display: inline-block;
        width: 12px;
        height: 21px;
        content: "";
        background: url(../img/sprites.png) -13px 0 no-repeat
    }
    .owl-nav .owl-next {
        right: -31px
    }
    .owl-nav .owl-next:before {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        right: 9px;
        display: inline-block;
        width: 12px;
        height: 21px;
        content: "";
        background: url(../img/sprites.png) 0 0 no-repeat
    }
    .ce_gallery ul.cols_3 li, .ce_image.imageGal.cols_3 {
        width: 30%
    }
    .ce_gallery ul.cols_3 li:nth-child(3n) {
        margin-right: 0
    }
}
@media only screen and (max-width: 1430px) {
	.emobility .ce_text h2,.emobility .ce_text h3, .emobility .ce_text p{float:left;width:100%;}
	.emobility .ce_text figure.float_right {margin-left: 0;margin-bottom:30px; float:left !important;}
	table.technischeDaten{float:left;width:50%;}
	.emobility img{float:left;max-width:100%; width:100%;}
	
    #mobileNavBtn_2 {
        float: right;
        position: relative;
        z-index: 1;
        display: block;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 400;
        padding: 12px 20px;
        margin: 16px 20px 0 0;
        color: #FFFFFF;
        background: #2f3193;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    #mobileNavBtn_2.active {
        border: 1px solid #FFFFFF
    }
    #mobileNavBtn_2:before {
        float: right;
        width: 26px;
        height: 18px;
        content: "";
        margin-left: 20px;
        background: url(../img/ico_ham.png) 0 0 no-repeat
    }
    .floatingHeader .nav {
        position: fixed;
        height: 100%;
        right: -100%;
        top: 0;
        visibility: visible;
        width: 40%;
        z-index: 3;
        background: #373745;
        -webkit-box-shadow: 2px 0px 10px rgba(50, 50, 50, 0.5);
        -moz-box-shadow: 2px 0px 10px rgba(50, 50, 50, 0.5);
        box-shadow: 2px 0px 10px rgba(50, 50, 50, 0.5);
        -webkit-transition: right 0.5s ease;
        -moz-transition: right 0.5s ease;
        -o-transition: right 0.5s ease;
        transition: right 0.5s ease;
        overflow-y: scroll
    }
    .floatingHeader .nav .closeMobile {
        float: left;
        display: block;
        width: 100%;
        padding: 10px 0;
        background: #717171
    }
    .floatingHeader .nav .closeMobile span {
        float: left;
        width: 16px;
        height: 16px;
        margin-left: 21px;
        cursor: pointer;
        background: url(../img/close.png) 0 0 no-repeat
    }
    .floatingHeader .nav.open {
        right: 0
    }
    .floatingHeader .nav>nav>ul>li {
        float: left;
        width: 100%;
        position: relative;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 400;
        background: url(../img/line_1.gif) bottom left repeat-x
    }
    .floatingHeader .nav>nav>ul>li>a {
        color: #eee
    }
    .floatingHeader .nav>nav>ul>li>a:hover {
        color: #fff;
        background: #00a2dc
    }
    .floatingHeader .nav>nav>ul>li>span.active {
        color: #fff;
        background: #00a2dc
    }
    .floatingHeader .nav>nav>ul>li>a,
    .floatingHeader .nav>nav>ul>li>span.active {
        float: left;
        width: 100%;
        padding: 15px 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .floatingHeader .nav>nav>ul>li.trail>a.trail {
        color: #fff;
        background: #00a2dc
    }
    .floatingHeader .nav>nav>ul>li.submenu>span.arrow {
        position: absolute;
        right: 20px;
        top: 13px;
        cursor: pointer;
        float: left;
        width: 22px;
        height: 22px;
        display: block;
        background: url(../img/plus.png) center center no-repeat
    }
    .floatingHeader .nav>nav>ul>li.submenu.active>span.arrow {
        background: url(../img/plus.png) center center no-repeat
    }
    .floatingHeader .nav>nav>ul>li a {
        float: left;
        width: 100%;
        padding: 15px 20px;
        color: #ffffff;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .floatingHeader .nav>nav>ul>li a:hover>ul {
        display: none
    }
    .newsList .item figure {
        position: static;
        width: 100%;
        height: auto;
    }
    .newsList .item figure .img {
        position: relative
    }
    .newsList .item .inside {
        padding-left: 20px
    }
}
@media only screen and (max-width: 1170px) {
    .header1 {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px
    }
    .mapSection .headline {
        left: 350px
    }
}
@media only screen and (max-width: 1100px),
screen and (max-height: 640px) {
    header {
        position: relative;
        width: 100%;
        background: #FFFFFF;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2)
    }
    header .logo {
        float: left;
        width: auto;
        border: 0;
        margin-left: 30px
    }
    header .info {
        display: none
    }
    .floatingHeader {
        position: absolute;
        right: 0;
        top: 30px;
        z-index: 21;
        width: auto;
        padding-left: 30px;
        padding-right: 30px;
        background: none transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .langSwitch {
        margin-right: 0
    }
    #mobileNavBtn_2 {
        display: none
    }
    #mobileNavBtn_3 {
        float: right;
        position: relative;
        z-index: 1;
        display: block;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 400;
        padding: 12px 20px;
        margin: 16px 20px 0 0;
        color: #FFFFFF;
        background: #2f3193;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    #mobileNavBtn_3.active {
        border: 1px solid #FFFFFF
    }
    #mobileNavBtn_3:before {
        float: right;
        width: 26px;
        height: 18px;
        content: "";
        margin-left: 20px;
        background: url(../img/ico_ham.png) 0 0 no-repeat
    }
    .mainNav {
        display: none
    }
    .mainNav.mobile {
        position: fixed;
        height: 100%;
        left: -100%;
        top: 0;
        visibility: visible;
        display: block;
        width: 40%;
        z-index: 10;
        background: #373745;
        -webkit-box-shadow: 2px 0px 10px rgba(50, 50, 50, 0.5);
        -moz-box-shadow: 2px 0px 10px rgba(50, 50, 50, 0.5);
        box-shadow: 2px 0px 10px rgba(50, 50, 50, 0.5);
        -webkit-transition: left 0.5s ease;
        -moz-transition: left 0.5s ease;
        -o-transition: left 0.5s ease;
        transition: left 0.5s ease;
        overflow-y: scroll
    }
    .mainNav.mobile .closeMobile {
        float: left;
        display: block;
        width: 100%;
        padding: 10px 0;
        background: #717171
    }
    .mainNav.mobile .closeMobile span {
        float: right;
        width: 16px;
        height: 16px;
        margin-right: 21px;
        cursor: pointer;
        background: url(../img/close.png) 0 0 no-repeat
    }
    .mainNav.mobile.open {
        left: 0
    }
    .mainNav.mobile>nav>ul>li {
        float: left;
        width: 100%;
        position: relative;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 400;
        background: url(../img/line_1.gif) bottom left repeat-x
    }
    .mainNav.mobile>nav>ul>li.hide {
        display: block
    }
    .mainNav.mobile>nav>ul>li>a {
        color: #eee
    }
    .mainNav.mobile>nav>ul>li>a:hover {
        color: #fff;
        background: #00a2dc
    }
    .mainNav.mobile>nav>ul>li>span.active {
        color: #fff;
        background: #00a2dc
    }
    .mainNav.mobile>nav>ul>li>a,
    .mainNav.mobile>nav>ul>li>span.active {
        float: left;
        width: 100%;
        padding: 15px 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .mainNav.mobile>nav>ul>li.trail>a.trail {
        color: #fff;
        background: #00a2dc
    }
    .mainNav.mobile>nav>ul>li.submenu>span.arrow {
        position: absolute;
        right: 20px;
        top: 13px;
        cursor: pointer;
        float: left;
        width: 22px;
        height: 22px;
        display: block;
        background: url(../img/plus.png) center center no-repeat
    }
    .mainNav.mobile>nav>ul>li.submenu.active>span.arrow {
        background: url(../img/plus.png) center center no-repeat
    }
    .mainNav.mobile>nav>ul>li a {
        float: left;
        width: 100%;
        padding: 15px 20px;
        color: #ffffff;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .mainNav.mobile>nav>ul>li a:hover>ul {
        display: none
    }
    .mainNav.mobile>nav>ul>li>ul {
        display: none;
        position: static;
        width: 100%;
        background: #373745
    }
    .mainNav.mobile>nav>ul>li>ul>li {
        float: left;
        width: 100%;
        position: relative;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 400;
        background: url(../img/line_1.gif) bottom left repeat-x
    }
    .mainNav.mobile>nav>ul>li>ul>li:last-child {
        background: none
    }
    .mainNav.mobile>nav>ul>li>ul>li>a {
        color: #eee;
        background: #272731
    }
    .mainNav.mobile>nav>ul>li>ul>li>a:hover {
        color: #00a2dc;
        background: #373745
    }
    .mainNav.mobile>nav>ul>li>ul>li>span.active {
        color: #00a2dc;
        background: #373745
    }
    .mainNav.mobile>nav>ul>li>ul>li>a,
    .mainNav.mobile>nav>ul>li>ul>li>span.active {
        float: left;
        width: 100%;
        padding: 15px 20px 16px 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .mainNav.mobile>nav>ul>li.toggle>ul,
    .mainNav.mobile>nav>ul>li>ul>li.toggle>ul {
        display: block
    }
    .mainNav.mobile>nav>ul>li>ul>li>ul {
        display: none;
        position: static;
        width: 100%
    }
    .mainNav.mobile>nav>ul>li>ul>li>ul>li {
        float: left;
        width: 100%
    }
    .mainNav.mobile>nav>ul>li>ul>li>ul>li:last-child {
        border-bottom: 0
    }
    .mainNav.mobile>nav>ul>li>ul>li>ul>li.active span.active {
        display: block;
        padding: 8px 30px;
        background: #2f3193;
        color: #FFFFFF
    }
    .mainNav.mobile>nav>ul>li>ul>li>ul>li a {
        padding: 8px 30px;
        background: rgba(133, 133, 133, 0.5);
        color: #b3b3b3
    }
    .mapSection .headline {
        left: 30px
    }
    .el_2 {
        padding-left: 0px
    }
    .mainContainer {
        padding-left: 30px;
        padding-right: 30px
    }
    .bodyPages .mainContainer {
        margin-top: 0px
    }
    footer {
        padding-left: 0
    }
    footer .inside {
        padding-left: 30px;
        padding-right: 30px
    }
}
@media only screen and (max-width: 1100px) {
    .owl-nav div {
        top: -40px;
        bottom: auto;
        width: 30px;
        height: 30px
    }
    .owl-nav .owl-prev {
        left: auto;
        right: 30px
    }
    .owl-nav .owl-prev:before {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        left: 9px;
        display: inline-block;
        width: 12px;
        height: 21px;
        content: "";
        background: url(../img/sprites.png) -13px 0 no-repeat
    }
    .owl-nav .owl-next {
        left: auto;
        right: 0
    }
    .owl-nav .owl-next:before {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        right: 9px;
        display: inline-block;
        width: 12px;
        height: 21px;
        content: "";
        background: url(../img/sprites.png) 0 0 no-repeat
    }
}
@media only screen and (max-width: 900px) {
    .mainNav.mobile {
        width: 60%
    }
	
	table.tableVipi2 td{width:100%;}
}
@media only screen and (max-width: 767px) {
    .floatingHeader .cert {
        display: none
    }
    #mobileNavBtn_3 {
        margin-right: 0
    }
    .owl-nav div {
        top: auto;
        bottom: -40px
    }
	.newsColMain{float:left;width:100%;}
.newsColSide{float:left;width:100%;margin-left:0;}
}
@media only screen and (max-width: 640px) {
    .mainNav.mobile {
        width: 80%;
        text-align: left
    }
    .newsList .item {
        width: 100%
    }
}
@media only screen and (max-width: 580px) {
    #pageWrapper {
        margin-bottom: 0
    }
    #pageWrapper:after {
        height: auto
    }
    header .logo {
        width: 100%;
        margin-left: 0;
        padding-left: 30px;
        padding-right: 30px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .floatingHeader {
        position: relative;
        top: 0;
        right: auto;
        left: auto;
        width: 100%;
        background: #373745;
        text-align: center
    }
    #mobileNavBtn_3 {
        float: none;
        display: inline-block;
        color: #272731;
        background: #FFFFFF
    }
    #mobileNavBtn_3:before {
        background: url(../img/ico_ham_3.png) 0 0 no-repeat
    }
    .langSwitch {
        position: absolute;
        right: 30px
    }
    .mapSection .headline .title {
        float: left;
        width: 260px;
        height: 54px;
        background: url(../img/vip-virant_small.png) 0 0 no-repeat
    }
    .mapSection .headline .title img {
        display: none
    }
    .mapSection .headline h2 {
        float: left;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 40px
    }
    footer .inside {
        height: auto
    }
    footer .fl,
    footer .fr {
        width: 100%;
        text-align: center
    }
    footer .fr {
        margin-top: 20px
    }
}
@media only screen and (max-width: 480px) {
    .ce_gallery ul.cols_3 li, .ce_image.imageGal.cols_3  {
        width: 48%
    }
    .ce_gallery ul.cols_3 li:nth-child(2n) {
        margin-right: 0
    }
    .ce_gallery ul.cols_3 li:nth-child(3n) {
        margin-right: 2%
    }
}
@media only screen and (max-width: 360px) {
    .mainNav.mobile {
        width: 90%
    }
    .ce_gallery ul.cols_3 li, .ce_image.imageGal.cols_3  {
        width: 100%;
        margin-right: 0 !important
    }
}