.site {
	padding-bottom:70px;
	/*padding-top:127px;*/
	padding-top:106px;
}


.site-small {
	/*border-top:1px solid #000;*/
	padding-top:50px;
}


.site-small .subnavi,
.site-small .content {
	float:left;
}
.site-small .subnavi {
	width:26%;
}
.site-small .subnavi h1 {
	padding-bottom:10px;
	border-bottom:1px solid grey;
	border-bottom:1px solid rgba(23,23,23,0.1);
	margin-bottom:7px;
}
.site-small .subnavi h1 a {
	color:#000;
	display:block;
}
.site-small .content {
	width:70%;
	min-height:250px;
	padding-left:4%;
}
.site-small .content img {
	max-width:100%;
	height:auto;
}
.site-small .content a:hover img {
	opacity:0.8;
}
.site-small .content table td img {
	max-width:100%;
	height:auto;
}

@media only screen and (max-width : 1023px) {
	.site {
		padding-top:100px;
	}
}

@media only screen and (max-width : 940px) {
	.site-small .subnavi,
	.site-small .content {
		float:none;
		width:100%;
		padding-left:0;
	}
	
	.site-small .content h1 {
		text-align:center;
		padding:25px 0;
		margin-bottom:0;
	}
}
@media only screen and (max-width : 520px) {
	.site-small .content table td img {
		width:100%;
		height:auto;
	}
}


/*Subnavi*/
.site-small .subnavi ul {
	list-style:none;
	padding:0;
	margin:0;
}
.site-small .subnavi ul li {
	border-bottom:1px solid grey;
	border-bottom:1px solid rgba(23,23,23,0.1);
}
.site-small .subnavi ul li a {
	font-size:14px;
	color:#707070;
	display:block;
	padding:8px 0;
}
.site-small .subnavi ul li.current a,
.site-small .subnavi ul li:hover a {
	color:#000;
}

.site-small .subnavi .mobile-subnavi-header {
	display:none;
}

.site-small.content-all .sidbar {
	display:none;
}
.site-small.content-all .content {
	width:100%;
	padding:0;
}


@media only screen and (max-width : 940px) {
	.site-small {
		padding-top:20px;
	}
	.site-small .subnavi h1 {
		display:none;
	}
	.mobile-subnavi-header > * {
		height: 50px;
		line-height: 50px;
	}
	.site-small .subnavi .mobile-subnavi-header {
		background-color: #d40f14;
		/*display: block;*/
		position: relative;
	}
	.mobile-subnavi-header .toggle {
		cursor: pointer;
		display: block;
		padding-left: 35px;
		position: relative;
	}
	.mobile-subnavi-header .toggle:after {
		content:"";
		display: block;
		position: absolute;
		right: 20px;
		top: 50%;
		
		width:5px;
		height:3px;
		background-image:url(../img/arrow-navi.png);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	.expanded .mobile-subnavi-header .toggle:after {
		background-position:0 -3px;
	}
	.site-small .subnavi > ul {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.45s ease-in-out 0s;
	}
	.site-small .subnavi.expanded > ul {
		max-height: 800px;
	}
	.site-small .subnavi > ul li {
		padding:0;
		margin:0;
	}
	.site-small .subnavi > ul li > a {
		display: block;
		padding: 8px 10px 8px 35px;
	}
}

@media only screen and (max-width : 767px) {
	.site {
		padding-top:50px;
	}
}

@media only screen and (max-width :480px) {
	/*.site {
		padding-top:36px;
	}*/
	.site .site-small {
		border:0;
	}
}

/*jobs*/
.jobs {
	list-style:none;
	padding:0 0 0 10px;
}


/* Standorte */
.content #map {
	padding-top:40%;
}
.content #map img {
	max-width:none;
}
.content .mitgliederliste {
	list-style:none;
	padding:0;
	margin: 50px -2% 0;
}
.mitgliederliste a.standort {
	margin-top:15px;
	padding-left:20px;
	
	position:relative;
	display:inline-block;
}
.mitgliederliste a.standort:before {
	content:" ";
	width:10px;
	height:13px;
	position:absolute;
	left:0;
	top:4px;
	background-image:url(../img/icons/standort-grey.png);
	background-size:10px;
	background-repeat:no-repeat;
}
.content .mitgliederliste li {
	float:left;

    margin: 0 1.92308% 55px;
    width: 29.4872%;
	padding-left:40px;
	box-sizing:border-box;
	position:relative;
}
.content .mitgliederliste li:before {
	content:" ";
	width:20px;
	height:30px;
	background-image:url(../img/icons/marker.png);
	background-repeat:no-repeat;
	background-size:20px auto;
	position:absolute;
	top:-3px;
	left:0;
}

