header.main {
	/*padding-top:35px;*/
	/*border-top:6px solid #000;*/
	/*height:127px;*/
	/*padding:35px 0;*/
	padding:0 20px;
	box-sizing:border-box;
	
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:25;
	background-color:#FFF;
}
.header {
	max-width:1100px;
	padding:35px 0;
	box-sizing:border-box;
	margin:0 auto;
	
	border-bottom:1px solid #000;
}

.header-left {
	float:left;
}

a.logo {
	background-image:url(../img/logo.png);
	background-size:240px auto;
	background-position:0 0;
	background-repeat:no-repeat;
	width:240px;
	height:36px;
	/*margin-bottom:15px;*/
	display:block;
	
	float:left;
}
a.logo img {
	width:240px;
	margin-bottom:15px;
	display:block;
}

header.main nav.main {
	float:right;
}
header.main nav.main a {
	color:#000;
	line-height:36px;
}
header.main nav.main ul {
	list-style:none;
	padding:0;
	margin:0;
	
	font-size:17px;
}
header.main nav.main > ul > li {
	float:left;
	margin-left:35px;
	
	position:relative;
}
header.main nav.main > ul > li:first-child {
	margin-left:0;
}
header.main nav.main > ul > li.current > a,
header.main nav.main > ul > li:hover > a {
	color:#d40f14;
}
header.main nav.main ul li .subnavi {
	clear: both;
    position: relative;
	bottom:-5px;
	left:-13px;
    z-index: 100;
	background-color:#d40f14;
	
	opacity: 0;
    visibility: hidden;
	transition: all 0.3s ease 0s;
}
header.main nav.main ul li ul {
	background-color:#d40f14;
	padding:0 10px;
	
	position:absolute;
	z-index:20;
}
header.main nav.main ul li .subnavi .spitz {
	width:0;
	height:0;
	border-color: transparent transparent #d40f14 transparent;
    border-style: solid;
    border-width: 5px 5px;
	position:absolute;
	top:-10px;
	left:35px;
	z-index:50;
}
header.main nav.main ul li ul li {
	min-width:120px;
	white-space:nowrap;
	padding:7px 5px;
	border-top:1px solid grey;
	border-top:1px solid rgba(23,23,23,0.2);
}
header.main nav.main ul li ul li:first-child {
	border-top:0;
}
header.main nav.main > ul > li:hover .subnavi {
	opacity:1;
	visibility:visible;
}
header.main nav.main ul li ul li a {
	font-size:14px;
	color:#cdcdcd;
	display:block;
	padding:3px 0;
}
header.main nav.main ul li ul li.current > a,
header.main nav.main ul li ul li:hover > a {
	color:#FFF;
}

header.main .partner {
	float:right;
	text-align:right;
}
header.main .partner span {
	font-size:10px;
	line-height:10px;
	display:inline-block;
	margin-bottom:15px;
}
header.main .partner ul {
	list-style:none;
	padding:0;
	margin:0;
}
header.main .partner ul li {
	float:left;
	margin-left:45px;
}
header.main .partner ul li:first-child {
	margin-left:0;
}
header.main .partner ul li img {
	height:35px;
}
header.main .partner ul li:last-child {
	margin-left:40px;
}
header.main .partner ul li:last-child a img {
	height:40px;
}

.navlines{
	display:none;
}

