.clear{display: block; overflow: hidden; clear: both; padding: 0; margin: 0;}
.align-mid{display: block; overflow: hidden; margin: auto; text-align: center;}
.mfp-content > * {color: #2c2f31 !important; padding: 20px!important; background: #fff!important; margin: 50px auto 0; max-width: 980px; position: relative;}
#gmap_canvas img{max-width:none!important;background:none!important}

/*navigation*/
#navigation-bar{width: 100%; min-width: 1320px; display: table; box-sizing: border-box; border-bottom: 1px solid #d1d5d4; margin-bottom: 50px; z-index: 999; background:#e1e3e4; position: fixed; top: 0; box-sizing: border-box;}
ul.to-the-right{float: right;}
#navigation-bar ul li{display: inline-block; font-size: 14px; padding: 25px 0; box-sizing: border-box; border-left: 1px solid  #d1d5d4;}
#navigation-bar ul li a{padding: 25px 20px; color: #2c2f31; text-decoration: none; margin-right: -4px; text-transform: capitalize;}
#navigation-bar ul li a:hover{background: #fff;}
#navigation-bar ul li a:focus{color: #3b948b;}
h3{color: #3b948b; font-size: 20px; font-weight: bold; text-transform: capitalize; margin-bottom: 10px; text-align: center;}

/*mobile-navigation*/
#mobile-navigation-bar{background: #1b1b1b; cursor: pointer; display: none;}
.menu-bar{color: #fff; font-size: 16px;}
.menu-bar i{margin: 1px 5px 0 0;}
.inside-menu-bar{margin: 0 auto; text-align: center; padding: 10px 0;}
.hidden-menu li{text-align: center; padding: 5px 0; border-top: 1px solid #858585;}
.hidden-menu{display: none;}
.hidden-menu a{color: #fff; text-decoration: none;}
.hidden-menu a:visited{color: #fff; text-decoration: none;}

.school-li{position: relative;}
.offer-li{position: relative;}
.inside-ul{width: 102%; position: absolute; top: 67px; display: none;}
.inside-ul li{display: block !important; background:#e1e3e4; border: none !important; border-bottom: 1px solid #d1d5d4 !important; text-align: center; padding: 0 !important;}
.inside-ul li a{padding: 25px 0 !important; margin: 0 !important; display: block}

.company-name{display: table-cell; vertical-align: middle;}
.company-name img{height: 40px; float: left; margin: 0 15px;}
.company-name a{text-decoration: none;}
.company-name h3{display: inherit; position: relative; top: 10px;}

/*body*/
body{font-family: sans-serif; font-size: 14px; color: #2c2f31; background:#e1e3e4;}
.container{background: #fff; padding: 20px 20px 30px 20px; width: 1200px; margin: 20px auto; line-height: 20px;}
.inside-tabs{margin-bottom: 60px;}
#information{text-align: justify;}
#images{text-align: center; margin-top: 100px;}

/*offices*/
#offices .office-l{float: left; width: 30%; line-height: 25px;}
#offices .office-r{float: right; width: 65%;}
.chosen-language{display: inline-block;}
.office-horizontal-bot{margin-top: 10px;}
.language-l{float: left;}
.language-r{float: left; position: relative; top: -7px; left: 7px;}
.schedule{float: left; margin-right: 30px; line-height: 25px;}

/*team*/
.team-box{width: 240px; text-align: center; border: 1px solid #d1d5d4; display: inline-block; margin: 5px 20px;}
.team-box img{width: 240px; height: 330px;}
.team-txt{height: 120px; padding: 10px;}
.team-name{color: #3b948b; font-weight: bold;}
.team-position{font-weight: bold;}

/*vehicle*/
.vehicle-foto{width:30%; display:block; display: inline-block; margin: 0 -10px 20px 0;}
.vehicle-details{width: 30%; text-align: left; margin-left: 20px; display: inline-block;}
.vehicle-fix{display: inline-block; margin: 0 10px 5px 0;}
.v-slider-l{float: left; height: 27px; margin-top: 10px;}
.v-slider-r{float: right; height: 27px; margin-top: 20px;}

/*license*/
.category{width: 45%; margin: 5px 20px; display: inline-block; border: 1px solid #d1d5d4; box-sizing: border-box;}
.category-icon{background: #3b948b; float: left;}
.category-icon img{height: 30px; padding: 10px;}
.category-txt{text-align: center; padding: 15px;}

/*classes*/
.class{height: 50px; width: 45%; margin: 5px 20px; display: inline-block; border: 1px solid #d1d5d4; box-sizing: border-box;}
.class-icon{height: 100%; float: left; border-right: 1px solid #d1d5d4; width: 130px;}
.class-icon img{height: 30px; padding: 10px;}
.class-category{height: 100%; float: left; border-right: 1px solid #d1d5d4; width: 20px; padding: 0 10px;}
.class-category span{display: block; padding: 15px 0;}
.class-txt{height: 100%; padding: 15px;}

/*downloads*/
.download-box{width: 20%; text-align: center; display: inline-block; margin: 5px 20px;}
.download-box img{height: 50px; margin-bottom: 10px;}

/*office-bar*/
.shown-office{display: block !important;}

/*price*/
#prices{width: 60%; margin: auto; position: relative;}
.price-top{margin-left: 45px;}
.price-table{width: 60%; margin: 15px 0 0 115px;}
.price-col-left{float: left;}
.price-col-right{float: right;}
.class-c{display: none;}
.class-a{display: none;}
.price-selector{text-align: left;}

/*office-bar*/
.office-dropbox{position: absolute; top: 0; right: 0;}
.dropbox-content{display: none;}
.active{display: block !important; width: 200px; padding: 5px; color: #3b948b; line-height: 14px;}
.mobile-office-bar{display: none;}

/*termine*/
.termine-box{height: 240px; width: 180px; text-align: center; border: 1px solid #d1d5d4; display: inline-block; margin: 5px 20px;}
.termine-box img{margin: 20px 0;}
.date-area{display: block; overflow: hidden; padding: 0 30px; margin-top: 20px;}
.date-l{float: left;margin-right: 20px;}
.date-r{float: left;}
.date-separator{line-height: 68px;}
.date-r span{line-height: 35px;}

/*partner*/
.partner-box{position: relative; overflow: hidden; display: inline-block; margin: 10px 10px 22px 10px;}
.partner-box img{height: 100px;}

/*personal*/
.personal-box img{max-width: 10%; float: left; margin-right: 20px;}
.personal-text p{text-align: justify;}

/*contact*/
.shown-impressum{width: 30%; display: inline-block; text-align: justify; margin-right: 30px;}
.impressum{display: none}
.contact-box{width: 60%; display: inline-block; text-align: justify;}
.contact-box input{width: 47%; margin: 5px 15px 5px 0; display: inline-block; border: 1px solid #d1d5d4; box-sizing: border-box; padding: 12px 0 12px 10px;}
.social{width: 46%; margin: 5px 20px 5px 0; display: inline-block; padding: 12px 0 12px 10px;}
textarea{width: 47%; height: 200px; margin: 5px 15px 5px 0; display: inline-block; padding: 12px 0 12px 10px; border: 1px solid #d1d5d4; box-sizing: border-box; resize: none; outline:none;}
input#submit{cursor: pointer; float: right;}
input#submit:hover{background: #3b948b; color: #fff;}

/*social*/
.social{overflow: hidden;}
.social img{height: 110px; display: inline;}
.social img:hover{position: relative; top: -58px;}
.social a{float: left; margin: 0 5px;}
.social-color{height: 50px; width: 50px; display: block; overflow: hidden;}
.social-mobile{display: none;}

/*copyright*/
.copyright{text-align: center; font-size: 12px; margin: 40px 0 20px 0;}
.copyright a{text-decoration: none; color: #3b948b;}
.copyright a:hover{text-decoration: underline;}

/*swiper*/
.swiper-container, .swiper-1 {width: 100%; height: 100%; margin-bottom: 30px !important; float: left;}
.swiper-slide {text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;
    display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;
    -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-slide .foto{width:80% !important; display:block;}
.pagination-fixed{position: static !important; margin: 10px 0 -8px;}
.main-paginator{display: none;}

#next, #next-2{background: #3b948b; height: 30px !important; padding: 10px; right: 95px !important;}
#prev, #prev-2{background: #3b948b; height: 30px !important; padding: 10px; left: 95px !important;}
#next-4{background: #3b948b; height: 30px !important; padding: 10px;}
#prev-4{background: #3b948b; height: 30px !important; padding: 10px;}
#next img{height: 30px;}
#prev img{height: 30px; margin-left: -4px;}
#next-2 img{height: 30px; margin-left: 5px;}
#prev-2 img{height: 30px; margin-left: 2px;}
#next-4 img{height: 30px; margin-left: 5px;}
#prev-4 img{height: 30px; margin-left: 2px;}

.swiper-pagination-bullet-active{background: #3b948b !important;}

