/**
 * Agentur 360 - Werbung und Medien
 * ==========================================================================
 * @all rights reserved - produced by Agentur360
 * @author: Agentur 360 <mail@agentur360.de>
 * ==========================================================================
**/

/* GLOBALS */

body {
	font-family: 'Source Sans Pro', sans-serif;
    padding-top: 60px;
    xpadding-bottom: 20px;
}

hr {
	border-top: 2px solid #ffd73e;
	margin-top: 30px;
	margin-bottom: 30px;
}

:focus {
	outline: none;
}

@media (min-width: 768px) {
	.flex768 {
		display: flex;
	}
}

@media (min-width: 992px) {
	.flex992 {
		display: flex;
	}
}

.jumbotron {
	margin-bottom: 1px;
}

/* NAVIGATION */

nav.navbar.navbar-inverse.navbar-fixed-top {
	background: #ffd73e;
	border: none;
}

nav.navbar .container {
	width: 100%;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav>li>a {
	color: #000;
	text-shadow: none;
}

.navbar-inverse .navbar-brand {
	font-size: 28px;
	height: 60px;
	line-height: 30px;
}

.navbar-inverse .navbar-nav>li>a {
	line-height: 30px;
	letter-spacing: 1px;
}

.navbar-collapse {
	border: none;
}

.navbar-inverse .navbar-toggle {
	background-color: #000;
	margin-top: 15px;
}

/* LANGUAGE SWITCH */

.langswitch {
	position: fixed;
	top: 60px;
	background: #ffd73e;
	right: 0;
	width: 120px;
	height: 30px;
	line-height: 30px;
	color: #333;
	text-align: center;
	z-index: 101;
}

.langswitch a {
	text-decoration: none;
	color: #000;
}

.langswitch a:hover {
	color: #fff;
}

.langswitch span.flag-icon {
	border: 1px solid white;
}

/* KARUSSELL */

/* Carousel base class */
.carousel {
	background: url(/img/Titelbild-QQ.jpg) center bottom no-repeat;
	background-size: cover;
	height: 992px;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	top: 0;
	z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
	height: 992px;
}

.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 992px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
	top: 40%;
}

.carousel-control {
	top: 24%;
	bottom: 1000px;
}

.carousel-indicators {
	bottom: 48% !important;
}

.carousel a {
	color: #fff;
}

.carousel .fa-5x {
	border: 1px solid;
	border-radius: 25px;
}

.carousel .fa-5x:hover {
	-webkit-transition-duration: 1s;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: ease;
    transition-duration: 1s;
    transition-delay: 0s;
    transition-timing-function: ease;
    border-color: #0E1119;
}

.carousel .img-responsive {
	xdisplay: inline-block;
	margin: auto;
	padding-top: 14%;
	width: 350px;
}

.carousel h1 {
	font-size: 31px;
}

.carousel p {
	font-size: 16px;
}

@media (max-width: 767px) {
	.carousel {
		background: url(/img/augsburg_nacht_auto_mobile.jpg) left bottom no-repeat;
		background-size: cover;
	}	
}

@media (min-width: 568px) {
	.booking-btn-responsive {
	  width: 400px;	
	}
}

@media (max-width: 568px) {
	.carousel a .fa {
		display: none;
	}

	.booking-btn-responsive {
	  width: 300px;	
	}
}

@media (max-height: 568px) {
	.carousel .img-responsive {
		padding-top: 40%;
	}
}

@media (max-height: 320px) {
	.carousel-control {
		top: 200px;
	}

	.carousel .img-responsive {
		padding-top: 12%;
		width: 50%;
	}

	.carousel-caption {
		top: -3.5%;
	}
}

/* TAXI */

.taxi .col-md-4 {
	border: 1px solid #e5e5e5;
}

.taxi h1 {
	font-size: 48px;
}

/*.taxi hr {
	border-top: 1px solid #ffd73e;
}*/

.taxi .formular {
	background-color: #0e1119;
}

.taxi .formular h1 {
	padding: 0.5em 0;
}

.taxi .formular .btn {
	padding: 12px;
	background: #ffd73e;
	border-radius: 6px;
}

.taxi a {
	text-decoration: none;
	line-height: 1.4;
}

.taxi .col-md-4 a,
.taxi .col-md-4 a:visited,
.taxi .col-md-4 a:focus {
	color: #333;
}

.taxi .col-md-4 a:hover {
	color: #000;
}