@media only screen and (max-width : 600px) {
	.content .mitgliederliste li {
		width: 46.1538%;
	}
}
@media only screen and (max-width : 400px) {
	.content .mitgliederliste li {
		width: 100%;
		margin:0 10px 20px;
	}
}

/*Team*/
.team {
	padding-top:25px;
	border-bottom:1px solid rgba(23,23,23,0.1);
}
.team ul {
	list-style:none;
	padding:0;
}
.team ul li {
	float:left;
	margin:0 0 0 11%;
	padding-bottom:60px;
	width:26%;
	text-align:center;
}
.team ul li:first-child,
.team ul li:nth-child(3n+1) {
	margin-left:0;
	clear:both;
}
.team ul li img {
	display:block;
    border-radius: 50%;
	margin-bottom:15px;
}

@media only screen and (max-width : 767px) {
	.team ul li {
		width:30%;
		margin:0 10%;
	}
	.team ul li:first-child,
	.team ul li:nth-child(3n+1) {
		margin:0 10%;
		clear:none;
	}
	.team ul li:nth-child(2n+1){
		clear:both;
	}
	.team ul li img {
		margin: 0 auto 15px;
	}
}
@media only screen and (max-width : 480px) {
	.team ul li {
		width: 100%;
		margin:0 0 20px;
	}
	.team ul li:first-child,
	.team ul li:nth-child(3n+1) {
		margin:0 0 20px;
	}
	.team ul li:nth-child(2n+1){
		clear:none;
	}
}

/*Marken*/
.marken {
	list-style:none;
	padding:0;
}
.marken li {
	float:left;
	width:25%;
	padding:0 35px;
	box-sizing:border-box;
	
	text-align:center;
}
.site-small .content  .marken li img {
	display:block;
}

@media only screen and (max-width : 480px) {
	.marken li {
		width: 50%;
		margin-bottom:35px;
	}
}


/*Standort Adresse/Öffnungszeiten*/
.standort-detail {
	padding:60px 0;
}
.standort-detail ul {
	list-style:none;
	padding:0;
	margin: 0 -2%;
}
.standort-detail ul li {
	float:left;
	
	margin: 0 2%;
    width: 30%;
	padding-left:40px;
	box-sizing:border-box;
	position:relative;
}
.standort-detail ul li.oeffnungszeiten {
	width:60%;
}
.standort-detail ul li:before {
	content:" ";
	width:20px;
	height:30px;
	background-repeat:no-repeat;
	background-size:20px auto;
	position:absolute;
	top:-3px;
	left:0;
}
.standort-detail ul li.adresse:before {
	background-image:url(../img/icons/marker.png);
}
.standort-detail ul li.oeffnungszeiten:before {
	background-image:url(../img/icons/clock.png);
}

@media only screen and (max-width : 940px) {
	.standort-detail ul li,
	.standort-detail ul li.oeffnungszeiten	{
		width: 46.1538%;
		margin: 0 1.92308%;
	}
}
@media only screen and (max-width : 650px) {
	.standort-detail ul li,
	.standort-detail ul li.oeffnungszeiten	{
		width: 100%;
		margin:0 0 20px;
		padding:0;
		text-align:center;
	}
	.standort-detail ul li.adresse:before,
	.standort-detail ul li.oeffnungszeiten:before	{
		background:none;
	}
}


