/* nur bei Leiser ?
@media (max-width: 991px) {
.headline-center p {
	padding: 0 5px;
}
}

@media (min-width: 992px) {
.padding-logo-firma {
	width: 510px;
	padding-left: 80px;
}
}

@media (max-width: 991px) {
.padding-logo-firma {
	width: 480px;
	padding-left: 100px;
}
}

@media (max-width: 767px) {
.padding-logo-firma {
	width: 300px;
	padding-left: 5px;
}
}
*/

/* Slider Carousel Peugeot

.left.carousel-control {
	z-index: 20;
}
.right.carousel-control {
	z-index: 20;
}
*/
@media (max-width: 767px) {
.header .logo img {
    margin: 0px 0px 0px 0px;
}
	
}
@media (max-width: 991px) {
.header .logo img {
    margin: 0px 0px 0px 0px;
}
}


@media (max-width: 992px) {
  .header .logo {
    width: 85%;
  }
}
#logoli {
	display: none;
}	
#logomi {
	display: block;
}	
#logore {
	display: none;
}	
	

@media (min-width: 992px) {
#logoli {
	display: block;
	
}	
#logomi {
	display: block;
}	
#logore {
	display: block;
}	
	
.header .logo img {
    	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.header #logoli img {
    	margin: 0px 0px 0px -15px;
	padding: 0px 0px 0px 0px;
}		
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
	.container {
	    width: 100%;
	}
	.quaderpadding {
		padding-left: 3px;
		padding-right: 0px;
		margin-top: 10px;
		}
	.paddingkachelre {
		padding-right: 9px;
	}
	
	
	#showkacheln {
		display: block;
		}

	#showslider {
		display: block;
		}
	
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
	.container {
	    width: 575px;
	}
	.quaderpadding {
		padding-left: 2px;
		padding-right: 0px;
		margin-top: 10px;
		}
	.paddingkachelre {
		padding-right: 9px;
	}
	
	#showkacheln {
		display: block;
		}

	#showslider {
		display: block;
		}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	.container {
	    width: 750px;
	}
	.quaderpadding {
		padding-left: 0px;
		padding-right: 0px;
		}
	.paddingkachelre {
		padding-right: 9px;
	}
	#showkacheln {
		display: block;
	}
	#showslider {
		display: block;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1299px) {
	.container {
	    width: 970px;
	}
	#showkacheln {
		display: block;
	}
	#showslider {
		display: block;
	}
}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
	.container {
	    width: 1240px;
	}
	#showkacheln {
		display: block;
		}

	#showslider {
		display: block;
		}
}

.nav.navbar-nav.navbar-default.text-center {
  background-color: #fff;
}
.header .navbar-nav > li > a {
  font-size: 16px;
}
.header .dropdown-menu li a {
  font-size: 16px;
}
.carousel-indicators li { /* runde rote indicators */
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 1px;
	bottom: -6px;
	text-indent: -999px;
	cursor: pointer;
	background-color: transparent;
	border: 1px solid #1778A4;
	border-radius: 6px !important;
}
.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 1px;
	z-index: 15;
	background-color: #1778A4;
}

#topcontrol {
	background-color: #1778A4;
}

.thumbnail-style a.btn-more  {
	background-color: #1778A4;
}

/*  -------------------------------------------------------------------------------------------- 100 - 500 */
@media (max-width: 575px) {
.slider-background {
	position: relative;
	top: 20px;
	padding: 0px 0px 0px;
	border-bottom: 0px solid #EEE;
	background: none;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	font-size: 35px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	position: absolute;
	top: 88%;
	z-index: 5;
	display: inline-block;
  color: #1778A4;
}
.carousel-caption {
	right: 0%;
	left: 0%;
	bottom: 0px;
	background-color: rgba(100,100,100,0.7);
	opacity: 0.7;
	display: none;
}
.carousel-indicators {
	display: none;
	}
.pattern {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.pattern img {
	height: auto;
	left: 0%;
	margin-left: 0px;
}
.padding-logo-firma {
	width:300px;
	padding-left:5px;
	padding-bottom:5px;
}
/* slider peugeot mit quader */
#peugeot-quader-md {
	display: none;
}
#peugeot-quader-sm {
	display: none;
}
}