.taxi p {
	font-size: 16px;
}

.taxi .ec p {
	color: #fff;
	text-align: center;
}

.taxi .ec img {
	width: 25%;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 991px) {
	.taxi .taxirechnerButton {
		display: none;
	}
}

/* SERVICES */

.serviceTeaser {
	background: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.3)),url(/img/chauffeur.jpg) center top no-repeat;
	background-size: cover;
	width: 100%;
	height: 500px;
}

.serviceTeaser h1 {
	color: #fff;
}

.services {
	margin-top: -21em;
	position: relative;
	background-color: transparent;
}

.services .serviceRow1,
.services .serviceRow2 {
	visibility: hidden;
}

.services .col-sm-4 {
	background: #fff;
	border: solid 1px #e5e5e5;
}

.serviceTeaser hr,
.services hr {
	xborder-top: 1px solid #ffd73e;
	width: 15%;
}

.services p {
	font-size: 18px;
	padding: 20px 0;
	color: grey;
}

/* TAXIRECHNER */

.taxirechnerTeaser {
	background: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.3)),url(/img/cockpit.jpg) center center no-repeat;
	background-size: cover;
	xbackground-attachment: fixed;
	width: 100%;
	height: 500px;
	xbackground-color: #0e1119;
}

.taxirechnerTeaser h1 {
	color: #fff;
}

.taxirechnerTeaser hr,
.taxirechner hr {
	width: 15%;
}

.taxirechner {
	margin-top: -21em;
	position: relative;
	background-color: transparent;
}

.taxirechner .col-md-12.bordered {
	background: #fff;
	border: solid 1px #e5e5e5;
}

.taxirechner .lead {
	xcolor: #fff;
	font-size: 16px;
	padding: 15px;
}

.taxirechner button {
	background-color: transparent;
	border: none;
	/*padding: 12px;
	background: #ffd73e;
	border-radius: 6px;
	color: #343434;*/
}

.taxirechner button i {
	margin-left: 8px;
}

.taxirechner .btn-primary {
	padding: 12px;
	background: #ffd73e;
	border-radius: 6px;
	color: #343434;
	text-shadow: none;
}

.taxirechner span {
	font-family: 'Source Sans Pro', sans-serif;
}

.taxirechner .toggle.btn {
	width: 100px !important;
}

@media (max-width: 991px) {
	.taxirechner .lead {
		text-align: justify;
	}
}

.range-slider {
	width: 100%;
}

.range-slider__range {
	display: inline-block !important;
	-webkit-appearance: none;
	width: calc(100% - (76px)) !important;
	height: 10px;
	border-radius: 5px;
	background: #d7dcdf;
	outline: none;
	padding: 0;
	margin: 0;
}

.range-slider__range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #2c3e50;
	cursor: pointer;
	-webkit-transition: background .15s ease-in-out;
	transition: background .15s ease-in-out;
}

.range-slider__range::-webkit-slider-thumb:hover {
	background: #1abc9c;
}

.range-slider__range:active::-webkit-slider-thumb {
	background: #1abc9c;
}

.range-slider__range::-moz-range-thumb {
	width: 20px;
	height: 20px;
	border: 0;
	border-radius: 50%;
	background: #2c3e50;
	cursor: pointer;
	-webkit-transition: background .15s ease-in-out;
	transition: background .15s ease-in-out;
}

.range-slider__range::-moz-range-thumb:hover {
	background: #1abc9c;
}

.range-slider__range:active::-moz-range-thumb {
	background: #1abc9c;
}

.range-slider__value {
	display: inline-block;
	position: relative;
	width: 65px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	border-radius: 3px;
	background: #2c3e50;
	padding: 5px 10px;
	margin-left: 8px;
}

.range-slider__value:after {
	position: absolute;
	top: 8px;
	left: -7px;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-right: 7px solid #2c3e50;
	border-bottom: 7px solid transparent;
	content: '';
}

::-moz-range-track {
	background: #d7dcdf;
	border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
	border: 0;
}

/* UNTERNEHMEN */

.unternehmenTeaser {
	background: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.3)),url(/img/strasse-vogelperspektive.jpg) center top no-repeat;
	background-size: cover;
	width: 100%;
	height: 500px;
}

.unternehmenTeaser h1 {
	color: #fff;
}

.unternehmen {
	margin-top: -21em;
	position: relative;
	background-color: transparent;
}