.slider-gallery {
	margin-bottom: 65px;
}
.slider-gallery {
	position:relative;
}
.slider-gallery .container {
	width:100%;
	overflow:hidden;
}
.slider-gallery .container .slide {
	list-style:none;
	padding:0;
	margin:0;
}
.slider-gallery.slider-init .container .slide {
	width:50000px;
}
.slider-gallery ul.animate {
	-webkit-transition: margin-left 0.4s ease;
    -moz-transition: margin-left 0.4s ease;
    transition: margin-left 0.4s ease;
}
.slider-gallery .container .slide li {
	float:left;
}
.slider-gallery .container .slide li img {
	display:block;
	width:100%;
	max-height:373px;
}

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


.standort-map {
	margin-bottom:65px;
}
.standort-map img {
	display:block;
}


/*Kontaktformular*/
.contact-form {
}
.contact-form dl {
}
.contact-form dt,
.contact-form dd {
	float:left;
	padding:0;
	margin:0 0 8px;
}
.contact-form dt {
	width:25%;
	padding-right:5%;
}
.contact-form dd {
	width:70%;
}
.contact-form dd input,
.contact-form dd textarea {
	width:100%;
	padding:3px 10px 3px 15px;
	border:1px solid #e9e9e9;
	border-radius:0;
	box-sizing:border-box;
	
	background-color:#e9e9e9;
}
.contact-form dd input:focus,
.contact-form dd textarea:focus {
	border:1px solid #d40f14;
}
.contact-form dd input {
	height:32px;
}
.contact-form dd textarea {
	min-height:130px;
	padding:5px 10px 5px 15px;
}
.contact-form dd button {
	float:right;
}


@media only screen and (max-width : 650px) {
	.contact-form dt,
	.contact-form dd {
		float:none;
		width:100%;
		padding:0;
		margin-bottom:4px;
	}
	.contact-form dd { 
		margin-bottom:15px;
	}
}



/*Popup Form*/
.content .form-terminanfrage ul,
.content .form-probefahrt ul {
	list-style:none;
	padding:0;
}
.content .form-terminanfrage ul li input,
.content .form-terminanfrage ul li textarea,
.content .form-terminanfrage ul li select,
.content .form-probefahrt ul li input,
.content .form-probefahrt ul li textarea,
.content .form-probefahrt ul li select {
	width:100%;
	padding:3px 10px 3px 15px;
	border:1px solid #e9e9e9;
	border-radius:0;
	box-sizing:border-box;
	margin-bottom:10px;
	
	background-color:#e9e9e9;
}
.content .form-terminanfrage ul li input:focus,
.content .form-terminanfrage ul li textarea:focus,
.content .form-terminanfrage ul li select:focus,
.content .form-probefahrt ul li input:focus,
.content .form-probefahrt ul li textarea:focus,
.content .form-probefahrt ul li select:focus {
	border:1px solid #d40f14;
}
.content .form-terminanfrage ul li input,
.content .form-probefahrt ul li input {
	height:32px;
}
.content .form-terminanfrage ul li textarea,
.content .form-probefahrt ul li textarea {
	min-height:130px;
	padding:5px 10px 5px 15px;
}


/*Mietform steps*/
.steps {
	margin-bottom:55px;
}
.steps ul {
	list-style:none;
	padding:0;
	margin:0;
}
.steps ul li {
	/*width:30%;*/
	width:48%;
	margin-left:4%;
	float:left;
}
.steps ul li:first-child {
	margin-left:0;
}
.steps ul li h2 {
	padding-left:75px;
	position:relative;
}
.steps ul li h2:before {
	content:"1";
	
	width:54px;
	height:54px;
	padding-top:10px;
	border-radius:50%;
	box-sizing:border-box;
	
	position:absolute;
	left:0;
	top:-16px;
	
	font-size:25px;
	font-weight:600;
	color:#FFF;
	text-align:center;
	background-color:#cac9c5;
}
.steps ul li.current h2:before {
	color:#000;
	background-color:#d40f14;
}
.steps ul li:nth-child(2) h2:before {
	content:"2";
}