@media only screen and (max-width : 1145px) {
	header.main nav.main > ul > li {
		margin-left:25px;
	}
}
@media only screen and (max-width : 1085px) {
	header.main nav.main > ul > li {
		margin-left:15px;
	}
}
@media only screen and (max-width : 1023px) {
	header.main {
		/*height:100px;*/
		/*padding-top:40px;*/
	}
	header.main nav.main {
		background-color: #2e2e2e;
		
		padding-top: 50px;
		bottom: 0;
		left: -100%;
		position: fixed;
		right: 100%;
		top: 106px;
		transition: left 0.4s ease 0s, right 0.4s ease 0s;
		z-index: 500;
	}
	.header.expanded nav.main {
		bottom: 0;
		left: 0;
		right: 0;
		top: 106px;
	}
	header.main .header nav.main ul {
		font-size: 20px;
		padding: 0;
		text-align: center;
	}
	header.main .header nav.main ul li {
		float: none;
		width: 100%;
		margin:0;
		padding:0;
	}
	header.main .header nav.main ul li a {
		/*padding: 10px 0;*/
		width: 100%;
		display:block;
		color:#FFF;
	}
	header.main .header nav.main ul li:hover > a,
	header.main .header nav.main ul li.active > a {
		color: #d40f14;
	}
	/*Neu start*/
	header.main nav.main {
		overflow:auto;
	}
	header.main .header nav.main > ul > li {
		margin-bottom:20px;
	}
	header.main nav.main ul li .subnavi {
		bottom:auto;
		left:auto;
		position:inherit;
		
		opacity:1;
		visibility:visible;
		background-color:transparent;
	}
	header.main nav.main ul li .subnavi .spitz {
		display:none;
	}
	header.main nav.main ul li ul {
		position:inherit;
		color:#FFF;
		background-color:transparent;
	}
	header.main nav.main ul li ul li {
		border:0;
	}
	header.main .header nav.main ul li ul li a {
		/*padding:5px 0;*/
		line-height:1.2;
	}
	/*Neu ende*/
	header.main .partner {
		float:left;
		margin-left:60px;
		margin-top:-5px;
		margin-bottom:0;
	}
	header.main .partner span {
		display:none;
	}
	
	.navlines {
		float:right;
		overflow: hidden;

		display:block;
	}

	.navlines > span {
		float:left;
		color:#fff;
		font-size:17px;
		text-transform:uppercase;
		line-height:25px;
	}

	.navlines .navicon {
		position:relative;
		color:#fff;
		cursor:pointer;
	}

	.navlines .navicon .menu-title {
		font-size:18px;
		line-height: 25px;
		float: left;
		color:#000;
	}

	.navlines .navicon .lines {
		display:inline-block;
		margin: 0 8px 0;
		cursor:pointer;
		float: right;
		position:relative;
		height:36px;
		width:25px;
	}

	.navlines .navicon .lines > span {
		height:4px;
		background:none repeat scroll 0 0 #000;
		display:block;
		z-index:1;
		transition:transform 0.2s ease, top 0.2s ease, opacity 0.1s ease;
		position:absolute;
		left:0;
		right:0;
	}

	.navlines .navicon .lines > span.first {
		top:9px;
	}
	.navlines .navicon .lines > span.middle {
		top:16px;
	}
	.navlines .navicon .lines > span.last {
		top:23px;
	}


	.header.expanded .lines > span.middle {
		opacity:0;
	}

	.header.expanded .lines > span.first {
		-webkit-transform:translateY(-16px) rotate(45deg);
		transform:translateY(-16px) rotate(45deg);
		top:31px;
	}

	.header.expanded .lines > span.last {
		-webkit-transform:translateY(-16px) rotate(-45deg);
		transform:translateY(-16px) rotate(-45deg);
		top:31px;
	}
}

@media only screen and (max-width : 767px) {
	header.main {
		border-top:0;
		padding-top:0;
		height:50px;
		/*padding-bottom:55px;*/
	}
	.navlines .navicon .lines > span {
		background:none repeat scroll 0 0 #000;
	}
	a.logo {
		margin-bottom:0;
	}
	.header {
		margin-bottom:0;
		padding:7px 0;
	}
	.top .top-center {
		margin:0 auto 0;
	}
	.top a.terminanfrage, 
	.top a.probefahrt {
		padding:0 8px;
		height:36px;
		width:20px;
		
		right:72px;
	}
	.top a.probefahrt {
		right:36px;
	}
	.top a.terminanfrage span, 
	.top a.probefahrt span {
		display:none;
	}
	.top a.terminanfrage:before, 
	.top a.probefahrt:before {
		left:8px;
		top:8px;
	}
	.top a.probefahrt:before {
		top:9px;
	}
	.header-left {
	}
	header.main .partner {
		position:absolute;
		top:46px;
		
		left:20px;
		right:20px;
		margin:0;
	}
	header.main .partner ul li {
		width:25%;
		margin:0;
		padding:0;
		text-align:center;
	}
	header.main .partner ul li:first-child {
		text-align:left;
	}
	header.main .partner ul li:last-child {
		margin:0;
		text-align:right;
	}
	.header.expanded nav.main,
	header.main nav.main	{
		top:50px;
	}
	.navlines .navicon .lines {
		margin:0 0 0 8px;
		width:20px;
	}
}
@media only screen and (max-width : 480px) {
	a.logo {
		width:134px;
		height:20px;
		margin-top:8px;
		background-size:134px auto;
	}
	/*
	header.main {
		height:36px;
		padding-bottom:5px;
	}
	header.main .partner {
		displaY:none;
	}*/
}



