.loading { display: block; position: absolute; }
.clear{clear:both;}
.align-mid-desktop{display: block; overflow: hidden; margin: auto; text-align: center;}
body{font-family: sans-serif; font-size: 14px; color: #4f4f4f; line-height: 25px; background: url("../../images/domain/img-v2/bg-pattern.jpg")}
.top-area{ width: 1200px; margin: 0 auto;}
.top-area img{height: 100px; padding: 15px; float: left;}
.top-area h2{float: left; padding: 50px 0; color: #68bfae; font-size: 24px;}
.logo-area{width: 70%; float: left;}
.social-top{width:30%; float: right; margin-top: 40px;}
.social-bot{width:30%; float: right;}
.social-bot h1{color: #fff;}
.social ul li{display: inline;}
.social a{width: 50px; height: 50px; display: block; overflow: hidden; cursor: pointer;}
.fb{background: url("../../images/domain/img-v2/fb-icon.png") no-repeat; width: 50px; height: 50px; display: inline-block;}
.fb:hover {background-position: 50% 100%;}
.g-plus{background: url("../../images/domain/img-v2/gplus-icon.png") no-repeat; width: 50px; height: 50px; display: inline-block;}
.g-plus:hover {background-position: center bottom;}
.pinterest{background: url("../../images/domain/img-v2/pinterest-icon.png") no-repeat; width: 50px; height: 50px; display: inline-block;}
.pinterest:hover {background-position: center bottom;}
.twitter{background: url("../../images/domain/img-v2/twitter-icon.png") no-repeat; width: 50px; height: 50px; display: inline-block;}
.twitter:hover {background-position: center bottom;}
header{background: #68bfae; height: 75px; text-align: center;}
.navigation-bar ul li{display: inline-block; margin-top: 25px;}
.navigation-bar a{text-decoration: none; font-size: 18px; color: #fff !important;}
.navigation-bar a:hover{text-decoration: underline; color: #fff !important;}
.navigation-bar img{margin: -6px 10px 0 15px;}
#mobile-navigation-bar{background: #1b1b1b; cursor: pointer; display: none;}
.menu-bar{color: #fff; font-size: 16px;}
.menu-bar i{margin: 5px 5px 0 0;}
.inside-menu-bar{margin: 0 auto; text-align: center; padding: 6px 0;}
.hidden-menu li{text-align: center; padding: 3px 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;}
.banner-box{width: 1200px; margin: auto; position: relative; background: #fff;}
button:focus {outline: 0;}
.banner-box button{background: #68bfae; cursor: pointer; color: #fff; font-size: 20px; padding: 10px 25px;
    border: 1px solid #68bfae; border-radius: 3px; position: absolute; bottom: 100px; left: 520px; z-index: 3;}
.banner-box button:hover{border: 2px solid #fff; border-radius: 3px; box-sizing: border-box;}
/*.transparent{background: #fff;; width: 1200px; height: 420px; position: absolute; opacity: 0.7; z-index: 1;}*/
#fader {width: 1200px; height: 420px; margin: 0 auto; z-index: 2; opacity: 0.5;}
#fader img {position: absolute; max-width: 100%; height: auto;}

/*swiper*/
.swiper-container, .swiper-1 {width: 100%; height: 100%; margin-bottom: 30px !important; float: left;}
.swiper-slide img{width: 100%;}
.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;}
.swiper-pagination-bullet{background: #fff;}
.swiper-pagination-bullet-active{background: #68bfae !important;}
#prev{font-size: 40px; transform: rotate(180deg);-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#next{font-size: 40px; margin-top: -35px;}
.photo-box-mobile{display: none;}

.content{width: 1150px; margin: auto; padding: 30px 0 30px 0; overflow: hidden;}
.all-boxes h1{color: #68bfae !important; font-size: 18px !important;}
/*.all-boxes p{text-indent: 20px;}*/
.dots{display: block; overflow: hidden; margin: 15px 0 15px 0; border-bottom: 2px dotted #68bfae;}
.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-img img{height: 40px;}
.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: #68bfae; height: 25px !important;  border-radius: 100%; padding: 5px; margin-bottom: 10px;}
.leistungen{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;}
.inside-downloads{display: inline-block; overflow: hidden; margin: 5px;}
.offices{margin-bottom: 20px;}
.offices:last-child{margin-bottom: 0;}
.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;}
footer{background: #272729; color: #fff; overflow: hidden; width: 100%; padding: 20px 0 20px 0; position: relative;}
.bottom{background: #272729;}
.bottom-inside{width: 1150px; margin: auto; display: block; overflow: hidden; padding: 20px 0 20px 0;}
.bottom-inside h1{font-size: 18px;}
.bot{float: left; margin-right: 30px;}
.bot h1{color: #fff;}
.bot ul li a{color: #68bfae;}
.about{width: 40%;}
.about h1{color: #68bfae;}
.about a{color: #68bfae; text-decoration: none;}
.about a:visited{color: #68bfae !important;}
.about a:hover{text-decoration: underline;}
.about p {color: #fff !important;}
.links{width: 7%;}
.links a{color: #68bfae; text-decoration: none;}
.links a:hover{text-decoration: underline;}
.menu{width: 7%;}
.menu a{color: #68bfae; text-decoration: none;}
.menu a:hover{text-decoration: underline;}
.copyright{background: #1e1f21; text-align: center; color: #fff; padding: 15px; position: relative; bottom: -20px;}
.copyright a{color: #68bfae; text-decoration: none;}
.copyright a:hover{text-decoration: underline;}
.copyright a:visited{color: #68bfae !important;}
#reg-form{max-width: 630px !important;}
#contact-form{max-width: 630px !important;}
form{max-width: 630px !important; margin-top: 10px !important;}
form p{margin-bottom: 10px; line-height: 20px;}
form p span{text-decoration: underline;}
.reg-left{float: left; display: block; overflow: hidden;}
.reg-left h1{color: #68bfae; font-size: 18px; margin-bottom: 10px;}
.reg-row{display: block!important; overflow: hidden !important; margin-bottom: 10px;}
.reg-row label{width: 25%; display: inline-block; overflow: hidden; margin-right: 20px;}
.reg-row select{width: 70%; height: 30px; display: inline-block; overflow: hidden; border: 1px solid #68bfae !important; color: #4f4f4f !important;}
.reg-row select:focus{outline: 0}
.reg-row textarea{width: 70%; min-height: 100px; display: inline-block; overflow: hidden; border: 1px solid #68bfae !important; color: #4f4f4f !important; padding: 0;}
.reg-row textarea:focus{outline: 0}
.reg-row input{width: 70%; height: 25px; display: inline-block; overflow: hidden; border: 1px solid #68bfae !important; color: #4f4f4f !important;}
.reg-row input:focus{outline: 0}
.reg-bot{width: 100%; overflow: hidden; display: block;}
.reg-bot a{float: right; margin-left: 20px; color: #68bfae !important;}
.reg-bot input{float: right; margin-left: 20px; width: 300px; background: #68bfae; cursor: pointer; color: #fff; font-size: 14px; padding: 5px 12px; border: 1px solid #68bfae; border-radius: 3px;}
.reg-bot input:hover{text-decoration: underline;}
.reg-bot input:focus{outline: 0}
.ui-widget-header{background: #68bfae !important;}
.ui-state-active, .ui-state-highlight, .ui-state-hover, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background: #68bfae !important; border: 1px solid #68bfae !important;}
.contacts{width: 350px; margin: 20px 0;}
.contacts-l{width: 45%; float: left; overflow: hidden;}
.contacts-r{width: 45%; float: left; overflow: hidden;}

.termine-box{width: 215px; height: 280px; position: relative; cursor: pointer; background: #68bfae; overflow: hidden; display: inline-block; margin: 10px 10px 22px 50px; border-radius: 5px;}
.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%; display: inline-block; 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;}

/*placeholder*/
::-webkit-input-placeholder {color: transparent;}
:-moz-placeholder {color: transparent;}
::-moz-placeholder {color: transparent;}
:-ms-input-placeholder {color: transparent;}

/*office-box*/
.one-office{border-bottom: 1px solid #858585; margin-bottom: 20px;}
.one-office:last-child{border-bottom: none;}
.office-top{margin-bottom: 10px;}
.office-bottom{margin-bottom: 10px;}
.office-left{width: 300px; display: inline-block; margin: 5px 0;}
.office-right{width: 840px; 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;}