.step1 .form-navigation .button,
.step2 .form-navigation .button,
.step3 .form-navigation .button {
	float:right;
}
.step1 .form-navigation .button:first-child,
.step2 .form-navigation .button:first-child,
.step3 .form-navigation .button:first-child {
	float:left;
}

/*Mietform*/
.reservations-form.onlyStep1 .step1,
.reservations-form.onlyStep2 .step2 {
	display:block;
}
.reservations-form.onlyStep1 .step2,
.reservations-form.onlyStep2 .step1 {
	display:none;
}
.reservations-form dl {
	padding-bottom:25px;
	border-bottom:1px solid #ececec;
	border-bottom:1px solid rgba(0, 0, 0, 0.1);
	margin:25px 0;
}
.reservations-form dt,
.reservations-form dd {
	float:left;
	padding:0;
	margin:0 0 8px;
}
.reservations-form dt {
	width:25%;
	padding-right:5%;
	clear:both;
}
.reservations-form dd {
	width:70%;
}
.reservations-form .konfigurator dt {
	width:43%;
	padding-right:2%;
}
.reservations-form .konfigurator dd {
	width:55%;
}
.reservations-form .konfigurator dd p {
	text-align:right;
	padding-top:25px;
}
.reservations-form .optionen dt {
	width:85%;
	padding-right:2%;
}
.reservations-form .optionen dd {
	width:13%;
	text-align:right;
}
.reservations-form .optionen dt table td {
	vertical-align:top;
}
.reservations-form .optionen dt table td:first-child {
	padding-right:15px;
}
.reservations-form dd input,
.reservations-form dd textarea,
.reservations-form dd select {
	width:100%;
	padding:3px 10px 3px 15px;
	border:1px solid #e9e9e9;
	border-radius:0;
	box-sizing:border-box;
	
	background-color:#e9e9e9;
}
.reservations-form dd input:focus,
.reservations-form dd textarea:focus {
	border:1px solid #d40f14;
}
.reservations-form dd input {
	height:32px;
}
.reservations-form dd textarea {
	min-height:130px;
	padding:5px 10px 5px 15px;
}
.reservations-form dd button {
	float:right;
}


@media only screen and (max-width : 650px) {
	.reservations-form dt,
	.reservations-form dd {
		float:none;
		width:100%;
		padding:0;
		margin-bottom:4px;
	}
	.reservations-form dd { 
		margin-bottom:15px;
	}
	.reservations-form .konfigurator dt,
	.reservations-form .konfigurator dd,
	.reservations-form .optionen dt,
	.reservations-form .optionen dd {
		float:none;
		width:100%;
		padding:0;
		margin-bottom:4px;
	}
	.reservations-form .konfigurator dd,
	.reservations-form .optionen dd {
		margin-bottom:15px;
	}
}

@media only screen and (max-width : 480px) {
	.step1 .button,
	.step2 .button,
	.step3 .button {
		font-size:12px;
		padding:8px 8px;
	}
}


/*Galerie*/
.gallery {
	margin-top:40px;
}
.gallery .galerie {
	list-style:none;
	padding:0;
	margin:0;
}
.gallery .galerie li {
	float:left;
	width:32%;
	padding-left:2%;
	padding-bottom:15px;
}
.gallery .galerie li:first-child,
.gallery .galerie li:nth-child(3n+1) {
	padding-left:0;
	clear:both;
}
.gallery .galerie li img {
	width:100%;
	display:block;
}

@media only screen and (max-width : 480px) {
	.gallery .galerie li {
		width:48%;
		padding-left:4%;
	}
	.gallery .galerie li:nth-child(3n+1) {
		padding-left:4%;
		clear:none;
	}
	.gallery .galerie li:nth-child(2n+1) {
		padding-left:0;
		clear:both;
	}
}