/*  -------------------------------------------------------------------------------------------- 501 - 760 */
@media (min-width: 576px) and (max-width: 767px) {
.slider-background {
	position: relative;
	top: 30px; /* verschiebung slider nach oben */
	padding: 0px 0px 0px 0px;
	border-bottom: 0px solid #EEE;
	background: none;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	font-size: 40px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	position: absolute;
	top: 90%;
	z-index: 5;
	display: inline-block;
}
.carousel-caption {
	right: 0%;
	left: 0%;
	bottom: 0px;
	background-color: rgba(100,100,100,0.7);
	opacity: 0.7;
}
.carousel-indicators {
	bottom: -6px;
}

.pattern {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.pattern img {
	height: auto;
	left: 0%;
	margin-left: 0px;
}
/* slider peugeot mit quader */
#peugeot-quader-md {
	display: none;
}
#peugeot-quader-sm {
	display: none;
}
}

/*  -------------------------------------------------------------------------------------------- 761 - 990 */
@media (min-width: 768px) and (max-width: 991px) {
.slider-background {
	position: relative;
	top: 30px; /* verschiebung slider nach oben */
	padding: 0px 0px 0px;
	border-bottom: 0px solid #EEE;
	background: none;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	width: 30px;
	height: 30px;
	margin-top: 15%;
	font-size: 35px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	position: absolute;
	top: 68%;
	z-index: 5;
	display: inline-block;
}
.carousel-caption {
	right: 0%;
	left: 0%;
	padding-bottom: 30px;
	background-color: rgba(100,100,100,0.7);
	opacity: 0.7;
}
.pattern {
	position: relative;
	overflow: hidden;
	/*padding-bottom: 20px;*/
	width: 100%;
	height: auto;
}
.pattern img {
	height: auto;
	left: 0%;
	margin-left: 0px;
}
/* slider peugeot mit quader */
#peugeot-quader-md {
	display: inline;
}
#peugeot-quader-sm {
	display: none;
}
}

/*  -------------------------------------------------------------------------------------------- 991 - 1199 */
@media (min-width: 992px) and (max-width: 1299px) {
.slider-background {
	position: relative;
	top: 30px; /* verschiebung slider nach oben */
	padding: 0px 0px 0px 0px;
	border-bottom: 0px solid #EEE;
	background: none;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	width: 30px;
	height: 30px;
	margin-top: 15%;
	font-size: 40px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	position: absolute;
	top: 82%;
	z-index: 5;
	display: inline-block;
}
.carousel-indicators {
	position: absolute;
	bottom: 0px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none;
}
.carousel-caption {
	right: 0%;
	left: 0%;
	bottom: 6px;
	background-color: rgba(100,100,100,0.7);
	opacity: 0.7;
}
.pattern {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.pattern > img {
	position: absolute;
	height: auto;
	top: 0px;
	left: 0%;
	margin-left: 0px;
}
.pattern {
	position: relative;
	overflow: hidden;
	width: 126%;
	height: 398px;
}
.pattern > img {
	position: absolute;
	top: 0px;
	left: 0%;
	margin-left: 0px;
}
/* slider peugeot mit quader */
#peugeot-quader-md {
	display: inline;
}
#peugeot-quader-sm {
	display: none;
}
}

/*  -------------------------------------------------------------------------------------------- 1200 - */
@media (min-width: 1300px) {
.slider-background {
	position: relative;
	top: 30px; /* verschiebung slider nach oben */
	padding: 0px 0px 0px;
	border-bottom: 0px solid #EEE;
	background: none;
}
.automarkt-r-background {
	position: relative;
	background: url("../img/peugeot_dark_bg.jpg") repeat scroll 0% 0%;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	width: 30px;
	height: 30px;
	margin-top: 15%;
	font-size: 40px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	position: absolute;
	top: 84%;
	z-index: 5;
	display: inline-block;
  color: #1778A4;
}
.carousel-indicators {
	position: absolute;
	bottom: -7px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none;
}
.carousel-caption {
	right: 0%;
	left: 0%;
	bottom: 0px;
	padding-top: 15px;
	background-color: rgba(100,100,100,0.7);
	color: rgba(255,255,255,0.9);
	opacity: 0.7;
}
.pattern {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 392px;
}
.pattern > img {
	position: absolute;
	top: 0px;
	left: 0%;
	margin-left: 0px;
}
/* slider peugeot mit quader */
#peugeot-quader-md {
	display: inline;
}
#peugeot-quader-sm {
	display: none;
}
}