.unternehmen .col-md-12 {
	background: #fff;
	border: solid 1px #e5e5e5;
}

.unternehmen .col-md-3 {
	background: #fff;
	padding: 15px;
}

.unternehmenTeaser hr,
.unternehmen hr {
	xborder-top: 1px solid #ffd73e;
	width: 15%;
}

.unternehmen p {
	width: 75%;
	font-size: 16px;
	padding: 15px;
}

.unternehmen .flex992 a {
	width: 40%;
	height: 100%;
	padding: 15px;
}

@media (max-width: 991px) {
	.unternehmen p {
		margin-bottom: 0;
		width: 100%;
	}

	.unternehmen .flex992 .img-responsive {
		width: 100%;
		padding: 0 15px;
	}
}

/* FLOTTE */

.flotteTeaser {
	background: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.3)),url(/img/cockpit.jpg) center top no-repeat;
	background-size: cover;
	width: 100%;
	height: 500px;
}

.flotteTeaser h1 {
	color: #fff;
}

.flotte {
	margin-top: -21em;
	position: relative;
	background-color: transparent;
}

.flotte .flotteRow,
.flotte .flotteRow2 {
	visibility: hidden;
}

.flotte .col-sm-4 {
	background: #fff;
	border: solid 1px #e5e5e5;
}

.flotteTeaser hr,
.flotte hr {
	xborder-top: 1px solid #ffd73e;
	width: 15%;
}

.flotte span.vklasse {
	background: url(/img/v-klasse.jpg) no-repeat center center;
	background-size: contain;
}

.flotte span.eklasse {
	background: url(/img/e-klasse.jpg) no-repeat center center;
	background-size: contain;
}

.flotte span.touran {
	background: url(/img/vw-touran.jpg) no-repeat center center;
	background-size: contain;
}

.flotte span.sklasse {
	background: url(/img/s-klasse.jpg) no-repeat center center;
	background-size: contain;
}

.flotte span.vito {
	background: url(/img/vito.jpg) no-repeat center center;
	background-size: contain;
}

.flotte span.tesla {
	background: url(/img/tesla.png) no-repeat center center;
	background-size: contain;
}

.flotte span {
	width: 180px;
	height: 180px;
	border: 10px solid #ffd73e;
	border-radius: 100px;
    display: inline-block;
}

.flotte p {
	font-size: 18px;
	color: grey;
}

/* MAPS */

.maps {
	width: 100%;
}

.maps iframe {
	width: 100%;
	display: block;
	pointer-events: none;
	position: relative;
}

.maps iframe.clicked {
	pointer-events: auto;
}

/* IMPRESSUM */

.impressumBild {
	background: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.3)),url(/img/strassenverkehr.jpg) center top no-repeat;
	background-size: cover;
	width: 100%;
}

.impressum .col-md-4 {
	background: #000;
	padding: 30px 40px;
}

.impressum .col-md-4 p {
	background: #252830;
	padding: 15px;
}

.impressum .col-md-8 {
	background: #fff;
	padding: 30px 40px;
}

.impressum h1 {
	font-size: 20px;
}

.impressum h2 {
	font-size: 23px;
}

.impressum a {
	text-decoration: none;
}

.impressum .col-md-4 a:hover {
	color: #fff;
}

.impressum .col-md-8 a {
	line-height: 1.4;
}

.impressum .col-md-8 a,
.impressum .col-md-8 a:visited,
.impressum .col-md-8 a:focus {
	color: #333;
}

.impressum .col-md-8 a:hover {
	color: #000;
}

/*.impressum hr {
	border-top: 1px solid #ffd73e;
}*/

/* FOOTER */

.endbild {
	xbackground: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.3)),url(/img/cockpit.jpg) center bottom no-repeat;
	background: #333;
	background-size: cover;
	width: 100%;
}

.foot .col-md-3 {
	align-self: center;
}

.foot hr {
	xborder-top: 1px solid #ffd73e;
	margin-bottom: 10px;
}

.foot p {
	font-size: 15px;
}

.foot a {
	text-decoration: none;
}

.foot a:hover {
	color: #fff;
}

.foot .formular h1 {
	font-size: 40px;
	xpadding-bottom: 0.5em;
}

.foot textarea {
	min-height: 107px !important;
}

.foot .formular .btn {
	padding: 12px;
	background: #ffd73e;
	border-radius: 6px;
}

#erfolgsmeldung {
	margin-left: 15px;
	margin-right: 15px;
}