/*Partner*/
ul.partner {
	list-style:none;
	padding:0;
	margin-left:0;
}
ul.partner li {
	width:22%;
	padding-left:4%;
	padding-bottom:15px;
	float:left;
}
ul.partner li:first-child,
ul.partner li:nth-child(4n+1) {
	clear:both;
	padding-left:0;
}

@media only screen and (max-width : 480px) {
	ul.partner li {
		width:48%;
	}
	ul.partner li:nth-child(4n+1) {
		clear:none;
		padding-left:4%;
	}
	ul.partner li:first-child,
	ul.partner li:nth-child(2n+1) {
		clear:both;
		padding-left:0;
	}
}


.news-overview {
	list-style:none;
	padding:0;
	margin-left:0;
}
.news-overview li {
	padding-bottom:15px;
}


.image img {
	display:block;
	max-width:100%;
}



/*Partner*/
.partner-garagen,
.partner-garagen ul {
	list-style:none;
	padding:0;
	margin:0;
}
.partner-garagen > li {
	border-bottom:3px solid #d40f14;
}
.partner-garagen > li:first-child {
	border-top:3px solid #d40f14;
}
.partner-garagen ul li {
	width:28%;
	float:left;
	padding: 15px 0 15px 2%;
}
.partner-garagen ul li:first-child {
	width:30%;
	padding-right:10%;
	padding-left:0;
}
.partner-garagen ul li img {
	padding-top:4px;
}

@media screen and (max-width:767px) {
	.partner-garagen ul li {
		width:48%;
		padding:10px 4% 10px 0;
	}
	.partner-garagen ul li:first-child {
		width:100%;
		/*padding:0;*/
	}
	.partner-garagen ul li:last-child {
		padding:10px 0;
	}
	.site-small .content .partner-garagen ul li img {
		max-width:320px;
		height:auto;
		padding:10px 0 0;
	}
}
@media screen and (max-width:480px) {
	.partner-garagen ul li {
		width:100%;
		padding:0;
		float:none;
	}
	.partner-garagen ul li:first-child {
		padding:10px 0 0;
	}
	.partner-garagen ul li:last-child {
		padding:0 0 10px;
	}
	.site-small .content .partner-garagen ul li img {
		padding:10px 0;
	}
}
@media screen and (max-width:380px) {
	.site-small .content .partner-garagen ul li img {
		max-width:100%;
	}
}



/*Angebot der Woche*/
.offer {
	list-style:none;
	padding:0;
}
.offer li {
	margin:0 0 25px;
}
.offer li .offer-image,
.offer li .offer-content {
	float:left;
}
.offer li .offer-image {
	width:45%;
	margin-right:5%;
}
.offer li .offer-content {
	width:50%;
}
.offer li .offer-image img {
	max-width:100%;
	height:auto;
	display:block;
}
.offer li .offer-content h2 a {
	color:#D40F14;
}
.offer li .offer-content h2 a:hover {
	color:#000;
}

@media screen and (max-width:520px) {
	.offer li .offer-image,
	.offer li .offer-content {
		float:none;
		width:100%;
		margin:0;
	}
	.offer li .offer-image {
		margin-bottom:15px;
	}
}


.finanzierungspartner {
	list-style:none;
	padding:10px 0 0;
	margin:0;
}
.finanzierungspartner li {
	float:left;
	width:32%;
	padding-left:2%;
	padding-bottom:20px;
}
.finanzierungspartner li:first-child,
.finanzierungspartner li:nth-child(3n+1) {
	padding-left:0;
	clear:both;
}
.finanzierungspartner li img {
	max-width:100%;
	height:auto;
	display:block;
}

@media screen and (max-width:520px) {
	.finanzierungspartner li {
		width:49%;
		padding-bottom:15px;
	}
	.finanzierungspartner li:nth-child(3n+1) {
		padding-left:2%;
		clear:none;
	}
	.finanzierungspartner li:first-child,
	.finanzierungspartner li:nth-child(2n+1) {
		padding-left:0;
		clear:both;
	}
}