.clear{clear: both; display: block; overflow: hidden;}
html{background: url("../img-v4/foto-bg.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
/*html{background: url("../../images/test-bugatti.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/
body{font-family: sans-serif; font-size: 14px; width: 100%; overflow-x:hidden;}

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

/*navigation*/
#navigation-bar{width: 100%; background: #1b1b1b; opacity: 0.8; display: block; overflow: hidden; padding: 20px 0; position: fixed; z-index: 30;}
#navigation-bar ul li{display: inline-block; float: right;}
#navigation-bar a{color: #fff; text-transform: uppercase; padding: 20px 8px; text-decoration: none;}
#navigation-bar a:hover{text-decoration: none;}
#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;}

.header-content .headline{color: #fff !important;}
.big-headline{text-transform: uppercase; font-size: 50px; font-weight: bold; text-align: center; margin: 50px 0; color: #fff;}

/*constant*/
.content{max-width: 960px; margin: 0 auto; position: relative;}
.header-content{padding: 200px 0;}
.headline{text-transform: uppercase; font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 10px;}
.download-area{text-align: center; display: block; overflow: hidden;}
.inside-download-area{display: inline-block; overflow: hidden; margin: 10px 50px 10px 0}
.download-area img{margin: -3px 10px 0 0;}
#top-comment-box{position: relative; background: url("../img-v4/city_01.jpg")no-repeat; background-size: 100%; -moz-background-size: 100%;}
#top-team-box{position: relative; background: url("../img-v4/city_02.jpg")no-repeat; background-size: 100%; -moz-background-size: 100%;}
#top-partner-box{position: relative; background: url("../img-v4/city_01.jpg")no-repeat; background-size: 100%; -moz-background-size: 100%;}
#top-office-box{position: relative; background: url("../img-v4/city_01.jpg")no-repeat; background-size: 100%; -moz-background-size: 100%;}
.transparent{width: 100%;height: 100%;position: absolute;background: #000;opacity: 0.5;top: 0;}
.transparent{width: 100%; height: 100%; background: #fff; position: absolute; opacity: 0.7;}
.comment-box{text-align: center; margin: 10px auto 0; width: 75%; cursor: pointer; color: #333333;}
.category span{display: inline-block; padding-top: 10px;}
.category{width:45%; display: inline-block; margin-right: 46px;}
#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;}

/*office-bar*/
.office-bar{width: 200px; display: block; overflow: hidden; position: absolute; top: -20px; right: 0;}
.office-bar button{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 button:hover{background: #3F414D !important; text-decoration: none;}
.shown-office{display: block !important;}
.all-office{display: none;}
#top-schedule-box .office-bar{position: absolute; top: -30px; }
.office-dropbox{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;}
.active{background: #3F414D !important;}
.round{height: 25px !important;  border-radius: 100%; padding: 5px; margin-bottom: 10px;}
.license{width: 10%; float: left; margin-right: 20px;}
.category .txt{width: 80%; float: left; margin-top: 10px;}
.blank .headline{margin-top: 30px;}
.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;}

/*contact-box*/
form{ width: 75%; margin: auto;}
.contact-box{text-align: center; margin-top: 10px; line-height: 20px;}
.contact-box span{ margin: 0 10px;}
.input-box input{display: block; width: 100%; padding: 5px 0 5px 7px; margin-bottom: 10px; font-style: italic; border: none; outline:none;}
.input-box textarea{display: block; width: 100%; padding: 5px 0 5px 7px; margin-bottom: 10px; font-style: italic; border: none; resize: none; outline:none;}
.submit-btn{display: block; text-align: center; cursor: pointer;}
.submit-btn input{width: 60%; border: none; padding: 5px 0; color: #fff;}
#footer img{height: 50px; display: inline;}
.social{display: inline-block; overflow: hidden;}
.social a{float: left; margin: 0 5px;}
.social-color{height: 51px; width: 50px; display: block; overflow: hidden; background: #a5a5a5; border-radius: 100%;}
.social-color:hover{height: 50px; width: 50px;  border-radius: 100%;}
.align-mid{display: block; overflow: hidden; margin: auto; text-align: center;}

/*copyright & impressum*/
.impressum a{color: #fff;}
.copyright{text-align: center; font-size: 12px; margin-top: 40px;}
.copyright a{text-decoration: none;}
.copyright a:hover{text-decoration: underline;}
.termine-box{width: 215px; height: 280px; position: relative; background: #1b1b1b; overflow: hidden; display: inline-block; margin: 10px 10px 22px 10px; border-radius: 5px;}
.termine-inside{text-align: center; padding: 15px; color: #fff; font-size: 18px;}
.termine-inside h1 {color: #fff; font-size: 20px;}
.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;}
.ui-tooltip-content{color: #454a4e; font-style: italic; padding: 10px; background: #f3f3f3; /*box-shadow:0 0 5px #d94d4b; -webkit-box-shadow:0 0 5px #d94d4b*/;}
#top-team-box .align-mid{text-align: left;}
.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;}
.team-inside h4{color: #333333}
#color-selector-box{width: 100%; text-align: center;}
.color-button{display: inline-block; overflow: hidden; width: 80px; height: 25px; margin: 0 5px 50px; cursor: pointer; border: 1px solid #fff;}
.bg-color-button{display: inline-block; overflow: hidden; width: 80px; height: 25px; margin: 0 5px 50px; cursor: pointer; border: 1px solid #fff;}

#red{background: #d94d4b;}
#green{background: #76AB26;}
/*#green{background: #86aa66;}*/
#blue{background: #0094b4;}
#dark{background: #1b1b1b;}
#light{background: #929292;}
#cherry{background: #362323;}
#dark-mild{background: #252525;}
#light-mild{background: #008000;}
#cherry-mild{background: #3f2929;}
.font-color{color: #d94d4b}
.bg-color{background: #d94d4b; cursor: pointer;}
.hover-color:hover{background: #d94d4b !important;}
/*.hover-blank:hover{background: #d94d4b;}*/
.shadow-color{box-shadow: 0 0 0 2px #d94d4b, 0 0 0 #d94d4b;}
.focus-color:focus{box-shadow: 0 0 5px #d94d4b; -webkit-box-shadow: 0 0 5px #d94d4b; -moz-box-shadow: 0 0 5px #d94d4b;}

/*bg color*/
#bg-selector-box{width: 100%; text-align: center;}
.strong{background: #1b1b1b; color: #fff; padding: 20px 0; text-align: justify;}
.mild{background: #252525; color: #fff; padding: 20px 0; text-align: justify;}
.blank{display: block; overflow: hidden;}
.big-headline{text-transform: uppercase; font-size: 50px; font-weight: bold; text-align: center; margin: 50px 0; color: #fff;}
.mfp-content > * {color: #4f4f4f !important; padding: 20px!important; background: #fff!important; margin: 50px auto 0; max-width: 980px; position: relative;}
.mfp-auto-cursor .mfp-content{text-align: center;}
#gmap_canvas img{max-width:none!important;background:none!important}

/*office-box*/
#top-office-box h2{font-size: 18px;}
.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: 40%; float: left; margin-right: 20px;}

/*download*/
.inside-download-area{position: relative;}
.inside-download-area img{height: 40px;}
.inside-download-area span{position: relative; top: 10px;}



/*VERY SPECIAL CASE*/
#very-special-box{}
#very-special-box .special-nav{float: right; margin: 10px 0;}
#very-special-box .special-content{max-height: 600px; overflow-x: auto;}
#very-special-box .lt-tab{max-height: 545px; overflow-x: auto;}
#very-special-box .special-tab, #very-special-box .lt-tab{display: none;}
#very-special-box .special-tab.shown, #very-special-box .lt-tab.shown{display: block;}
#very-special-box .lt-nav{margin: 10px 0;}
#very-special-box table.big-table{width: 100%;}
#very-special-box table.small-table{width: auto; min-width: 300px;}
#very-special-box table td{padding: 10px; box-sizing: border-box;}
#very-special-box ul{padding: 10px 10px 10px 20px; list-style: disc;}
#very-special-box ul li{margin: 2px 0;}
#very-special-box .special-images{margin: 10px 0;}
#very-special-box .special-images img{width: 24%; box-sizing: border-box;}
#very-special-box table.bordered th{border: 1px solid #fff; padding: 5px;}
#very-special-box table.bordered td{border: 1px solid #fff;}