@media (max-width: 991px) {
	.foot p {
		text-align: center;
	}
}

/* KONTAKTFORMULAR */

.success {
	padding: 1em;
	margin-bottom: 0.75rem;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #468847;
	background-color: #dff0d8;
	border: 1px solid #d6e9c6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-radius: 4px;
}

.error {
	padding: 1em;
	margin-bottom: 0.75rem;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #b94a48;
	background-color: #f2dede;
	border: 1px solid rgba(185, 74, 72, 0.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-radius: 4px;
}

/* HELPERS */

.fontSize22 {font-size: 22px}
.niconne {font-family: 'Niconne', cursive}
.fett {font-weight: 700}
.gelb,
.gelb:visited,
.gelb:focus {color: #ffd73e;}

.aBlock {text-align: justify}
.aRight {text-align:right}
.aLeft {text-align:left}
.aCenter {text-align:center}
.fLeft {float:left}
.fRight {float:right}
.vaMiddle {vertical-align:middle}

.mt0 {margin-top:0 !important}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}
.mt60 {margin-top:60px}
.mt70 {margin-top:70px}
.mt80 {margin-top:80px}
.mt90 {margin-top:90px}
.mt300 {margin-top:300px;}
.mb0 {margin-bottom:0 !important}
.mb10 {margin-bottom:10px}
.mb15 {margin-bottom:15px}
.mb20 {margin-bottom:20px}
.mb30 {margin-bottom:30px}
.mb40 {margin-bottom:40px}
.mb50 {margin-bottom:50px}
.mb60 {margin-bottom:60px}
.mb70 {margin-bottom:70px}
.mb80 {margin-bottom:80px}
.mb90 {margin-bottom:90px}

.ml0 {margin-left:0 !important}
.ml10 {margin-left:10px}
.ml20 {margin-left:20px}
.ml30 {margin-left:30px}
.ml40 {margin-left:40px}
.ml50 {margin-left:50px}
.ml60 {margin-left:60px}
.ml70 {margin-left:70px}
.ml80 {margin-left:80px}
.ml90 {margin-left:90px}
.mr0 {margin-right:0 !important}
.mr10 {margin-right:10px}
.mr20 {margin-right:20px}
.mr30 {margin-right:30px}
.mr40 {margin-right:40px}
.mr50 {margin-right:50px}
.mr60 {margin-right:60px}
.mr70 {margin-right:70px}
.mr80 {margin-right:80px}
.mr90 {margin-right:90px}

.p0 {padding: 0}
.pt0 {padding-top:0 !important}
.pt10 {padding-top:10px}
.pt20 {padding-top:20px}
.pt30 {padding-top:30px}
.pt40 {padding-top:40px}
.pt50 {padding-top:50px}
.pt60 {padding-top:60px}
.pt70 {padding-top:70px}
.pt80 {padding-top:80px}
.pt90 {padding-top:90px}
.pt300 {padding-top:300px}
.pb0 {padding-bottom:0 !important}
.pb10 {padding-bottom:10px}
.pb15 {padding-bottom:15px}
.pb20 {padding-bottom:20px}
.pb30 {padding-bottom:30px}
.pb40 {padding-bottom:40px}
.pb50 {padding-bottom:50px}
.pb60 {padding-bottom:60px}
.pb70 {padding-bottom:70px}
.pb80 {padding-bottom:80px}
.pb90 {padding-bottom:90px}

.pl0 {padding-left:0 !important}
.pl10 {padding-left:10px}
.pl20 {padding-left:20px}
.pl30 {padding-left:30px}
.pl40 {padding-left:40px}
.pl50 {padding-left:50px}
.pl60 {padding-left:60px}
.pl70 {padding-left:70px}
.pl80 {padding-left:80px}
.pl90 {padding-left:90px}
.pr0 {padding-right:0 !important}
.pr10 {padding-right:10px}
.pr20 {padding-right:20px}
.pr30 {padding-right:30px}
.pr40 {padding-right:40px}
.pr50 {padding-right:50px}
.pr60 {padding-right:60px}
.pr70 {padding-right:70px}
.pr80 {padding-right:80px}
.pr90 {padding-right:90px}

/* Added Thomas Burgard - DrivePartner GmbH */
.box1 {
  background-color: #eeeeee;
  border: 1px solid #dddddd;
  border-radius: 4px;
  padding: 20px;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 20px;
}