/* Emo */
.emo {
	margin-bottom:25px;
	position:relative;
}
.emo .weihnachts-aktion {
	position:absolute;
	top:0;
	left:20px;
	z-index:23;
	
	/*display:none;*/
}
.emo .doanimation {
	/*display:none;*/
}
.emo .neujahrs-aktion {
	position:absolute;
	top:0;
	left:40px;
	z-index:23;
}
/* christmans offer*/
@-webkit-keyframes sway {
  0% {
    -webkit-transform: rotate(8deg); }
  50% {
    -webkit-transform: rotate(-8deg); }
  100% {
    -webkit-transform: rotate(8deg); } 
}
@keyframes sway {
  0% {
    transform: rotate(8deg); }
  50% {
    transform: rotate(-8deg); }
  100% {
    transform: rotate(8deg); } 
}
.emo .doanimation {
	position:absolute;
	top:0;
	left:20px;
	z-index:22;
}
.emo .doanimation .weihnachts-kugel {
	display: block;
	-webkit-animation: sway 2.4s infinite;
	animation: sway 2.4s infinite;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-transform-origin: center top;
	transform-origin: center top;
}
.emo .slider {
	position:relative;
}
.emo .slider .container {
	width:100%;
	overflow:hidden;
}
.emo .slider .container .slide {
	list-style:none;
	padding:0;
	margin:0;
}
.emo .slider .container .slide li {
	display:none;
}
.emo .slider .container .slide li:first-child {
	display:block;
}
.emo .slider.slider-init .container .slide li {
	display:block;
}
.emo .slider.slider-init .container .slide {
	width:50000px;
}
.slider ul.animate {
	-webkit-transition: margin-left 0.4s ease;
    -moz-transition: margin-left 0.4s ease;
    transition: margin-left 0.4s ease;
}
.emo .slider .container .slide li {
	float:left;
	position:relative;
}
.emo .slider .container .slide li img {
	display:block;
	width:100%;
	/*max-height:373px;*/
	height:auto;
}

.emo .emo-text {
	position:absolute;
	left:40px;
	bottom:45px;
}
.emo .emo-text h1,
.emo .emo-text h2 {
	display:inline-block;
	padding:5px 20px;
	margin-bottom:0;
	
	font-size:35px;
	text-transform:none;
	/*color:#171717;*/
	color:#FFF;
	background-color:#d40f14;
	
	float:left;
	clear:both;
}
.emo .emo-text h2 {
	padding:5px 20px;
	
	font-size:25px;
	color:#FFF;
	background-color:#171717;
}

/*marken*/
.emo .dacia .emo-text h1 {
	color:#FFF;
	background-color:#75b600;
}
.emo .dacia .emo-text h2 {
	color:#FFF;
	background-color:#003a9b;
}
.emo .nissan .emo-text h1 {
	font-family:Arial, sans-serif;
	font-size:30px;
	color:#FFF;
	background-color:#c71444;
	text-transform:uppercase;
	padding:7px 25px;
}
.emo .nissan .emo-text h2 {
	font-family:Arial, sans-serif;
	background-color:#353e3f;
	font-size:30px;
	padding:7px 25px;
}
.emo .renault .emo-text h1 {
	font-family:'RenaultLife', Arial, sans-serif;
	font-size:30px;
	font-weight:400;
	color:#000000;
	background-color:#f7b100;
	text-transform:uppercase;
	padding:7px 25px;
}
.emo .renault .emo-text h2 {
	font-family:'RenaultLife', Arial, sans-serif;
	background-color:#353e3f;
	padding:7px 25px;
	text-transform:uppercase;
	color:#FFF;
	font-size:30px;
	font-weight:400;
}
.emo .jeep .emo-text h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:30px;
	color:#232323;
	text-transform:uppercase;
	background-color:#ffad00;
	padding:7px 20px 7px 25px;
}
.emo .jeep .emo-text h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:30px;
	text-transform:uppercase;
	color:#FFF;
	background-color:#353e3f;
	padding:7px 30px 7px 25px;
}



.emo .slider .tabs {
	position:absolute;
	bottom:7px;
	
	width:100%;
	text-align:center;
}
.emo .slider .tabs ul {
	list-style:none;
	padding:0;
	margin:0;
}
.emo .slider .tabs ul li {
	display:inline-block;
}
.emo .slider .tabs ul li {
	width:17px;
	height:17px;
	border-radius:50%;
	margin-left:5px;
	
	background-color:#5b5858;
	background-color:rgba(23,23,23,0.4);
}
.emo .slider .tabs ul li:first-child {
	margin-left:0;
}
.emo .slider .tabs ul li.current,
.emo .slider .tabs ul li:hover {
	background-color:#171717;
}
.emo .slider .tabs ul li a span {
	display:none;
}

@media only screen and (max-width : 990px) {
	.emo .emo-text h1,
	.emo .emo-text h2 {
		font-size:25px;
	}
	.emo .emo-text h2 {
		padding:5px 25px;
		font-size:20px;
	}
}

@media only screen and (max-width : 650px) {
	.emo {
		margin-bottom:15px;
	}
	.emo .emo-text {
		position:relative;
		left:0;
		bottom:0;
		
		display:none; /*muhahaha*/
	}
	.emo .emo-text h1,
	.emo .emo-text h2 {
		display:block;
		padding:3px 20px;
		font-size:22px;
		float:none;
	}
	.emo .emo-text h2 {
		padding:3px 20px;
		
		font-size:15px;
	}
	
	.emo .slider .tabs {
		position:relative;
		bottom:0;
	}
	.emo .slider .tabs li {
		margin-top:20px;
	}
	
	.emo .slider .tabs ul li {
		width:10px;
		height:10px;
	}
}

@media only screen and (max-width : 480px) {
	/*.emo {
		padding-top:20px;
	}*/
}