/*.align-mid{display: block; overflow: hidden; margin: auto; text-align: center;}*/
.clear{clear:both;}
.dots{display: block; overflow: hidden; margin: 15px 0 15px 0; border-bottom: 1px dotted #4f4f4f;}
body{width: 100%;background: #a6a7a0; font-family: sans-serif; font-size: 14px; color: #fff;}
#side-navigation-bar{width: 180px; position: fixed; left: 0; top: 97px;  display: block; z-index: 1;}
#side-navigation-bar ul li{height: 30px; font-size: 18px; padding-top: 15px; background: #e15b52; margin-bottom: 10px; overflow: hidden; display: block;}
#side-navigation-bar a{text-decoration: none; color: #fff; cursor: pointer; padding: 15px 110px 10px 20px;}
#side-navigation-bar a:hover{text-decoration: underline;}
#side-navigation-bar a:visited{color: #fff !important;}
#top-navigation-bar{width: 100%; min-width: 1400px; height: 50px; position: fixed; background: #fff; display: none;  color: #4f4f4f; z-index: 999;}
#top-navigation-bar ul li{float: right; display: inline; font-size: 18px; padding: 15px 25px 0 0;}
#top-navigation-bar a{text-decoration: none; color: #4f4f4f;}
#top-navigation-bar a:hover{color: #0094b4;}
#top-navigation-bar a:visited{color: #4f4f4f !important;}
#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;}
.content{width: 960px; display: block; margin: auto; padding: 10px 0 20px 0; position: relative;}
.photo-box-mobile{overflow: hidden; display: none;}
.main-photo-area{display: block; padding-bottom: 30px; position: relative;}
.big-foto-arrows{width: 100%;}
.big-foto-arrows img{font-size: 18px; cursor: pointer; padding: 10px; margin: -300px -35px 0 -35px;}
.big-arrow-l{height: 15px; float: left;}
.big-arrow-r{height: 15px; float: right;}
.thumbnail-arrows img{font-size: 44px; line-height: 20px; cursor: pointer; padding: 10px; margin: -85px -40px 0 -40px;}
.slider-l{float: left; height: 27px;}
.slider-r{float: right; height: 27px;}
.foto-thumbnail {width: 87% !important; margin: auto; padding-top: 20px;}
.foto-thumbnail img{padding: 0 4px 0 4px;}
.foto-thumbnail-inside{ width: 780px; white-space: nowrap; margin: 0 0 0 25px; position: relative;}
.foto-images{overflow: hidden;}
.foto-move{position: relative; right: 0;}
.title-name{font-size: 24px !important; color: #fff;}
.white-box .title-name{color: #4f4f4f;}
.white-box{background: #fff; color: #26292d}
.black-box a{text-decoration: none; color: #fff;}
.black-box a:hover{color: #e15b52;}
.info-box{ max-height: 900px; overflow-y:hidden; padding-right: 25px;}
.info-box{overflow-y:auto; padding-right:5px;}
.txt{color: #4f4f4f !important; line-height: 25px;}
.txt h1{font-size: 18px; margin-bottom: 5px; color: #4f4f4f;}
.txt p{text-align: justify;}
.comment-box{max-height: 205px; width: 700px; margin: 0 auto; display: block; border: 1px dotted #4f4f4f;}
.comment-box .text{height: 100px; overflow-y:auto; line-height: 20px; padding: 20px 45px 20px 40px;}
.comment{display: inline-block; overflow: hidden; padding: 15px; color: #4f4f4f;}
.comment .bubble{float: left; background: url("../../images/domain/img-v1/speech-bubble.png") no-repeat; width: 25px; height: 23px;}
.comment h1{ float: left; padding: 5px 0 0 10px; color: #4f4f4f;}
.comment-head{display: block; overflow: hidden; border-bottom: 1px dotted; margin-bottom: 10px; padding-bottom: 5px;}
.comment i{line-height: 20px; position: relative;}
.top-quote{background: url("../../images/domain/img-v1/quotes-top.png"); width: 20px; height: 20px; position: absolute; top: -20px; left: -5%;}
.bot-quote{background: url("../../images/domain/img-v1/quotes-bot.png"); width: 20px; height: 20px; position: absolute; left: 100%;}
.inside-downloads{width: 50%; display: block; overflow: hidden; float: left}
.inside-downloads a{ float: left;}
.inside-downloads span{float: left; margin: 5px 0 0 15px;}
.tabs{overflow: hidden;}
.category span{display: inline-block; padding-top: 10px;}
.category{width:45%; display: inline-block; margin-right: 35px;}
#top-klassen-box .category img{height: 40px;}
.tab-img{width: 25%; float: left; margin-right: 10px;}
.tab-category{width: 10%; float: left; margin-right: 10px; margin-top: 10px; text-align: center;}
.tab-description{width: 60%; float:right; margin-top: 10px;}
.round{background: #26292d; height: 25px !important;  border-radius: 100%; padding: 5px; margin-bottom: 10px;}
.license{width: 10%; float: left;}
.category .txt{width: 80%; float: left; margin-top: 10px;}
.all-office{display: none;}
.content-select{display: block;}
.office-bar{position: absolute; top: 0; right: 0;}
.office-bar-content{display: block; overflow: hidden; width: 100%;}
.office-bar button{cursor: pointer; border: none; margin-left: 5px; float: left; width: 85px; height: 30px; background: #3f414d;}
.office-bar button:focus {outline: 0;}
.office-bar button:first-child{margin: 0 !important;}
.office-bar button:hover{background: #e15b52;}
.office-bar button span{display: inline-block; color: #fff !important;}
.office-info{width: 100%; height: 50px; background: #e15b52; margin-top: 30px;}
.info-content{padding: 18px 10px;}
.office-select{background: #e15b52 !important;}
.office-text{color: #fff !important;}
#top-contact-box{background: #3f414d !important;}
.contact-form{width: 70%; margin: auto; display: block; overflow: hidden;}
.left-form{width: 50%; float: left;}
.left-form{width: 50%; float: left;}
@-moz-document url-prefix() {
    .left-form {padding-top: 1px;}
}

/*swiper*/
.swiper-container, .swiper-2 {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;}
#prev{font-size: 40px; transform: rotate(180deg);-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#next{font-size: 40px; margin-top: -35px;}

/*mobile office-bar*/
.office-bar-mobile{background: #e15b52; width: 100%; display: none; overflow: hidden; position: absolute; top: 0; right: 0;}
.office-bar-mobile button{width: 100%; background: #858585; display: block; cursor: pointer; color: #fff; padding: 10px 30px; text-transform: uppercase; text-align: left; font-size: 10px; border-top: 1px solid #fff; border: none; border-top: 1px solid #fff;}
.office-bar-mobile button:hover{background: #e15b52 !important; text-decoration: none;}
.office-bar-mobile .shown-office{display: block !important;}
.office-bar-mobile .all-office{display: none;}
.office-dropbox{background: #e15b52; display: block; cursor: pointer; color: #fff; padding: 10px 30px; text-transform: uppercase; text-align: left; font-size: 10px; box-sizing: border-box; border-bottom: 1px solid #fff;}
.dropbox-menu{display: none;}
.office-bar-mobile .active{background: #e1908c !important;}

.left-form input {width: 100%; min-height: 48px; clear: both; display: block; background: none; padding: 0 10px 0 10px; border: 0 solid; border-left: 1px solid #fff; border-top: 1px solid #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; color: #fff;}
.right-form{width:50%; height: 144px; float: left; display: block;}
.right-form textarea {overflow: auto; width: 100%; min-height: 145px; background: none; border-color: transparent; border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; box-sizing: border-box; padding: 15px 10px 0 10px; resize: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; color: #fff;}
.submit-btn {width: 100%; clear: both; display: block; background: none; border: 0; border: 1px solid #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  }
.submit-btn:hover{background: #454a4e;}
.submit-btn input{width: 25px; display: block; margin: 6px auto;}
footer{background: #3f414d; border: none !important; margin-top: 0 !important;}
.footer-tabs{width: 70%; margin: auto; display: block; overflow: hidden; font-size: 18px;}
.footer-lefts{width: 35%; display: block; float: left; padding-right: 20px; color: #fff !important;}
.footer-lefts a{text-decoration: none; color: #fff !important;}
.footer-lefts a:hover{color: #e15b52;}
.footer-rights{display: block; float: right; margin-top: 15px;}
.copyright{text-align: center; font-size: 12px; margin-top: 40px;}
.copyright a{text-decoration: none; color: #e15b52 !important;}
.copyright a:hover{text-decoration: underline;}
.footer-headline{clear: both; margin: 15px 0;}
.fb{background: url("../../images/domain/img-v1/fb-icon.png") no-repeat; width: 32px; height: 32px; display: inline-block;}
.fb:hover {background-position: 50% 100%;}
.g-plus{background: url("../../images/domain/img-v1/g-plus-icon.png") no-repeat; width: 32px; height: 32px; display: inline-block;}
.g-plus:hover {background-position: center bottom;}
.pic{background: url("../../images/domain/img-v1/pic-icon.png") no-repeat; width: 32px; height: 32px; display: inline-block;}
.pic:hover {background-position: center bottom;}
.twitter{background: url("../../images/domain/img-v1/tweeter-icon.png") no-repeat; width: 32px; height: 32px; display: inline-block;}
.twitter:hover {background-position: center bottom;}
.social{margin-top: 10px;}
.social ul li{display: inline;}
.social a{width: 32px; height: 32px; display: block; overflow: hidden; cursor: pointer;}
.price-table{width: 60%; margin: 15px 0 0 115px;}
.price-col-left{width: 70%; float: left; font-size: 14px;}
.price-col-right{width: 25%; float: right; font-size: 14px;}
.class-c{display: none;}
.class-a{display: none;}
.contacts{width: 450px; font-size: 14px;}
.contacts-l{width: 250px; float: left; overflow: hidden;}
.contacts-r{width: 150px; margin-left: 20px; float: left; overflow: hidden;}
.impressum{float: left; margin-top: 15px;}
.impressum a{color: #fff; font-size: 14px;}
.termine-box{width: 215px; height: 280px; position: relative; cursor: pointer; background: #454a4e; overflow: hidden; display: inline-block; margin: 10px 10px 22px 10px; border-radius: 5px;}
.termine-box:hover{background: #e15b52;}
.termine-inside{text-align: center; padding: 15px;}
.termine-inside {color: #fff !important; font-size: 18px;}
.termine-inside h1 {color: #fff !important; font-size: 24px;}
.termine-inside 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;}
.team-boxes{width: 100%;}
.team-box{width: 46%; float: left; margin: 0 10px 20px 10px;}
.team-box img{width: 20%; display: inline; margin-right: 10px;}
.team-inside{width: 60%; display: inline-block; line-height: 18px;}
.team-box h2{font-size: 18px;}
.ui-tooltip-content{color: #454a4e; font-style: italic; padding: 10px; background: #f3f3f3;}
.mfp-content > * {color: #4f4f4f !important; padding: 20px!important; background: #fff!important; margin: 50px auto 0; max-width: 980px; position: relative;}

/*office-box*/
.office-top{margin-bottom: 10px;}
.office-bottom{margin-bottom: 10px;}
.office-left{width: 300px; display: inline-block; margin: 5px 0;}
.office-right{width: 655px; display: inline-block; margin: 5px 0;}
.office-address{line-height: 24px;}
.language-chosen{display: inline-block;}
.language-l{float: left; margin: 8px 8px 0 0;}
.language-r{width: 70%; float: left;}
.practice{width: 300px; display: inline-block; margin-bottom: 10px;}
.theory{width: 300px; display: inline-block; margin-bottom: 10px;}
.day-l{width: 30%; float: left;}
.hours-r{width: 65%; float: left;}

/*partner-box*/
.partner-box{position: relative; overflow: hidden; display: inline-block; margin: 10px 10px 22px 10px;}
.partner-box img{width: 165px; height: auto;}

/*vehicle-box*/
.vehicle-content{width: 90%;}
.vehicle-foto{width:40% !important; display:block; display: inline-block; margin: 0 -10px 20px 0;}
.vehicle-details{width: 55%; 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;}

/*personal-box*/
.personal-img img{max-width: 15%; float: left; margin-right: 20px;}