@charset "utf-8";
/* CSS  ECAS */

/* *************************************************************************************************************** */
/* ############################################# GLOBAL DEFINITIONS ############################################## */
/* *************************************************************************************************************** */

/*@font-face {
    font-family: 'Barlow Semi Condensed';
    src: url('font/BarlowSemiCondensed-SemiBold.eot');
    src: url('font/BarlowSemiCondensed-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('font/BarlowSemiCondensed-SemiBold.woff2') format('woff2'),
        url('font/BarlowSemiCondensed-SemiBold.woff') format('woff'),
        url('font/BarlowSemiCondensed-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
    src: url('font/BarlowSemiCondensed-Light.eot');
    src: url('font/BarlowSemiCondensed-Light.eot?#iefix') format('embedded-opentype'),
        url('font/BarlowSemiCondensed-Light.woff2') format('woff2'),
        url('font/BarlowSemiCondensed-Light.woff') format('woff'),
        url('font/BarlowSemiCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
    src: url('font/BarlowSemiCondensed-Thin.eot');
    src: url('font/BarlowSemiCondensed-Thin.eot?#iefix') format('embedded-opentype'),
        url('font/BarlowSemiCondensed-Thin.woff2') format('woff2'),
        url('font/BarlowSemiCondensed-Thin.woff') format('woff'),
        url('font/BarlowSemiCondensed-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Semi Condensed';
    src: url('font/BarlowSemiCondensed-Regular.eot');
    src: url('font/BarlowSemiCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/BarlowSemiCondensed-Regular.woff2') format('woff2'),
        url('font/BarlowSemiCondensed-Regular.woff') format('woff'),
        url('font/BarlowSemiCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}*/

* {
	box-sizing: border-box;
	outline: none;
}

html{}

body{
	font-size:1.2rem;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #fff;
	background: #1a1a1a;
	overflow-x: hidden;
	text-transform: lowercase!important;
}

h1,h2,h3,h4{
	word-break: break-word;
}

#footer ul{
	list-style-type: none;
}

button, select{
	text-transform: lowercase!important;
}
::placeholder{
	text-transform: lowercase;
}
a{
	text-decoration:none;
}

a .fa-whatsapp{
	color: #1be87b;
}

a:hover{
	color: rgb(255, 96, 0);
}

p {
	line-height: 22px;
}

table{
	width: 100%;
}

button{
	font-size: 14px;
}

img,
video{
	max-width: 100%;
	height: auto;
}

b, strong{
	font-weight: 600;
}

.form-check-input.unchecked:checked[type=checkbox] {
	background-image: none;
}

.WhatsApp{
	margin-top:1rem;
}

.WhatsApp1{
	margin-top: -1rem;
	margin-bottom: 1rem;
}

.openingTime {
	color: #fff;
	font-size: 1.8rem;
	padding-top: 1.4rem;
}

@media (max-width:1585px){
	.openingTime {
		font-size: 1.8vw;
		padding-top: 3.4rem;
	}
}

@media (max-width:460px){
	.openingTime {
		font-size: 3.5vw;
	}

}

.rich-content{
	padding-top: 60px;
}

/* Alert Overlay */

.box {
	width: 40%;
	margin: 0 auto;
	background: rgba(255,255,255,0.2);
	padding: 35px;
	border: 2px solid #fff;
	border-radius: 20px/50px;
	background-clip: padding-box;
	text-align: center;
}

.overlay {
	position: fixed;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	display: none;
	opacity: 0;
	align-items: center;
	z-index: 1002;
	overflow-y: hidden;
}

@media (max-width:992px){
	.overlay {
		max-height: calc(100vh);
		overflow-y: auto;
	}
}

iframe{
	height: 100vh;
}

.overlay iframe{
	height: auto;
}

.g-recaptcha iframe{
	height: auto;
	max-height: 77px;
}

/*iframe{
	display: block;
	height: 100vh;
	width: 100vw;
	border: none;
}*/

.overlay:target {
	visibility: visible;
	opacity: 1;
	display: initial;
}

.popup {
	top: 0;
	display: block;
	margin: 0 auto;
	padding: 2rem;
	background: #1a1a1a;
	border-radius: 0;
	width: 30%;
	position: relative;
	transition: all 5s ease-in-out;

}

@media (max-width:992px){
	.popup {
		overflow-y: scroll;
	}
}

@media screen and (max-width: 1000px){
	.popup{
		width: 70%;
		margin: auto;
	}
}

@media (max-width:570px){
	.popup {
		overflow-y: scroll;
		width: 100%;
		max-height: calc(100vh - 40px);
		top: 50%;
		transform: translateY(-50%);
	}
}

@media screen and (max-width: 390px){
	.popup{
		padding: 2rem 2rem 4rem 2rem;
	}
}

.modal.VehiclePictures .modal-content{
	max-width: 88rem;
}

.modal.VehiclePictures .modal-content img{
	width:100%;
	margin-bottom:2rem;
}

.modal.VehiclePictures .modal-content img:last-child{
	margin-bottom: 0;
}

@media (max-width:1500px){
	.modal.VehiclePictures .modal-content{
		max-width: 80%;
	}
}

@media screen and (max-width: 800px){
	.modal.VehiclePictures .modal-content{
		max-width: 100%;
	}
}

@media (max-width:430px){
	.modal.VehiclePictures .modal-header h2{
		font-size: 1.5rem;
		line-height: 3rem;
	}
}

.popup .vModel{
	word-wrap: break-word;
}

.popup h2 {
	margin-top: 0;
	color: #ff600f;
}
.popup .close {
	position: absolute;
	top: 10px;
	right: 30px;
	transition: all 200ms;
	font-size: 40px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

.loginPopup{
	color: #ffffff;
	background-color: #ff6000;
	padding: 7px;
	text-align: center;
	position: absolute;
	right: 30%;
	left: 30%;
}

.loginPopup:hover {
    color: #ffffff;
}

a.dropdown-item.tradexIcon::before {
    content: url(/img/Tradex_X_freigestellt_15.png);
    padding-right: 5px;
}
a.loginPopup.tradexIcon::before {
    content: url(/img/Tradex_X_freigestellt_15.png);
    padding-right: 5px;
}

.popup .content {
	white-space: initial;
}

#popupVehiclePictures img{
	margin-bottom: 2rem;
}

#popupVehiclePictures img:last-child{
	margin-bottom: 0rem;
}

#popupEmail .popup .content{
	max-height: initial;
}

#popupShare .popup .content{
	max-height: initial;
	overflow: hidden;
}

#vehicleDetail #popupEmail input[type="text"],
#popupEmail input[type="text"]{
	margin-bottom: 10px;
	background: #fff;
}

#vehicleDetail #popupShare input[type="text"],
#popupShare input[type="text"]{
	margin-bottom: 10px;
	background: #fff;
}

#vehicleDetail #popupEmail input,
#popupEmail input,
#popupEmail textarea{
	width: 100%;
	max-width: 100%;
}

#vehicleDetail #popupShare input,
#popupShare input,
#popupShare textarea{
	width: 100%;
	max-width: 100%;
}

#vehicleDetail #popupEmail input[type="checkbox"],
#popupEmail input[type="checkbox"],
#vehicleDetail #popupShare input[type="checkbox"],
#popupShare input[type="checkbox"]{
	width: 1em;
	line-height: 1em;
	height: 1.3em;
	margin-right: 0.5rem;
	max-width: initial;
}

#popupEmail textarea{
	height: 100px;
	border-radius: 0;
}
#popupShare textarea{
	height: 100px;
	border-radius: 5px;
}

#popupVehiclePictures img{
	margin-bottom: 2rem;
}

#popupVehiclePictures img:last-child{
	margin-bottom: 0rem;
}

.greyBG{
	background: #21252a;
	padding: 0.5rem 1rem 1rem;
	font-size: 1.5rem;
	line-height: 1.8rem;
	position: relative;
	margin-top: 1rem;
}

.greyOutline{
	background: rgb(255, 96, 0);
	padding: 10px;
	color: #fff;
	margin-bottom: 1rem;
}

.greyBG span{
	margin-bottom: 10px;
	display: inline-block;
	color: #fff;
}

#popupEmail button{
	margin-top: 10px;
	float: initial;
}
#popupShare button{
	margin-top: 10px;
	float: initial;
}

@media screen and (max-width: 1000px){
	.box{
		width: 70%;
	}
}

/* HEADLINES */

h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	margin:0px;
	padding:0px;
}

h1{
	font-size:35px;
	text-align: center;
	font-weight: 300;
	padding-top:20px;
	padding-bottom:35px;
}

h2{
	font-size: 25px;
	text-align: center;
	padding-bottom: 20px;
	color: #696969;
}

h3{
	font-size:20px;
	text-align: center;
}

/* LIST PACKAGES & PACKAGES DETAILS */

h5 {
	box-sizing:border-box;
	overflow: hidden;
	padding: 0px;
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	margin: 20px 0 0 0;
	cursor:pointer;
}

.packages h5 div:nth-child(1){
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}

.packages h5 div:nth-child(1) > span:first-child{
	font-size: 24px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.packages h5 div:nth-child(1) span:nth-child(2){
	color: #000;
	font-size: 19px;
}

.packages h5 div:nth-child(2){
	padding: 5px 10px;
	background:#f1f1f1;
	color: #919191;
	font-size: 14px;
}

.packages h5{
	width:100%;
	position: relative;
}
.packages h5 span:nth-child(2),
.packages h5 span:nth-child(3){
	font-size: 14px;
}

.packages h5 span:nth-child(2){
	text-align: right;
}

.packages h5 div:nth-child(1) > span:nth-child(1):before{
	font-family: "Font Awesome 5 Solid";
	content: "\f1b2";
	display: none;
}

.packages h5 div:nth-child(1) > span:nth-child(1) svg{
	margin-right: 10px;
	font-weight: normal;
}


.packages h5 div:nth-child(2) span.packageButton:after{
	font-family: "Font Awesome 5 Solid";
	content: "\f0d7";
	display: none;
}

.packages h5 div:nth-child(2) span.packageButton svg{
	margin-left: 10px;
	font-size: 16px;
}

.packages h5 div:nth-child(2) span.packageButton.active:after{
	content: "\f0d8";
}

.packages h5 a{
	color:#fff;
}

.switcher{
	display:none;
	float: left;
	background: #f1f1f1;
	padding: 0 10px;
	width: 100%;
}

.hautp_reaser .button.small{
	width: auto;
	margin: 20px 0 0 0;
}

.denied,
.warning,
.success{
	color: #fff;
	padding: 10px;
	margin-bottom: 20px;
}

.denied{
	background:#d10404;
}

.warning{
	background:#ec971f;
}

.denied span:before,
.warning span:before{
	font-family: "Font Awesome 5 Solid";
	content: "\f071";
	display: none;
}

.denied span svg,
.warning span svg{
	margin-right: 10px;
}

.success{
	background:#22b14c;
}

.success span:before{
	font-family: "Font Awesome 5 Solid";
	content: "\f00c";
	display: none;
}

.success span svg{
	margin-right: 10px;
}



/* FORM TAGS */

.form-control{
	line-height: 2.2;
	border-radius: 0;
	border: 2px solid #ff600f;
}

.rc-anchor{
	border-radius: 0;
}

form{
	margin: 0;
}

input{
	padding: 0 10px;
	line-height: 41px;
	height: 41px;
}

input[type="text"],
input[type="password"]{
	margin-bottom: 1rem;
	position: relative;
	font-family: inherit;
	font-size: 1rem;
	border: 2px solid #ff600f;
	background: #fff;
	color: #4d4d4d;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	border-radius: 0;
	width: 100%;
}

textarea{
	border-radius: 0;
	width: 100%;
	font-size: 1rem;
	line-height: 1rem;
	border: 2px solid #ff600f;
	padding:10px;
	min-height: 100px;
}

.WhatsApp img {
	width: 2rem;
	transform: translateX(-50%);
	left: 50%;
	position: relative;
}

.graphical-text input{
	width:95%;
}

input[type="radio"] {
	border-radius: 100%;
	padding: 10px;
	height: 15px;
}

input{
	font-family: inherit;
	font-size: inherit;
	margin: 0;
	border:1px solid #C9D3DF;
	background: #fff;
	color: #4d4d4d;
}


span.form_red {
	color: #EE8701;
}

/* GRAPHICAL SELECT */

.graphical-select,
.graphical-text input{
	cursor:pointer;
	width: 95%;
}


.graphical-select ul{
	background:#fff;
	border-left:1px solid #C9D3DF;
	border-right:1px solid #C9D3DF;
	border-bottom:1px solid #C9D3DF;
	list-style:none;
	padding:0 10px 10px 10px;
	margin:0;
	position:absolute;
	z-index:999;
	left:-1px;
	right:-1px;
	top: 23px;
	font-size: 10px;
}

.graphical-select div,
.graphical-text div,
.graphical-text input{
	position:relative;
	font-family: inherit;
	font-size: 1rem;
	margin: 0;
	border:2px solid #ff600f;
	background: #fff;
	color: #4d4d4d;
	height: 30px;
	line-height: 30px;
	padding:0 10px;
	border-radius: 0;
	width: 100%;
}

#quickLinks2 .graphical-select div{
	background: rgba(255,255,255,0.8);
}

.graphical-select div span,
.graphical-text div span{
	display:block;
	height: 25px;
	padding-right: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.graphical-select div span:after{
	font-family: "Font Awesome 5 Solid";
	content: "\f0d7";
	display: none;
}

.graphical-select div span svg {
	right: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

/* CHECKBOXES */

i.checkbox{
	height: 18px;
	width: 18px;
	display: inline-block;
	margin-right: 5px;
}

i.checkbox:before{
	font-family: "Font Awesome 5 Solid";
	content: "\f04d";
	display: none;
}

i.checkbox svg{
	color: #b4b4b4;
	font-style: normal;
	font-size: 18px;
}

i.checkbox.active:before{
	content: "\f14a";
	margin-right: 4px;
}

/* RADIOS */

i.radio{
	height: 18px;
	width: 18px;
	display: inline-block;
	margin-right: 5px;
}

i.radio:before{
	font-family: "Font Awesome 5 Solid";
	content: "\f111";
	display: none;
}

i.radio svg{
	color: #b4b4b4;
	font-style: normal;
	font-size: 18px;
}

i.radio.active:before{
	content: "\f192";
	display: none;
}

i.radio.active svg{
	margin-right: 5px;
}

.clear{
	clear:both;
	padding:0;
	margin:0;
}

.wrapper{
	position:relative;
}

.plattformLogo img {
	width: 236px;
	float: right;
}
.vehicleListLang img {
	width: 20px;
}

/* *************************************************************************************************************** */
/* ################################################### LOGIN ##################################################### */
/* *************************************************************************************************************** */

.MainWindow{
	position:absolute;
	z-index:999;
	top:0;
	left:0;
	bottom:0;
	background: #fff;
	width: 100%;
}

.MainWindow.ShowMenu{
	top:130px;
}

#LoginLayer #back-top{
	display: none;
}

.LayerHead {
	box-sizing: border-box;
	margin: 0;
	width: 100%;
}

.LoginBoxTop{
	margin-bottom:15px;
}

.LoginBoxTop .text{
	font-size: 22px;
	float:left;
}

.LoginBoxTop div:nth-child(2){
	float:right;
}

#LoginLayer .centerBox {
	background: #fbfbfb none repeat scroll 0 0;
	clear: both;
	margin: 8% auto;
	padding: 40px;
	position: relative;
	max-width:560px;
	border:1px solid #d3d3d3;
	font-size: 14px;
}

#LoginLayer #msg_login{
	color:#6c7073;
	margin-bottom:20px;
}

#LoginLayer input[type="text"],
#LoginLayer input[type="password"]{
	width:100%;
	margin-bottom:10px;
}

#LoginLayer .Buttons{
	margin-top:35px;
	float: left;
	width:100%;
}

#LoginLayer .Buttons div{
	float: left;
}

#LoginLayer .Buttons div:nth-child(2){
	float:right;
}

#LoginLayer #footer{
	position: absolute;
	width: 100%;
	bottom: 0;
}

#LoginLayer .stay-logged-in{
	margin-top: 5px;
}

#LoginLayer .stay-logged-in input{
	margin-top: 2px;
}

#LoginLayer .stay-logged-in input,
#LoginLayer .stay-logged-in span{
	float: left;
}

#LoginLayer .stay-logged-in span{
	margin: 0px 0 0 5px;
	width: 90%;
}

.center a {
	display: block;
	float: left;
	margin: 20px 30px;
	padding: 10px;
}

.center a:first-child,
.center a:last-child{
	margin: 20px 0;
}

/* *************************************************************************************************************** */
/* ################################################ MESSAGES ##################################################### */
/* *************************************************************************************************************** */

#err-msg,
#contact-main_err{
	background:#d80000;
	color: #fff;
	font-size: 14px;
	padding: 5px;
	margin-bottom: 20px;
}

/* *************************************************************************************************************** */
/* ################################################ BUTTONS ###################################################### */
/* *************************************************************************************************************** */

.buttonBar{
	margin:40px 0;
	width: 100%;
	padding:0;
	float: left;
}

.button.small.gardient2.l50,
.button.small.gardient2.m50,
.button.small.gardient2.s50,
.button.small.white.l50,
.button.small.white.m50,
.button.small.white.s50{
	min-width: 50%;
}

.button{
	cursor: pointer;
}

.button.small	{
	padding:0px 10px;
	display: block;
	height: 30px;
	border:none;
	color: #fff;
	margin-bottom: 5px;
	line-height:30px;
	cursor: pointer;
}

.button.small:hover	{
	opacity: 0.5;
}

.button.small > span{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.button.small span		{
	font-family: Verdana, Geneva, sans-serif;
	position: relative;
	text-align: left;
	border: none;
	float: left;
}

/* BUTTON BACKWARDS */

.button.small.backwards{
	background: #e4e4e7;
	background: -moz-linear-gradient(top, #e4e4e7 0%, #fcfcfc 100%);
	background: -webkit-linear-gradient(top, #e4e4e7 0%,#fcfcfc 100%);
	background: linear-gradient(to bottom, #e4e4e7 0%,#fcfcfc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e7', endColorstr='#fcfcfc',GradientType=0 );
	border: 1px solid #dfdfe2;
}

.button.small.backwards span{
	color: #fff;
	margin-top:-1px;
}

.button.small.backwards span{
	color: #000;
}

.button.small.backwards span::before{
	font-family: "Font Awesome 5 Solid";
	content: "\f0d9";
	display: none;
}

.button.small.backwards span svg{
	margin-right: 10px;
	font-size:18px;
	vertical-align: middle;
}

/* BUTTON FORWARDS */

.button.small.forwards span{
	color: #fff;
	font-weight: normal;
}

.button.small.forwards::after {
	font-family: "Font Awesome 5 Solid";
	content: "\f0da";
	display: none;
}

.button.small.forwards svg {
	font-size:18px;
	vertical-align: middle;
	float: right;
	margin-left: 10px;
	margin-top: 5px;
}

/* BUTTON FORWARDS GREY */

.button.small.forwards.grey{
	background: #e4e4e7;
	background: -moz-linear-gradient(top, #e4e4e7 0%, #fcfcfc 100%);
	background: -webkit-linear-gradient(top, #e4e4e7 0%,#fcfcfc 100%);
	background: linear-gradient(to bottom, #e4e4e7 0%,#fcfcfc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e7', endColorstr='#fcfcfc',GradientType=0 );
	border: 1px solid #dfdfe2;
}

.button.small.forwards.grey span{
	color: #000;
}

.button.small.forwards.grey.active span{
	color: #fff;
}

.button.small.forwards.grey::after{
	font-family: "Font Awesome 5 Solid";
	content: "\f0da";
	display: none;
}

.button.small.forwards.grey svg{
	font-size:18px;
	vertical-align: middle;
	float: right;
	color:#000;
}

#mini_vehiclesFound {
	font-weight: bold;
	padding: 0 4px;
}

.button.small.forwards.grey.active::after{
	color: #fff;
}

/* BACK LINK */

.back-link{
	padding: 1.5rem 1.5rem 0 1.5rem ;
	margin-top:1.0rem;
}

.back-link a:hover{
	color: rgb(255, 96, 0);
}

@media screen and (max-width:520px) {
	.back-link{
		padding: 1.5rem 0 0 10px;
	}

	@supports (-webkit-touch-callout: none) {
		.back-link{
			padding: 3.5rem 0 0 10px;
		}
	}

	@supports not (-webkit-touch-callout: none) {
		.back-link{
			padding: 1.5rem 0 0 10px;
		}
	}

}

.back-link span i{
	margin-right: 0.2rem;
	font-size: 0.8rem;
	margin-bottom: 0.1rem;
	vertical-align: middle;
}

/* BUTTON MENU */

.button.small.menu{
	background: #e4e4e7;
	background: -moz-linear-gradient(top, #e4e4e7 0%, #fcfcfc 100%);
	background: -webkit-linear-gradient(top, #e4e4e7 0%,#fcfcfc 100%);
	background: linear-gradient(to bottom, #e4e4e7 0%,#fcfcfc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e7', endColorstr='#fcfcfc',GradientType=0 );
	border: 1px solid #dfdfe2;
}

.button.small.menu:hover{
	opacity: 1;
	color: #fff;
}

.button.small.menu:hover span{
	color: #fff;
}

.button.small.menu.active span{
	color: #fff;
}

.button.small.menu span{
	color: #000;
	margin-top:-1px;
}

.button.small.menu span::before{
	font-family: "Font Awesome 5 Solid";
	content: "\f0da";
	display: none;
}

.button.small.menu span svg{
	margin-right: 10px;
	font-size:18px;
	vertical-align: middle;
	color: #fff;
	width: 18px;
}

/* ****************************************************************************************************************** */
/* ################################################ QUICKLINKS ###################################################### */
/* ****************************************************************************************************************** */

.QuicklinkBackground {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%) repeat scroll 0 0;
	padding: 10px 20px;
}

#quickLinks{
	margin-bottom:40px;
	float: left;
}

#quickLinks2 .QuicklinkBackground {
	padding: 10px 20px 10px 0px;
}

#quickLinks2 .QuicklinkBackground {
	height: 60px;
}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	position: relative;
	font-family: inherit;
	font-size: 1rem;
	margin: 0;
	border: 2px solid #ff6000;
	background: #fff;
	color: #4d4d4d;
	height: 30px;
	/* line-height: 30px;*/
	padding: 0 10px;
	border-radius:0;
	width: 100%;
	z-index: 2;
}

.select-wrapper{
	position: relative;
}

.select-wrapper::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 0.8rem;
	content: "\f078";
	position: absolute;
	color:#000;
	z-index: 1;
	opacity: 0.5;
	top: 0.4rem;
	right: 0.5rem;
}
/* ------------- CONTAINER -------------- */

#container{
	width:100%;
}
/* ****************************************************************************************************************** */
/* #################################################### HEADER ###################################################### */
/* ****************************************************************************************************************** */

#header{
	position: relative;
	width:100%;
	font-size:14px;
	padding: 1rem 0;
	background: #000000;
	z-index: 3;
}

.introPage #header{
	background: rgba(0,0,0,0.9);
}

.headerWrap{}

#logo{
	padding: 10px 30px;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

#logo img{
	width: 25rem;
}

.headSlogan{
	float:right;
	font-size: 22px;
	margin-top: 30px;
}

/* ****************************************************************************************************************** */
/* ###################################################### MENÜ ###################################################### */
/* ****************************************************************************************************************** */

.menu-container{
	position:relative;
	background: #e6e6e6;
	padding: 20px;
	width: 20%;
	height: 100%;
	float: left;
}


#menu a{
	color:#000000;
	background: #cccccc;
	display: block;
	width: 100%;
	padding: 5px;
	border-left: 4px solid #000000;
	position:relative;
	margin-bottom: 2px;
}

#menu a:hover{
	text-decoration:none;
}

#menu a.logout span,
#menu a.login span{
	padding: 5px 7px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75);
}

#menu a.logout:hover,
#menu a.login:hover{
	color: #fff;
}

#menu a.logout span:after{
	font-family: "Font Awesome 5 Solid";
	content: "\f011";
	display: none;
}

#menu a.logout span svg.fa-power-off{
	margin-left: 5px;
}

#menu a.login span:after{
	font-family: "Font Awesome 5 Solid";
	content: "\f090";
}

#menu a.login span svg{
	margin-left: 5px;
}

.nav-btn .login i{
	display: none;
}

@media screen and (max-width:920px) {
	.nav-btn .login i,
	.nav-btn .login:hover i{
		display: inline-block;
	}
}

.nav-log a{
	color: rgb(255, 96, 0);
}

#cart-icon span:first-child:after{
	font-family: "Font Awesome 5 Solid";
	content: "\f07a";
	display: none;
}

#cart-icon span svg.fa-shopping-cart {
	margin-left: 5px;
}

#menu .LngSelecter a,
#menu .StockSelecter a{
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	color: #fff;
	display: block;
	float: none;
	line-height: 37px;
	padding: 0 15px;
	width: 100%;
}

#Stock {
	float: left;
	margin: 0;
	position: relative;
}

#menu a.blackMenu{
	background: #000;
	border-left: 4px solid rgb(255, 96, 0);
}

#menu a.blackMenu:hover{
	background: rgb(255, 96, 0);
	color:#000;
}

/* ------------- MENÜ NEU -------------- */

.menu {
	line-height: 1;
	margin: 0 auto 3em;
}

.menu__list {
	position: relative;
	/*display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;*/
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu__item {
	display: block;
	margin: 1em 0;
}

.menu__link {
	font-size: 1.05em;
	display: block;
	padding: 1em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.menu__link:hover,
.menu__link:focus {
	outline: none;
}

/* Trinculo */
.menu--trinculo .menu__item {
	margin: 0 1.75em;
}

.menu--trinculo .menu__link {
	position: relative;
	padding: 1em 0.1em;
	text-align: center;
	color: #000;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.menu--trinculo .menu__link:hover,
.menu--trinculo .menu__link:focus {
	color: #e67037;
}

.menu--trinculo .menu__link::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	opacity: 0;
	background: #e67037;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition: -webkit-transform 0s 0.2s, opacity 0.2s;
	transition: transform 0s 0.2s, opacity 0.2s;
}

.menu--trinculo .menu__item--current .menu__link::before {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition: -webkit-transform 0.2s, opacity 0.1s;
	transition: transform 0.2s, opacity 0.1s;
	-webkit-transition-delay: 0.35s;
	transition-delay: 0.35s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.menu--trinculo .menu__helper {
	display: block;
	pointer-events: none;
}

.menu--trinculo .menu__item--current .menu__helper {
	-webkit-animation: anim-trinculo 0.6s forwards;
	animation: anim-trinculo 0.6s forwards;
}

@-webkit-keyframes anim-trinculo {
	50% {
		opacity: 0;
		color: #000;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	51% {
		opacity: 0;
		color: #e67037;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	75% {
		opacity: 1;
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	100% {
		opacity: 1;
		color: #e67037;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes anim-trinculo {
	50% {
		opacity: 0;
		color: #929292;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	51% {
		opacity: 0;
		color: #000;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	75% {
		opacity: 1;
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	100% {
		opacity: 1;
		color: #e67037;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/* Media queries */

/* Stack items for smaller screens */
@media screen and (max-width:55em) {
	.menu__list {
		display: block;
		margin: 0 auto;
	}
}

/* ------------- LNG SELECTER -------------- */

#menu .LngSelecter{
	display: none;
	position: absolute;
	top: 60px;
	z-index: 1000;
}

#menu .LngSelecter a{
	width:100%;
	float: left;
	display: block;
	background: rgba(0,0,0,0.8);
	color:#fff;
	line-height: 37px;
}

#menu .LngSelecter span{
	float: left;
}

#menu .LngSelecter span.flag-icon{
	float: right;
	margin-top: 10px;
}

#menu #languages > a:first-child{
	padding: 0px 35px;
}

#userMenu{
	float:right;
}

#mobileMenu {
	display: none;
}
.navi-button.active span {
	background: none!important;
}

.navi-button.active span:before {
	top: 0!important;
	transform: rotate(45deg);
}

.navi-button.active span:after {
	bottom: 0!important;
	transform: rotate(-45deg);
}

.navi-button span:before,
.navi-button span:after {
	transition-duration: 0.3s, 0.3s;
	transition-delay: 0.03s, 0s;
}

.navi-button span {
	transition: background 0s 0.15s;
}

.navi-button.active span {
	transition: background 0s 0.01s;
}

.navi-button.active span:after,
.navi-button.active span:before {
	transition-duration: 0.3s, 0.3s;
	transition-delay: 0.03s, 0s;
}

#mobileMenu .navi-button span {
	display: block;
	position: absolute;
	top: 10px;
	left: 0px;
	right: 0;
	height: 5px;
	width: 40px;
	background: #fff;
}

#mobileMenu .navi-button span:before, .navi-button span:after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #fff;
	content: "";
}

#mobileMenu .navi-button span:after {
	bottom: -10px;
}

#mobileMenu .navi-button span:before {
	top: -10px;
}



#userMenu #login.basket{
	background:#848484;
	padding: 5px 15px;
}

#userMenu #login.basket img,
#userMenu #login.basket span{
	float:left;
}

#userMenu #login.basket span{
	line-height: 20px;
	margin-left:5px;
}

#userMenu #login.basket a{
	color:#fff;
}

#Stock .StockSelecter a:first-child{
	padding-left: 35px;
}

/* ------------- LOGO -------------- */

#userMenu #logo{
	float:right;
	margin-bottom:5px;
	padding:0 0 5px 0;
}

/* ------------- LOGIN -------------- */

.login-mask{
	margin-top: 20px;
	float: left;
	width: 100%;
}

.login-mask button:last-child{
	margin: 0;
}


#login,
#languages,
#basketIcon{
	margin-top: 18px;
}

.loginInner input{
	width:100%;
}

/* FLAGS */

img.flagImg {
	margin-bottom: -7px;
}

#flags {
	position: absolute;
	bottom: -37px;
	right: 0;
	padding: 0 10px;
	z-index: 10;
}

.flag-icon{
	font-size: 18px;
}

.flag-icon{
	width: 1.6em;
}

.selectedLng,
.selectedLng:before{
	float: right;
	margin: 0 5px;
}

.selectedLng:before {
	margin-top: 40px;
}

/* *************************************************************************************************************** */
/* ################################################### INTRO ##################################################### */
/* *************************************************************************************************************** */

.bubble{
	display: block;
	position: relative;
	text-align: center;
	background: rgba(255, 96, 0,0.8);
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	width: 20vw;
	height: 20vw;
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
	cursor: pointer;
	border: 0.5rem solid transparent;
	transition: all 1.5s ease-out;
	padding: 2rem;
	box-shadow: 0rem 0rem 0rem 1.2rem rgba(0,0,0,0.2);
	-webkit-box-shadow: 0rem 0rem 0px 1.2rem rgba(0,0,0,0.2);
	-moz-box-shadow: 0rem 0rem 0rem 1.2rem rgba(0,0,0,0.2);
}

@media screen and (max-width:920px) {
	.bubble{
		width: 30vw;
		height: 30vw;
	}
}

@media screen and (max-width:730px) {
	.bubble{
		width: 35vw;
		height: 35vw;
	}
}

@media screen and (max-width:530px) {
	.bubble{
		width: 40vw;
		height: 40vw;
	}
}

@media screen and (max-width:500px) {
	.bubble{
		width: 43vw;
		height: 43vw;
	}
}

.bubble:hover,
.bubble.active{
	background: rgba(255, 255, 255,1);
	border: 0.5rem solid rgba(255, 96, 0,1);
	box-shadow: 0rem 0rem 0rem 0rem  rgba(0,0,0,0);
	-webkit-box-shadow: 0rem 0rem 0px 0rem  rgba(0,0,0,0);
	-moz-box-shadow: 0rem 0rem 0rem 0rem  rgba(0,0,0,0);
	animation: pulse 2s infinite;
}

.bubble .wrapper{
	position: relative;
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
}

.bubble span.bubbleText{
	display: none;
	font-weight: 200;
	line-height: 1.7vw;
}

@media screen and (max-width:920px) {
	.bubble span.bubbleText{
		line-height: 2.2vw;
	}
}

@media screen and (max-width:530px) {
	.bubble span.bubbleText{
		line-height: 3.5vw;
	}

	.bubble span.bubbleText + span{
		line-height: 2.7vw;
	}
	.bubble{
		padding: 1rem;
	}
}

.bubble:hover span.bubbleText,
.bubble.active span.bubbleText{
	display: block;
}

.bubble span{
	display: block;
	position: relative;
	color: #fff;
	text-align: center;
	font-weight: 600;
	font-size: 1.5vw
}

@media screen and (max-width:920px) {
	.bubble span{
		font-size: 2.2vw
	}
}

@media screen and (max-width:530px) {
	.bubble span{
		font-size: 3.5vw
	}
}

.bubble:hover span,
.bubble.active span{
	color: rgba(255, 96, 0,1);
}

.bubble svg{
	fill: rgb(255, 255, 255);
	width: 8.5vw;
}

#bubbleOne.bubble svg{
	width: 7.5vw;
}

#bubbleTwo.bubble svg{
	width: 9.5vw;
}

#bubbleThree.bubble svg{
	width: 8vw;
	bottom:-4.3rem;
}

#bubbleThree.bubble span{
	bottom:-1.3rem;
}

@media screen and (max-width:920px) {
	#bubbleOne.bubble svg,
	#bubbleTwo.bubble svg,
	#bubbleThree.bubble svg{
		width: 12vw;
	}
	#bubbleThree.bubble span{
		bottom:inherit;
	}
}

@media screen and (max-width:530px) {
	#bubbleOne.bubble svg,
	#bubbleTwo.bubble svg,
	#bubbleThree.bubble svg{
		width: 18vw;
	}
}

.bubble:hover svg,
.bubble.active svg{
	display: none;
}

@media screen and (max-width:530px) {
	.bubble:hover svg{
		width: 9vw;
	}
}

/* *************************************************************************************************************** */
/* ############################################### LANGUAGES ##################################################### */
/* *************************************************************************************************************** */

#languages{
	position: relative;
	float: left;
	margin: 0;
}


#userMenu > a{
	display:block;
	float:left;
	text-transform:lowercase!important;
	position:relative;
	line-height:29px;
	height:29px;
	padding:0px 5px;
}

#userMenu > div > span,
#userMenu > div > a{
	display:inline-block;
}

#userMenu > div span.arrow{
	height:7px;
	width:21px;
	background:url(images/dd-arrows.png) no-repeat right top;
}

#userMenu div .userSub{
	display:none;
	min-width:196px;
	background:#fff;
	position:absolute;
	top:100%; right:0;
	z-index:25;
}

#userMenu div.userSub a	{
	display:block;
	height:29px;
	line-height:29px;
	padding:0px 13px;
	border-top:1px solid #d8d8d8;
}

#userMenu div:hover span.arrow{
	background:url(images/dd-arrows.png) no-repeat right bottom;
}

#userMenu div:hover .userSub{
	display:block;
}

#userMenu div .userSub a:hover{
	color:#1E2A32;
}


#userMenu > div.lng {
	background:url(images/lng-icons.png) no-repeat #fff;
	font-size:12px;
}

#userMenu > div.lng span.selectedLng{
	width:24px;
}

#userMenu > div.lng a{
	background:url(images/lng-icons.png) no-repeat;
	padding-left:45px;
}

#userMenu > div.lng.en
,#userMenu > div.lng .en{
	background-position:10px 0px;
}

#userMenu > div.lng.fr,
#userMenu > div.lng .fr{
	background-position:10px -29px;
}

#userMenu > div.lng.nlbe,
#userMenu > div.lng .nlbe{
	background-position:10px -58px;
}

#userMenu > div.lng.de,
#userMenu > div.lng .de{
	background-position:10px -87px;
}

#userMenu > div.lng.es,
#userMenu > div.lng .es{
	background-position:10px -116px;
}

#userMenu > div.lng.pt,
#userMenu > div.lng .pt{
	background-position:10px -145px;
}

#userMenu > div.lng.it,
#userMenu > div.lng .it{
	background-position:10px -174px;
}

#userMenu > #noOfVehiclesOnNotepad {
	padding-left:30px;
	background:#fff url(images/notepad-compare-icon.png) no-repeat 5px -17px;
}

/* ****************************************************************************************************************** */
/* #################################################### BASKET ###################################################### */
/* ****************************************************************************************************************** */

#basket{}

a#basketIcon{
	padding:0;
}

.deleteFromBasket{
	margin:0 0 0 10px;
	float:right;
}

.basketFullPrice{
	margin: 10px 0 0 0;
	font-size: 16px;
}

.basket.button{
	width: auto;
}

#basketform .userAreaList .vehicleListBuyNow.discount,
#basketform .userAreaList .vehicleListLastBid{
	width:35%;
}

.errorVehicle {
	background: rgba(0,0,0,0.1);
	padding: 10px !important;
	opacity: 0.3;
}

/* *************************************************************************************************************** */
/* ########################################### BANNER/ ANIMATION ################################################# */
/* *************************************************************************************************************** */

#animation{
	width:100%;
	height: 425px;
}

.slick-dotted.slick-slider {
	margin-bottom: 0px;
}

#animation .animationSlide {
	position: relative;
}

#animation .slick-dots {
	bottom: 10px;
}

#animation img{
	min-width: 100%;
}

#animation .infoWrap	{
	position:absolute;
	top: 30px;
	left: 2%;
	width:100%;
	height:184px;
}

#animation .imgHeadline{
	color:#000;
	font-size: 20px;
}

#animation .imgSubline{
	text-transform: lowercase!important;
	font-weight: 600;
	font-size: 30px;
	margin:5px 0 0 52px;
	width: 60%;
}

#animation .imageNavigator{
	position:absolute;
	bottom:15px;
	left:45%;
	padding:0px;
	margin:0px;
	z-index:14;
}

#animation .imageNavigator	li{
	background:#666666;
	width:15px;
	height:15px;
	border-radius:15px;
	cursor:pointer;
	display:inline-block;
	list-style:none; margin:0px 5px;
}

#animation .imageNavigator	li:hover{
	cursor:pointer;
}

#animation .imageNavigator	li.currentNavigator{
	background:#ffffff;
}

#animation .imageNavigator .liPrev{
	background:#75AFDC; color:#fff;
}

#animation .imageNavigator .liNext{
	background:#75AFDC; color:#fff;
}


/* *************************************************************************************************************** */
/* ################################################ CONTENT ###################################################### */
/* *************************************************************************************************************** */

#website{
	position: relative;
	width: 100%;
	float: left;
}

#content{
	position: relative;
	padding:20px;
	width: 100%;
	float: left;
	min-height: calc(100vh - 100px);
}

#content.articles .wrapper{
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 0 2rem;
}

#content.intro{
	background: #000;
	color: #fff;
	padding: 0;
	/*min-height: inherit;*/
}

@media (max-width: 1640px){
	#content.intro{
		min-height: fit-content;
	}
}

#content.searchList{
	padding:20px 0 0;
}

#content.searchList label{
	margin-top:1rem;
}

.stocks img,
.stocks span{
	float:left;
}
.stocks img{
	width:200px;
}

.stocks .button.small.gardient2{
	max-width:230px;
}

#content .infoLinks{
	margin-top:20px;
}

/* *************************************************************************************************************** */
/* ############################################### GENERAL FORMS ################################################# */
/* *************************************************************************************************************** */

#generalForm{

}

#generalForm h3{
	font-size: 1em;
	font-weight: 600;
	padding: 10px 0;
}

#generalForm h4{
	font-size:14px;
	font-weight:bold;
	padding: 5px 0;
	border:none;
}

#generalForm h3,
#generalForm h4,
#generalForm input{
	clear: both;
}

#generalForm input,
#generalForm textarea{
	width:50%;
}

#generalForm input[type="file"]{
	display:none;
}

.custom-file-upload {
	border: 1px solid #C9D3DF;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
	background: #ECEFF4;
	padding: 3px 30px;
}

#generalForm .inputWrap,
#generalForm .checkboxWrap,
#generalForm .textareaWrap{
	padding-bottom: 17px;
	clear: both;
	display: flex;
}

#generalForm .checkboxWrap {
	width: 100%;
}

#generalForm .inputTitle {
	display: block;
	padding-bottom: 6px;
	width: 25%;
}

#generalForm span.inputTitle {
	padding-bottom: 0px;
}

#generalForm .checkboxWrap span,
#generalForm .checkboxWrap input{
	float: left;
}

#generalForm .checkboxWrap input {
	width: 10%;
}

#generalForm .checkboxWrap span {
	width: 90%;
}

#captcha + img{
	margin-top: 10px;
}

.missing {
	border: 1px solid #990000;
	padding: 5px;
	background: #ffcccc;
}

#message_contakt {
	font-size: 14px;
	padding: 5px 0;
	text-align: center;
	border: 1px solid;
	border-radius: 5px;
	background: #ccc;
	margin: 20px 0;
	font-weight: 700;
}
#message_contakt.error {
	background: #ffcccc;
	color:#900;
}
#message_contakt.success {
	background: #a9ff96;
	color:#000;
}

span.more {
	font-style: italic;
	font-size: .9em;
	color: #8E8E8E;
}

input.button.small.s100 {
	border-radius: 5px;
	padding: 0 3em;
}

span.inputTitle a{
	color: #8E8E8E;
}

@media (max-width: 377px){
	.g-recaptcha{
		transform: none;
		left: inherit;
	}
	.g-recaptcha > div{
		width: 100%!important;

	}
	.g-recaptcha iframe{
		max-width: 100%;
	}
}

/* Customize the label (the container) */
.checkboxContainer {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.checkboxContainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #ECEFF4;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkboxContainer input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkboxContainer .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid #8193A7;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

span.checkmark {
	max-width: 75%;
	border: 1px solid #C9D3DF;
	border-radius: 5px;
}

/* ------------- SEARCH -------------- */

#search{}

/* *************************************************************************************************************** */
/* ################################################ QUICK SEARCH ################################################# */
/* *************************************************************************************************************** */

#quickSearchOverlay{
	position:absolute;
	top:76px;
	right:0px;
	z-index:15;
	width:295px;
	height:425px;
	background:rgba(0,0,0,0.8);
}

.quickSearchInner{
	padding:20px;
}

#quickSearchOverlay a {
	color:red;
}

.searchBox{
	width:100%;
	box-sizing:border-box;
	float:left;
}

.searchBox div{
	box-sizing:border-box;
}

.searchBox.one input,
.searchBox.two input,
.searchBox.three input,
.searchBox.one select,
.searchBox.three select{
	width:100%;
}

.searchBox.twoA,
.searchBox.twoB{
	width:50%;
	float:left;
}

.searchBox.twoA{
	padding-right:5px;
}

.searchBox.twoB{
	padding-left:5px;
}

.searchBox.twoA select,
.searchBox.twoB select{
	width:100%;
}

.searchBox.button.small.forwards{
	margin-top:30px;
}

.searchBox.button.small.gardient2 span{
	line-height:43px;
}

span#vorOrt{
	position: relative;
	font-size: 25px;
	display: inline-block;
	color: #fff;
	background: rgb(255, 96, 0);
	padding: 0.5rem 1rem;
	bottom: -2.5rem;
	border-radius:0;
	text-align: center;
	transform: translateX(-50%);
	left: 50%;
}

.suchkriterien .button.small{
	margin-top: -15px;
	left: -10px;
	position: relative;
}

.suchkriterien.searchCheck div{
	margin-right: 1rem;
}

.suchkriterien div input[type="checkbox"]{
	margin-top: 0.8rem;
}

.sitzeVonBis{
	width: 100%;
}


/* *************************************************************************************************************** */
/* ############################################### DETAIL SEARCH ################################################# */
/* *************************************************************************************************************** */

.load {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: -1;
}

.load img {
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%,-50%);
	width: 200px;
}

.bodyColor,
.buyingFormat{
	clear: both;
}

#searchBar .search_hd{
	font-size: 22px;
	padding: 15px 0 5px;
	clear: both;
}

#searchBar .button.small.white.clearfix{
	display: block;
}

#searchBarWrap {
	margin: 0 auto;
	width: 1160px;
	position: relative;
}

#searchBarWrap input[type="text"],
#searchBarWrap select{
	width:100%;
}

.searchBarInner {
	padding: 20px 0;
	opacity: 0;
	background: #fff;
	z-index: 1;
}

#searchBarWrap .searchVersionBar{
	padding:5px;
	background:#494949;
}

#searchBarWrap .searchVersionBar a{
	color: #fff;
}

#searchBar .ChackerDiv{
	float:left;
	width:33.333%;
	margin-bottom:10px;
}

#searchBar .ChackerDiv img,
#searchBar .ChackerDiv span{
	float:left;
}

.saveSearch{
	float:right;
}

#searchBar .button.small.white{
	float:left;
	max-width: 250px;
}

#searchBar .button.small.gardient2{
	float: right;
}

#searchBar h2{
	font-weight: normal;
	clear: both;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 0px;
}

.kfz_typ_img{
	margin-bottom: 20px;
	margin-right: 25px;
}

.kfz_farbe_img{
	margin-right:3px;
	margin-left:0px;
	margin-bottom:5px;
	width:17px;
}

#kfz_farbe br{
	display: none;
}

/* ------------- FILL TYPE-------------- */

.fillType{
	margin: 20px 0 20px 0;
	float: left;
}

.fillType div{
	float: left;
	margin: 10px 20px 0 0;
}


/* ------------- BUYING FORMAT -------------- */

.buyingFormat{
	float: left;
	margin: 20px 0 20px 0;
}

.buyingFormat div{
	float: left;
	margin: 10px 20px 0 0;
}

/* ------------- BODY TYPE -------------- */

.bodyType{
	float: left;
	margin: 0 0 20px 0;
	clear:both;
}

.bodyType div{
	float: left;
	margin: 0;
}

.bodyType img path{
	fill:#b4b4b4;
}

i svg path {
	fill: #ccc;
}


/* ------------- GEAR TYPE-------------- */

.gearType{
	margin: 20px 0 20px 0;
	float: left;
}

.gearType div{
	float: left;
	margin: 10px 20px 0 0;
}

/* ------------- QUICK LINKS -------------- */

#quickLinks p{
	font-size: 14px;
	margin: 0;
}

#quickLinks,
#quickLinks2{
	position:relative;
	float: left;
	margin-bottom: 40px;
	padding: 0 20px;
	width: 100%;
}

#quickLinks > div{
	float: left;
	margin-top:15px;
}

#quickLinks select{
	float:right;
	margin:10px 0 0;
}

#quickLinks a {

}

#quickLinks span{

}

#quickLinks .stocks span{
	font-size:18px;
	font-weight:bold;
	margin-bottom: 12px;
	margin-left: 10px;
}

#quickLinks .stocks a span{
	font-size:inherit;
	font-weight:normal;
	margin-left: 0px;
}

#quickLinks .stocks h3{
	font-size: 22px;
	font-weight: 600;
}

#quickLinks .stocks div h3{
	color:#000;
	font-size: 18px;
	margin: 10px 0;
}


#quickLinks #content{
	font-size:18px;
}

#quickLinks .infoLinks a,
#quickLinks .infoLinks span{
	font-size:14px;
	float:left;
	padding:0 10px 0 0;
}

#quickLinks > div:nth-child(1) h2 span{
	margin-left:10px;
	margin-bottom: 30px;
}

#quickLinks > div:nth-child(1) h2 img,
#quickLinks > div:nth-child(1) h2 span{
	float:left;
	width: 200px;
}

#quickLinks > div:nth-child(2){
	padding-left:20px;
}

/* ************************************************************************************************************************ */
/* ############################################### VEHICLE LIST BOX VIEW ################################################## */
/* ************************************************************************************************************************ */

.BoxItemContentHeight{
	min-height: 350px;
}

.vehicleContent{
	background: #21252a;
	display: grid;
	padding: 1.5rem 1.5rem 3rem;
}

@media screen and (max-width:460px) {
	.vehicleContent{
		padding: 1.5rem 1rem 3rem;
	}
}

#vehicleListBox{
	line-height: 21px;
	float: left;
}

#vehicleListBox:nth-child(2n+1){
	clear: both;
}

#vehicleListBox .insidePackage{
	max-width: inherit;
}

.BoxName{
	padding: 0 1rem;
	min-height: 110px;
}

.BoxName h2,
.BoxName h3{
	text-overflow: ellipsis;
	width: 100%;
}

.BoxDistance > span{
	background:#ebebeb;
	padding: 2px 5px;
}

.BoxDistance span span{
	float: left;
	padding: 0;
}

.BoxDistance span span:first-child{
	padding: 2px 5px 0 0;
}

.BoxDistance span.flag-icon{
	font-size: 14px;
	margin-top: 3px;
}

.BoxPic,
.BoxDescript,
.BoxPrices{
	position: relative;
}

.BoxDescript{
	background: #1a1a1a;
}

.BoxPic img{
	max-width: 100%;
	width: 100%;
}

.BoxPic .vehicleDetailsButton{
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	background: #000;
	padding: 0.2rem 0.5rem;
	text-transform: lowercase!important;
}

.BoxPic .vehicleDetailsButton i{
	font-size: 0.9rem;
}

.BoxDescript h2{
	font-size: 25px;
	border: none;
	padding-bottom: 5px;
	padding-top: 10px;
	font-weight: 300;
	text-align: left;
}

.BoxDescript h2 .listModel{
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
}

.BoxDescript h3{
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	padding-bottom: 20px;
}

.searchList .BoxText{
	padding: 0 1rem;
	word-break: break-all;
}

.BoxText span{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.BoxText span:nth-child(odd),
.BoxPricePositions span:nth-child(odd),
.BoxTime span:nth-child(odd){
	font-weight: bold;
}

.BoxText span span:nth-child(odd),
.BoxPricePositions span span:nth-child(odd),
.BoxTime span span:nth-child(odd){
	font-weight: normal;
}

.BoxPrices{
	background: #ebebeb;
	min-height: 218px;
}

.BoxButton{
	margin-bottom: 22px;
}

.BoxButton .button{
	max-width: 100px;
}

.BoxPrices span{
	border-bottom: 1px solid #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.BoxPrices span span{
	border:none;
}

.BoxPricePositions span span:last-child{
	color:#a3a3a3;
}

.BoxTime{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px;
}

.BoxTime .date:before,
.BoxTime .clock:before{
	margin-right: 2px;
}

.BoxTime .date:before{
	font-family: "Font Awesome 5 Solid";
	content: "\f073";
	display: none;
}

.BoxTime .clock:before{
	font-family: "Font Awesome 5 Solid";
	content: "\f017";
	display: none;
}

.BoxTime .clock svg{
	margin-left: 10px;
}

.BoxTime span{
	border: none;
}

/* *************************************************************************************************************** */
/* ############################################### VEHICLE LIST ################################################## */
/* *************************************************************************************************************** */

/* SORTING */

#vehicleListSort{
	box-sizing:border-box;
	padding:20px 0;
	color:#333;
}

#vehicleListSort h2{
	font-size: 14px;
	padding-top: 4px;
}

#vehicleListSort .graphical-select:nth-child(4) div,
#vehicleListSort .clearfix{
	margin-right:0px;
}

#vehicleListSiteNumbers{
	width:100%;
	padding:0 0 1rem;
	float:left;
}

#vehicleListSiteNumbers > div{
	float:right;
}

#vehicleListSiteNumbers.bottomSites{
	margin-top: 2rem;
	padding:0;
}

/* Site Numbering */

.seiten{
	background: #fff;
	color: #000000;
	float: left;
	font-size: 14px;
	line-height: 36px;
	margin-left: 0.7rem;
	margin-bottom: 1rem;
	text-align: center;
	width: 36px;
	height:36px;
	cursor:pointer;
	border-radius: 0;
	transition: .3s;
}

.seiten i {
	margin-top: 11px;
}

.seiten:hover	{
	font-weight:bold;
	color: #ffffff;
}

.seiten_aktiv{
	font-size:16px;
	color: #ffffff;
	float: left;
	font-size: 14px;
	font-weight:bold;
	line-height: 36px;
	margin-left: 0.7rem;
	text-align: center;
	width: 36px;
	height:36px;
	cursor:pointer;
	border-radius: 0;
	margin-bottom: 1rem;
}

/* LIST HEAD */

#vehicleListHead{
	float:left;
	width:100%;
	border-bottom: 1px solid #d8d8d8;
}

#vehicleListHead div{
	box-sizing:border-box;
	padding:10px 0 10px 10px;
	float:left;
}

#vehicleListHead div:nth-child(2){
	width:30%;
}

#vehicleListHead div:first-child{
	width:25%;
}

#vehicleListHead div:nth-child(3){
	width:8%;
}

#vehicleListHead div:nth-child(4),
#vehicleListHead div:nth-child(5),
#vehicleListHead div:last-child{
	width:12.333%;
}

#vehicleListHead div:last-child{
	text-align:right;
}

#vehicleList{
	position:relative;
	box-sizing:border-box;
	border-bottom: 1px solid #d8d8d8;
	float:left;
	padding:10px 0;
	width:100%;
}

#vehicleList > div{
	float:left;
	padding:0 0 0 10px;
	box-sizing:border-box;
}

#vehicleList > div:first-child{
	padding:0;
}

.vehicleListPic{
	position:relative;
	width:25%;
	padding: 0;
}

#vehicleList > div.vehicleListPic{
	padding: 0;
}

.vehicleListPic img{
	width:100%;
	max-width:263px;
}

.insidePackage{
	position:absolute;
	color:#ffffff;
	padding:5px;
	box-sizing:border-box;
	top:0;
	width:100%;
	max-width:263px;
	-webkit-box-shadow: 0 2px 2px rgba(2, 2, 2, 0.5);
	text-align: center;
}

.vehicleListDescript{
	width:30%;
}

.vehicleListDescript .desc{
	color:#333;
}

.vehicleListDescript .date:before,
.vehicleListDescript .clock:before{
	font-family: "Font Awesome 5 Solid";
	display: none;
}

.vehicleListDescript .date svg,
.vehicleListDescript .clock svg{
	margin-right: 5px;
}

.vehicleListDescript .date:before{
	content: "\f073";
}

.vehicleListDescript .clock:before{
	content: "\f017";
	margin-left: 10px;
}

.vehicleListDescript h2{
	font-size: 24px;
	border:none;
	padding-bottom: 5px;
}

.vehicleListDescript h3{
	font-size: 19px;
	color: #000000;
	font-weight: normal;
}

.vehicleListLang{
	width:8%;
}

.vehicleListLangMobile{
	display:none;
}

.vehicleListAuctEnd{
	font-size:17px;
}

#vehicleList .button.small.forwards{
	position:absolute;
	right:0;
	bottom: 5%;
	max-width: 200px;
}

#vehicleList .button.small.mobile{
	display: none;
}

/* PRICES */

.vehicleListStartPrice span,
.vehicleListHighestBid span,
.vehicleListBuyNow span{
	display:none;
}

.vehicleListStartPrice{
	width:12.333%;
}

.vehicleListHighestBid{
	width:12.333%;
}

.vehicleListBuyNow{
	text-align:right;
	width:12.333%;
}

.vehicleListPackagePrice{
	text-align:right;
	width:37%;
}

.vehicleListHighestBid p,
.vehicleListStartPrice p,
.vehicleListBuyNow p,
.vehicleListPackagePrice p{
	margin: 5px 0;
}


/* *************************************************************************************************************** */
/* ############################################# VEHICLE DETAILS ################################################# */
/* *************************************************************************************************************** */

.backoverview{
	float:left;
	font-size:14px;
	margin-top: 10px;
	margin-bottom:10px;
}

.backoverview span:before{
	font-family: "Font Awesome 5 Solid";
	content: "\f0d9";
	display: none;
}

.backoverview span svg{
	margin-right: 10px;
}

.hautp_reaser.packages {
	border-top: 1px solid #d8d8d8;
}

#vehicleDetail {
	padding: 20px 20px 200px;
	font-size: initial;
}

@media screen and (max-width:460px) {
	#vehicleDetail{
		padding: 0px 20px 200px;
	}
}

#vehicleDetail .btn.solid.contact {
	background: #ffffff;
	color: #ff6000;
	border-color:#ffffff;
}

#vehicleDetail .btn.solid.contact i {
	color: #ff6000;
}

#vehicleDetail .btn.solid.contact.mail,
#vehicleDetail .btn.solid.contact.print{
	background: rgb(255, 96, 0);
	color: #fff;
	border-color:#ff6000;
}

#vehicleDetail .btn.solid.contact.mail i,
#vehicleDetail .btn.solid.contact.print i{
	color: #ffffff;
}

#vehicleDetail input{
	max-width:106px;
}

#vehicleDetail .login-mask input{
	max-width:100%;
	width: 100%;
}

.close{
	position:absolute;
	top:20px;
	right:20px;
	cursor:pointer;
}
.close span:after{
	font-family: "Font Awesome 5 Solid";
	content: "\f00d";
	display: none;
}

.close span svg{
	font-size: 25px;
}


/* HEADLINE AREA WITH PRICES */

.vehicleDetailHeadline{
	font-size: 2.2rem;
	line-height: 2.3rem;
	word-wrap: break-word;

}

@media screen and (max-width:460px) {
	.vehicleDetailHeadline{
		order: 1;
	}
}

.vehicleDetailHeadline .gridContainer.BoxText .item:nth-child(2n-1){
	font-weight: 600;
}

.vehicleDetailHeadline > div:first-child span{
	font-weight:normal;
	color:#000;
}

.vehicleDetailHeadline > div:nth-child(2){
	text-align:right;
	font-size: 20px;
}

.vehicleDetailHeadline .green,
.vehicleDetailHeadline .red{
	color:#ffffff;
	font-size: 20px;
	padding:7px;
	margin-top:20px;
	text-align: center;
	float: left;
	width: 100%;
}

.vehicleDetailHeadline .green{
	background:#22b14c;
}

.vehicleDetailHeadline .red{
	background:#d10a0a;
}


.vehicleListToolsTop{
	padding:0px 0px 10px;
	border-bottom:1px solid #d8d8d8;
	margin-bottom:16px;
}

.button.delete span:before{
	font-family: "Font Awesome 5 Solid";
	content: "\f1f8";
	display: none;
}

.button.delete span svg{
	font-size: 16px;
}

.button.delete span:hover:before{
	opacity: 0.5;
}

/* BID ENGINES */

.hLine{
	height: 1px;
	width: 100%;
	background:#cccccc;
	margin: 15px 0;
}

.vehicleDetailBidEngines{
	width:50%;
	float:left;
	box-sizing:border-box;
	line-height: 24px;
	position: relative;
}

.vehicleDetailBidEngines #cntdwn{
	line-height: 16px;
	padding-bottom: 5px;
}

.vehicleDetailBidEngines.bidEnginesOne{
	padding:20px 0px 20px 0;
	position: relative;
}

.vehicleDetailBidEngines.bidEnginesTwo{
	padding:20px 0px 20px 40px;
}

.vehicleDetailBidEngines.bidEnginesTwo .button.small{
	width: auto;
}

.vehicleDetailBidEngines.bidEnginesOne div span span{
	font-weight:normal;
	font-size:12px;
}

.vehicleDetailBidEngines.bidEnginesOne div > span{
	float:left;
}


.vehicleDetailBidEngines.bidEnginesOne div.highestBid a,
.vehicleDetailBidEngines.bidEnginesOne div.buyNow a{
	float:right;
}

.vehicleDetailBidEngines.bidEnginesOne div.bid a.button span,
.vehicleDetailBidEngines.bidEnginesOne div.buyNow a.button span{
	width:auto;
}

.vehicleDetailBidEngines.bidEnginesOne div.bid span span,
.vehicleDetailBidEngines.bidEnginesOne div.highestBid span span,
.vehicleDetailBidEngines.bidEnginesOne div.buyNow span span{
	color:#919191;
	font-size:10px;
	float:none;
}

.vehicleDetailBidEngines.bidEnginesOne .fastBid button.small{
	font-size: 14px;
}

.vehicleDetailBidEngines.bidEnginesOne .bid > span:first-child,
.vehicleDetailBidEngines.bidEnginesOne .highestBid > span:first-child,
.vehicleDetailBidEngines.bidEnginesOne .buyNow > span:first-child{
	margin-right: 1%;
}

.vehicleDetailBidEngines.bidEnginesOne .button.small.gardient2 span {
	width:100%;
}


.vehicleDetailBidEngines.bidEnginesOne button.small span{
	float:left;
}

/* BID ENGINE TWO */

.vehicleDetailBidEngines.bidEnginesTwo{}

.vehicleDetailBidEngines.bidEnginesTwo div{
	margin:0 0 5px;
}


.vehicleDetailBidEngines.bidEnginesTwo div.rainbowBidLine img{
	min-width: 100%;
	max-width:100%;
	float:left;
}

/* FAST BID */

.vehicleDetailBidEngines .fastBid{
	margin-top:10px;
}

/* RESERVATION */

.BidEngineLayer {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(240,240,240,0.9);
	z-index: 9;
	border-left:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
}

.BidEngineLayer .message-wrapper {
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	font-size: 26px;
}

.BidEngineLayer .message {
	padding: 5px 10px 8px;
	background: #09a9b5;
	color: #fff;
	border-radius: 4px;
	transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	position: relative;
	-webkit-animation-name: message;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: 3;
	animation-name: message;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.41);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.41);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.41);
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes message {
	0%   {background-color:#e67037; }
	50% {background-color:#bc5829; }
	100% {background-color:#db4289; }
}

/* Standard syntax */
@keyframes message {
	0%   {background-color:#e67037; }
	50% {background-color:#bc5829; }
	100% {background-color:#e67037; }
}


/* AUCTION DATA */

#contentDetails,
#contentDetailsPackage{
	padding: 3rem 0 0;
	width: 100%;
}

.euroToSek{
	color:#bfbfbf;
}

.vehicleDetailData{
	width:50%;
	float:left;
	padding: 0px 0 1rem 2rem;
}

@media screen and (max-width:460px) {
	.vehicleDetailData{
		display: grid;
		padding: 0 0 20px 0;
	}
}

.vehicleDetailData table{
	width:100%;
	font-size: 14px;
	margin-top: 40px;
	line-height: 24px;
}

.vehicleDetailData tr td:first-child{
	font-weight:bold;
}

.vehicleDetailData tr td{
	padding-bottom:5px;
	width:50%;
}

.vehicleDetailDataList div{
	margin-bottom:10px;
}

.vehicleDetailDataList div.item span:first-child{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.vehicleDetailDataList div.item span:first-child.statereport {
	font-weight: 500;
}

.vehicleDetailDataList div span,
.vehicleDetailDataList div sub{
	float:left;
}

.statereport a{
	display: inline-block;
	text-decoration: none;
	margin: 1rem 0;
	padding: 0.5rem;
	transition: .5s;
}

.statereport a:hover{
	transform: scale(1.1);
}


.statereport a img{
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.vehicleDetailDataList .item{
	margin-bottom: 7px;
}

.contact{
	transition: .5s;
	border: 2px solid rgba(255, 96, 0,1);
	padding: 7px 10px;
	width: auto;
	cursor: pointer;
}

.btn.solid.contact.santander{
	background: #fe0000;
	border: 2px solid #fe0000;
	text-align: center;
	height: 39px;
}

.mail{
	margin-left: 7px;
}

.santander {
	margin-top: 5px;
}

.print{
	margin-top: 7px;
	clear: both;
}

.contact{
	min-width: 120px;
}

.contact:hover{
	transform: scale(1.1);
	-webkit-box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.34);
	-moz-box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.34);
	box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.34);
}

body.contact:hover,
body.contact{
	transform: none;
	box-shadow:none;
	border: none;
	padding: 0;
	margin: 0;
	cursor: default;
}

.contact img{
	margin-right: 5px;
}

.vBrand{
	font-weight: bold;
}

.vRef{
	font-size: 12px;
	background: #fff;
	padding: 2px 5px;
	margin: 5px 0 0;
	display: inline-block;
}

/* VEHICLE SLIDER */

.vehicleDetailSlider{
	width:50%;
	float:left;
}

.vehicleDetailSlider .column {
	padding-bottom: 23%;
	position: relative;
}

.vehicleDetailSlider img {
	position: absolute;
	max-width: 100%;
	padding: 10px;
	border-radius: 0;
}


/* :::::::: NEU - 06.02.2017:::::::: */

.Pics {
	width: 100%;
	position:relative;
	padding-bottom: 15%;
	height: 100%;
}

.pic-container{
	position: absolute;
	width: 100%;
	margin: 10px 0;
}

.pic-container img{
	cursor: pointer;
}

.Pics .column{
	position: relative;
	margin-bottom: 10px;
}

.format{
	width: 100%;
	padding-bottom: 60%;
	overflow: hidden;
	position: relative;
}

.format img{
	position: absolute;
	width: 100%;
	vertical-align: middle;
}

.LightBoxMessage {
	position: absolute;
	background: #037B00;
	color: #fff;
	width: 100%;
	text-align: center;
	padding: 10px;
	bottom: 0;
	font-weight: bold;
	text-transform: lowercase!important;
}

/* ::::::::::::::::::::: */

#LightBoxAreaArrowRight, #LightBoxAreaArrowLeft {
	position: absolute;
	z-index: 700;
	top: 50%;
	transform: translateY(-50%);
	display: none;
}

#LightBoxAreaArrowRight {
	right: 5px;
}

#LightBoxAreaArrowLeft {
	left: 10px;
}

#LightBoxAreaArrowRight img, #LightBoxAreaArrowLeft img {
	width: 40px;
}

/********** Arrows **************/

#LightBoxArrowRight {
	position: absolute;
	right: 10px;
	top:50%;
	margin-top:-25px;
	z-index:10;
	cursor:pointer;
}

#LightBoxArrowLeft {
	position: absolute;
	left: 10px;
	top:50%;
	margin-top:-25px;
	z-index:10;
	cursor:pointer;
}

#LightBoxArrowRight img {
	width: 100%;
}
#LightBoxArrowRight img:hover {
	opacity:1;
}

#LightBoxArrowLeft img {
	width: 100%;
}
#LightBoxArrowLeft img:hover {
	opacity:1;
}


#LightboxActiveChild {
	opacity: 0.50;
	border:5px solid #bf0000 inset;
}

.lb-nav a.lb-next,
.lb-nav a.lb-prev{
	opacity: 1 !important;
}

/* VEHICLE FEATURES */

.vehicleDetailFeatures{
	width:100%;
	float:left;
	padding-bottom:10px;
}

.vehicleDetailFeaturesWrap{
	padding:20px 0;
	margin: 20px 0 0 0;
	border-top: 1px solid #ccc;
}

.vehicleDetailFeatures h6{
	padding:0px 0 20px;
}

.vehicleDetailFeatures > div{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 10px;
}

.vehicleDetailFeatures span:before{
	font-family: "Font Awesome 5 Solid";
	content: "\f00c";
	display: none;
}

.vehicleDetailFeatures span svg{
	margin-right: 10px;
}

/* SIMILAR VEHICLES */

.vehicleDetailSimilar{
	width:100%;
	float:left;
	border-top: 1px solid #d8d8d8;
	padding: 20px 0;
}

.vehicleDetailSimilar h6{
	padding:20px 0 0;
}

.vehicleDetailSimilarBox > div{
	box-sizing:border-box;
	width:25%;
	float:left;
	padding:0 20px 20px 20px;
	border-right: 1px solid #d8d8d8;
	margin-top:20px;
}

.vehicleDetailSimilarBox > div:nth-child(4n){
	border:none;
	padding-right:0;
}

.vehicleDetailSimilarBox > div:nth-child(4n+1){
	padding-left:0;
	clear:both;
}

/* *************************************************************************************************************** */
/* ############################################# VEHICLE DETAILS PACKAGE ######################################### */
/* *************************************************************************************************************** */

.package .column{
	min-height: 200px;
}

.package .column:nth-child(2n+1){
	clear: both;
}

.package #vehicleList{
	min-height: 235px;
	border-bottom: none;
}

.package .vehicleListPic{
	width:50%;
}

.package .vehicleListDescript{
	width:50%;
}

/* *************************************************************************************************************** */
/* ############################################## BID CONFIRMATION ############################################### */
/* *************************************************************************************************************** */

p.bid_confirm{
	margin:0;
	padding:0 0 20px;
}

.bid_confirm a{
	color:#C90000;
	text-decoration:underline;
}

.close_x:before{
	font-family: "Font Awesome 5 Solid";
	content: "\f00d";
	display: none;
}

.close_x svg{
	cursor:pointer;
	position:absolute;
	right: 0px;
	font-size: 20px;
}

.quickSearchTitle {
	color: #FFFFFF;
	display: block;
	font-size: 18px;
	padding-bottom: 5px;
}
.searchVersionBar {
	color: #d8d8d8;
}
.searchVersionBar a {
	color: #1e2a32;
	display: inline-block;
	font-size:15px;
}

.quickSearchTitle {
	color: #FFFFFF;
	display: block;
	font-size: 18px;
	line-height: 26px;
	margin-top: 7px;
	padding-bottom: 4px;
}
.searchBox .quickSearchTitle{
	font-size: 14px;
}

#searchSlide {
	color: #fff;
	cursor: pointer;
	font-size: 15px;
	height: 31px;
	line-height: 30px;
	text-align: center;
	clear:both;
	border-bottom: 1px solid #bf511e;
}

#searchSlide span:after {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	display: inline-block;
}

#searchSlide span.rotate:after {
	transform: rotate(180deg);
}


#searchBar{
	float:left;
	width:100%;
	margin:20px 0;
}

#searchBar .button.small.gardient2{
	max-width:250px;
}

#searchSlide span {
	display: inline-block;
	height: 30px;
	padding:0 20px;
	width:auto;
}

#searchSlide span:after{
	font-family: "Font Awesome 5 Solid";
	content: "\f0d7";
	display: none;
}

#searchSlide span svg{
	margin-left:10px;
}


#footerRight a:first-child{
	background:none;
}

iframe[name="horst"]#head{
	display:none;
}


#userNavi > div, #userNavi > a {

}

#userNavi #login{
	background:#ffffff;
}

#userNavi div#login.login,
.loging{
	color:#ffffff;
	display:block;
	padding:0 10px;
}

#userNavi div .userSub {right:0; left:auto;}

/* *************************************************************************************************************** */
/* ################################################## MY ACCOUNT ################################################# */
/* *************************************************************************************************************** */

.my_account_left{
	width:28%;
	height:auto;
	margin-right:2%;
	float:left;
}

.my_account_left h2{
	font-size: 19px;
	font-weight: normal;
	padding-bottom: 18px;
	padding-top: 25px;
}

.my_account_left .button.small.gardient2{
	width:100%;
}

.my_account_left a.bt5{
	margin:0 0 70px 0;
}

/* -------------- My Menu ---------------- */

.my_account_menu > h2{
	padding-top: 14px;
}

.my_account_menu span, .my_account_menu a {
	display:block;
}

.my_account_menu span:nth-child(6), .my_account_menu span:nth-child(10), .my_account_menu span:nth-child(12) {
	margin-top:20px;
}

/*

.my_account_menu a {
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
	padding:15px 20px;
	overflow:hidden;
  line-height:50px;
	color:#333;
	}

    .my_account_menu a span{
    position: relative;
    padding: 0 0 0 33px;
    color: #333;
    line-height: 19px;
    }

    .my_account_menu a span:before{
    font-family: FontAwesome;
    content: "\f0da";
    position: absolute;
    left: 0;
    color: #fff;
    padding: 2px 8px;
    font-size: 14px;
    line-height: 18px;
    }

    .my_account_menu a:hover span:before,
    .my_account_menu a.active span:before{
    font-family: FontAwesome;
    content: "";
    }

    .my_account_menu a:hover span:after,
    .my_account_menu a.active span:after{
    font-family: FontAwesome;
    content: "\f0da";
    position: absolute;
    right: 0;
    color: #fff;
    padding: 2px 8px;
    font-size: 14px;
    line-height: 18px;
    }

			.my_account_menu a:hover,
      .my_account_menu a:hover span {
			color:#ffffff;
			}

		.my_account_menu a.active {
			color:#ffffff;
      line-height:50px;
			}

               .my_account_menu a.active span,
               .my_account_menu a:hover span{
               padding:0 33px 0 0;
               color:#fff;
               position: relative;
               }

		.my_account_menu a.h_active {
			color:#fff;
			}


.my_account_right .button.small{
width:auto;
}

*/

.my_account_right input[name="tel_l"], .my_account_right input[name="mobil_l"]{
	background-color: #FFFFFF;
	border: 1px solid #D8D8D8;
	border-radius: 5px;
	color: #000000;
	float: left;
	font-size: 14px;
	font-weight: normal;
	height: 28px;
	margin: 2px 10px 0 0;
	padding: 0 10px;
	width: 27px;
}

.my_account_right input[name="tel"], .my_account_right input[name="mobil"]{
	background-color: #FFFFFF;
	border: 1px solid #D8D8D8;
	border-radius: 5px;
	color: #000000;
	float: left;
	font-size: 14px;
	font-weight: normal;
	height: 28px;
	margin: 2px 0 0 0;
	padding: 0 10px;
	width: 235px;
}

.my_account_right tr:nth-Child(1n) {
	line-height:30px;
}

.my_inhalt
{
	display:none;
}


img#loadAnim {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	top: 200px;
}

/* *************************************************************************************************************** */
/* ################################################# USER AREA ################################################### */
/* *************************************************************************************************************** */

#vehicleList2{
	position: relative;
}

.my_inhalt h2,
.my_account_right h2{
	font-family: Verdana, Geneva, sans-serif, sans-serif;
	border-bottom: 1px solid #D8D8D8;
	line-height: 35px;
	margin-bottom: 20px;
	padding: 0 0 20px 0;
	font-size: 30px;
}

.my_account_right{
	width:70%;
	float:left;
	position: relative;
}

.my_account_right .m100 .button.small.gardient2{
	width: auto;
	max-width: auto;
}

.my_account_right .userInfoForm > div:nth-child(2n){
	padding-left:40px;
}

.my_account_right .userInfoForm > div.buttonBar:nth-child(2n){
	padding:0;
}

.my_account_right .userInfoForm > div input,
.my_account_right .userInfoForm > div .graphical-select,
.my_account_right .userInfoForm > div .graphical-text{
	width:100%;
}

.my_account_right .userInfoForm > div input.l50,
.my_account_right .userInfoForm > div input.lm50{
	width:48%;
}

.my_account_right .userInfoForm > div input.l50:first-child,
.my_account_right .userInfoForm > div input.lm50:first-child{
	margin-right:4%;
}

.userInfoForm > div{
	margin-bottom: 10px;
}

#userArea{}

.my_account_right .generateSearchCriteria .l25{
	width:25% !important;
}

.my_account_right .generateSearchCriteria .l50{
	width:50% !important;
}

.my_account_right .generateSearchCriteria .l32{
	width:32% !important;
}

.my_account_right .generateSearchCriteria label{
	margin: 1px 0  0 10px ;

}

.my_account_right .right{
	float:right !important;
}

.my_account_right .generateSearchCriteria .graphical-select div, .graphical-text div{
	width:100% !important;
}

.formPartName{
	padding-bottom: 10px;
}

.formPartField{
	width: 39%;
}

.MyAccount_TargetText{
	padding: 0  0 20px 0;
}


.StockSelecter{
	display: none;
	position: absolute;
	top: 60px;
	z-index: 999;
	left: 35px;
}

.notHighestBidderMessage,
.highestBidderMessage{
	color: #fff;
	padding: 5px;
	font-size: 12px;
	text-align: center;
}

.notHighestBidderMessage{
	background: #d10404;
}

.highestBidderMessage{
	background: #2c9b00;
}

/* ------------- USER AREA USER MANAGEMENT -------------- */

.userEdit div > div	{
	float:left;
	margin-bottom:10px;
}

.userEdit div div:first-child {
	width:25%;
}

.userEdit div div:nth-child(2) {
	width:75%;
}

.userEdit select,
.userEdit .graphical-select,
.userEdit div div:nth-child(2) div,
.userEdit input{
	width:100%;
}

.userEdit div div input:nth-child(2){
	margin-left:2%;
}

.userEdit.userLoginData{
	background:#F0F0F0;
	float:left;
	width:100%;
	padding:10px;
}

.userEdit .button.small{
	float:right;
	margin-top:10px;
}

.userEdit .button.small.gray{
	float:left;
}


/* ------------- USER AREA LISTS -------------- */

.userAreaList{}

.userAreaList h2{
	font-size: 24px;
	line-height:21px;
	padding-bottom: 5px;
	border:none;
	margin-bottom: 0px;
}

#vehicleList > div.vehicleListPricesUserArea{
	float:right;
}

.vehicleListPricesUserArea{
	line-height:22px;
	position: relative;
}

.vehicleListPricesUserArea .delete{
	position: absolute;
	top: 0;
	right: 0;
}


.vehicleListPricesUserArea div:nth-child(2n+1){
	clear:both;
}

.vehicleList .price{
	color: #fff;
	padding: 0.5rem 1rem;
}

.vehicleList .price span{
	display: block;
	width: 100%;
}

.vehicleList .price .mwst{
	opacity: 0.5;
}

.highlights{
	color: #ccc;
}

.vehicleList .highlights{
	padding: 0.5rem 1rem 1rem;
}

.userAreaList .vehicleListBuyNow,
.userAreaList .vehicleListLastBid{
	text-align:left;
	width:auto;
}

.userAreaList .vehicleListBuyNow span{
	display:inline;
}

.userList {
	clear:both;
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
}

.userList div{
	width:100%;
	padding:5px;
	border-bottom: 1px solid #d8d8d8;
	float:left;
}

div.userListHead{
	background:#ccc;
	width:100%;
	border:none;
}

.userList div div{
	width:25%;
	border:none;
	float:left;
}

/* ------------- USER AREA MENU -------------- */

#userMenu .mobileMy_account_menu {
	display:none;
}

#mobileUserMenu{
	z-index:999;
	background-color:#777;
	position:absolute;
	width: 100%;
	font-weight:normal;
	display:none;
	top:32px;
}

#mobileUserMenu > a {
	float: left;
	width: 100%;
	color:#fff;
	padding: 15px 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #000000;
	text-transform:lowercase!important;
	position: relative;
}

#mobileUserMenu > a:hover{
	opacity: 0.5;
}

#mobileUserMenu > a span{
	display: block;
	padding: 0 0 0 33px;
}

#mobileUserMenu > a span:before{
	font-family: "Font Awesome 5 Solid";
	content: "\f0da";
	display: none;
}

#mobileUserMenu > a span svg{
	position: absolute;
	left: 16px;
	top:12px;
	color: #fff;
	padding: 2px 8px;
	font-size: 14px;
	line-height: 18px;
}

#userMenu #mobileUserMenuOpen {
	color: #fff;
	float: left;
	padding: 10px 25px;
	line-height: 29px;
	cursor:pointer;
}

#mobileUserMenuOpen > span:before{
	font-family: "Font Awesome 5 Solid";
	content: "\f007";
	display: none;
}

#mobileUserMenuOpen > span svg{
	margin-right: 5px;
}

#mobileUserMenu > span {
	float: left;
	width: 100%;
	color:#fff;
	background:#333;
	box-sizing: border-box;
	padding: 15px;
}

#userMenu .mobileMy_account_menu {
	z-index: 999;
	padding:0;
}

#userMenu #mobileUserMenuOpen{
	display:none;
}

/* ------------- USER AREA CRITERIA -------------- */

.alert .searchCriteria:first-child{
	padding-top:0;
}

.alertHeader{
	font-size:18px;
	margin-bottom:5px;
}

.searchCriteria{
	width:100%;
	border-bottom:1px solid #D8D8D8;
	padding:20px 0;
}

.searchCriteria a{
	float:right;
}

div.alertFields{
	float:left;
}


.alertInfo{
	color:#8f8f8f;
	margin:5px 0;
}

a.alertDelete{
	display:inline-block;
	background:url(../images/icon-delete.gif) no-repeat right center;
	padding-right:15px;
	color:#000;
}
a.alertDelete:hover{
	text-decoration:underline;
}



.generateSearchCriteria div div:first-child{
	width: 35%;
}

.generateSearchCriteria div > div {
	float: left;
	margin-bottom: 10px;
}

.generateSearchCriteria div div:nth-child(2) {
	width: 65%;
}

.generateSearchCriteria select,
.generateSearchCriteria input {
	width: 100%;
}

.generateSearchCriteria div div select{
	float:left;
}

.generateSearchCriteria div div select:nth-child(2){
	margin-left: 2%;
}

.generateSearchCriteria label,
.generateSearchCriteria input[type="radio"]{
	float:left;
}

.generateSearchCriteria label{
	margin:15px 0 0 0;
}

.generateSearchCriteria .button.small{
	margin-top: 10px;
}

.generateSearchCriteria .button.small.gray {
	float: left;
}

div.mainForm{
	display: flex;
}

div.companyData,div.upload{
	width:50%;
}

/* ----- USER AREA VEHICLE LIST ------ */

#vehicleList2{
	border-bottom:1px solid #ccc;
	padding:20px 0;
}

#vehicleList2:first-child{
	padding-top:0px;
}

#vehicleList2 div.vehicleListPic,
#vehicleList2 div.vehicleListDescript,
#vehicleList2 div.vehicleListPricesUserArea{
	padding:0 10px;
	width:33.333%;
}

#vehicleList2 div.vehicleListPic{
	padding-left:0;
}

#vehicleList2 div.vehicleListDescript p{
	font-size: 12px;
}

#vehicleList2 div.vehicleListPricesUserArea{
	padding-right:0;
	line-height: normal;
}

div.vehicleListPricesUserArea div span:nth-child(odd){
	font-weight: bold;
}

#vehicleList2 .vehicleListPricesUserArea .spacer span{
	margin: 0;
	padding: 0;
}
#vehicleList2 .vehicleListPricesUserArea span{
	font-size: 12px;
}

#vehicleList2 .vehicleListPricesUserArea div.spacer span:nth-child(2){
	text-align: right;
}

#vehicleList2 .vehicleListPricesUserArea:last-child{
	padding-bottom:0;
}
#vehicleList2 .vehicleListPricesUserArea div.spacer span:nth-child(2){
	font-weight: normal;
}

#vehicleList2 .vehicleListPricesUserArea div.spacer span.euroToSek{
	font-weight: normal;
	text-align: right;
	padding-bottom: 15px;
}

#vehicleList2 .button{
	max-width: 100px;
}




/* :::::::::::::::::::::::::::::::::::::::: USER LIST ::::::::::::::::::::::::::::::::::: */

a.addUser{
	margin:0 0 10px 0;
	float:left;
}

a.addUser span:before{
	font-family: "Font Awesome 5 Solid";
	content: "\f007";
	display: none;
}

a.addUser span svg{
	margin-right: 5px;
	font-size: 16px;
}

a.deleteUser span:before{
	font-family: "Font Awesome 5 Solid";
	content: "\f1f8";
	display: none;
}

a.deleteUser span:before{
	font-size: 18px;
}

a.editUser span:before{
	font-family: "Font Awesome 5 Solid";
	content: "\f044";
	display: none;
}

a.editUser span svg{
	font-size: 18px;
}


a.addUser:hover{
	opacity:0.5;
}

a.addUser div{
	padding:0 0 3px 0;
}

a.addUser div,
a.addUser img{
	float:left;
}

.userEdit td,
.userLogData td{
	padding:5px;
	height:35px;
}

.userLogData td{
	height:30px;
}

.userEdit td:first-child,
.userLogData td:first-child{
	width:170px;
}

table.userLogData{
	background:#F0F0F0;
}

.userLogData tr:last-child{
	background:#ffffff;
	height:50px;
}

.userLogData tr:last-child td{
	padding:10px 0 0 0;
}

.userLogData a.button:first-child{
	float:left;
}

.userLogData a.button:last-child{
	float:right;
}

input[name="BPreis"] + span{
	float:left;
	margin:6px 0 0;
}

.introduction{
	margin-bottom:20px;
}

.redMessage{
	color:#FF0000;
	border-bottom:1px solid #D8D8D8;
	padding:0 0 20px 0;
}

/* *************************************************************************************************************** */
/* ################################################ POPUPS ####################################################### */
/* *************************************************************************************************************** */

#overlay{
	position:absolute;
	top:0;
	z-index:20;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	display:none;
}

#content #content{
	padding:0;
	margin-bottom:25px;
}

#contactSalesCenter{
	margin:20px 0 0 0;
}

#overlay .requestInner{
	max-width:500px;
	display: none;
	z-index:999;
	margin: 0px auto;
	transform: translate(0%,50px);
	-webkit-transform: translate(0%,50px);
	-moz-transform: translate(0%,50px);
	-ms-transform: translate(0%,50px);
	-o-transform: translate(0%,50px);
}

.requestInner{
	padding:20px;
	position:relative;
	background:#fff;
}

.error{
	display:block;
	color:#ff0000;
}

#overlay .requestInner h2{
	border:none;
	padding-bottom:0px;
	margin-bottom: 20px;
	color:#2f2f2f;
}

#overlay .button.small{
	min-width: auto;
	max-width: 100px;

}

#overlay .requestInner .buttonBar{
	padding-top:20px;
	margin: 0;
}

#overlay .requestInner .inputWrap{
	float:left;
	padding-bottom:10px;
}

#overlay .requestInner .formIntro{
	padding-bottom:20px;
}

#overlay .requestInner .textareaWrap.small{
	width:100%;
}

#overlay .requestInner .textareaWrap.small textarea	{
	width:100%;
	height:70px;
}

#overlay .requestInner .inputWrap.small{
	width:100%;
}

#overlay .requestInner .inputWrap.small input{
	width:100%;
}

#overlay .requestInner .textareaWrap.big textarea		{
	width:100%;
	height:90px;
}

#overlay .requestInner .inputWrap.big{
	width:100%;
}

#overlay .requestInner .inputWrap.big input{
	min-width:100%;
}

#overlay .requestInner .inputWrap.large{
	width:100%;
}

#overlay .requestInner .inputWrap.large input{
	width:100%;
}

#overlay .requestInner input,
#overlay .requestInner textarea		{
	margin:0px;
	padding:0px 10px;
	font-size:12px;
	min-width: 100%;
}

#overlay .requestInner textarea{
	padding: 10px;
}

#overlay .requestInner .inputTitle	{
	display:block;
	color:#929292;
	padding-bottom:6px;
}

#overlay .requestInner .graphical-select{
	padding-bottom:6px;
}

#overlay .hideFiled		{
	display:none;
}

#contact{
	display:none;
	margin:0px auto;
}

#tellAFriend{
	width:410px;
	display:none;
	margin:0px auto;
}

#reserveVehicle,
#buyVehicle{
	width:610px;
	display:none;
	margin:0px auto;
}

#contact-main{
	max-width:550px;
	display: none;
	margin: 0px auto;
	z-index:999;
}

#SendAFriend-main{
	max-width:420px;
	display: none;
	margin: 0px auto;
	z-index:999;
}

#contact-main .buttonBar .button.small,
#contact-main .buttonBar .button.small.gray,
#SendAFriend-main .buttonBar .button.small,
#SendAFriend-main .buttonBar .button.small.gray{
	width:auto;
	max-width:200px;
}



/* *************************************************************************************************************** */
/* ################################################ LOADER ####################################################### */
/* *************************************************************************************************************** */

#Loader img {
	margin-left: 250px;
	margin-top: 250px;
}


#Loader{
	background: url("../images/white_trans.png") repeat scroll center;
	height: 100%;
	position: absolute;
	width: 65%;
	z-index: 999;
}

#Loader_full{
	text-align:center;
	background: url("../images/white_trans.png") repeat scroll center;
	display: none;
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 999;
	top:0;
	left:0;
}

#Loader_full img{
	margin-top:300px;
}

/* *************************************************************************************************************** */
/* ################################################ FOOTER ####################################################### */
/* *************************************************************************************************************** */

#footer{
	color: #fff;
	padding: 3rem 2rem 10rem;
	font-size:1.2rem;
	background: #000;
	position:relative;
	clear: both;
}

.introPage #footer{
	padding: 0 2rem 3rem;
}

@media (max-width: 1280px){

	.introPage #footer{
		padding: 3rem 2rem;
	}
}

#footer .socialLinks {
	padding-top: 1rem;
	margin-left: -0.9rem;
	vertical-align: middle;
}

#footer .socialLinks a{
	display: inline;
	padding: 0 1rem;
}

.socialLinks .fa-instagram {
	font-size: 1.4rem;
	top: 1px;
	position: relative;
}

#footer ul{
	color: #fff;
	margin: 0;
	padding: 0;
}

#footer img{
	width: 15rem;
	left: -0.3rem;
	bottom: 1rem;
	position: relative;
}

#footer a{
	color:rgb(255, 96, 0);
	padding: 0 5px;
}

#footer a:hover{
	color: rgb(255, 96, 0);
	transition: .3s;
}

.Vehiclessearch footer{
	overflow-x:initial!important;
}

/* Back to top button */

#back-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999999;
}

#back-top a {
	display: block;
	text-align: center;
	font-size: 9px;
	text-transform: lowercase!important;
	text-decoration: none;
	color: #fff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
	padding:3px 6px;
	background: #6c7073;
	border-radius: 4px;
}

#back-top a:hover{
	background: #e67037;
}

#back-top span {
	width: 100%;
	height: 28px;
	display: block;
	margin-bottom: 7px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top span::after{
	font-family: "Font Awesome 5 Solid";
	content: "\f077";
	display: none;
}

#back-top span svg{
	font-size: 30px;
}


/*########### cookieAlert ###################*/

.CookieAlert {
	color: #fff;
	position: fixed;
	bottom: 0;
	background: rgba(0,0,0,0.9);
	padding: 20px;
	z-index: 99999;
}

.CookieAlert div:first-child{
	width: 10%;
}
.CookieAlert div:last-child{
	width: 90%;
}

.CookieAlert .svg-inline--fa {
	float: right;
	font-size: 24px;
	margin-bottom: 10px;
	text-align: right;
}

.CookieAlert div,
.CookieAlertExtreme div{
	float:right;
}

.CookieAlertExtreme {
	color: #fff;
	position: fixed;
	top: 0;
	bottom:0;
	background: rgba(0,0,0,0.9);
	padding: 20px;
	width: 100%;
	z-index: 99999;
	border:1px solid #990000;
	height:100%;
}

.CookieAlertExtreme div:first-child{
	width: 10%;
}
.CookieAlertExtreme div:last-child{
	width: 90%;
}

.CookieAlertExtreme .fa{
	font-size: 24px;
	margin-bottom: 10px;
	float: right;
}

/*########### Showroom ###################*/

.showroom h2,
.showroom h3{
	text-align: center;
}

.showroom h2{
	color: #ffffff;
	padding: 5px;
	border: none;
	font-size: 20px;
	font-weight: normal;
	margin-top: 30px;
}

.showroom h2 span:before{
	font-family: "Font Awesome 5 Solid";
	content: "\f1b9";
	display: none;
}

.showroom h2 span svg{
	margin-right: 5px;
}

.showroom h3{
	margin: 30px 0 20px;
	float:left;
	width: 100%;
	background: #ebebeb;
	padding: 5px;
}

.showroom .column span{
	line-height: 40px;
}

.showroom input{
	width: 100%;
	margin-bottom: 10px;
}

.showroom-price {
	color: rgb(255, 96, 0);
	font-size: 35px;
	font-weight: bold;
}

@media (max-width: 1700px){
	.showroom-price {
		font-size: 2vw;
	}
}

@media (max-width: 828px){
	.showroom-price {
		font-size: 3vw;
	}
}

@media (max-width: 460px){
	.showroom-price {
		font-size: 5vw;
		padding-top: 1rem;
	}
}

@media (max-width: 400px){
	.showroom-price {
		font-size: 1.2rem;
	}
}

.showroom-price.net {
	font-size: 25px;
}

.VAT{
	font-style: italic;
	padding: 10px 0 10px calc(50% + 40px);
	font-size: 13px
}

.carEquipment{
	padding: 10px 0 10px calc(50% + 40px);
	line-height:22px;
	word-break: break-word;
}

.carEquipment p {
	line-height: 22px;
	font-weight: 600;
	font-style: italic;
	margin: 0;
}

/*########### Finance - Transport ###################*/

.FinanceTransport{
	margin-top: 10px;
}

.FinanceTransport label{
	margin-left: 5px;
	margin-right: 15px;
}

.FinanceTransport label,
.FinanceTransport input{
	float: left;
}

.FinanceTransport input{
	margin-top: 3px;
}

.FinanceTransport h3{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 4px;
}

.finance,
.transport{
	border: 1px solid #ccc;
	background: #e4e4e7;
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
	border: 1px solid #dfdfe2;
	padding: 5px 10px;
}

.finance{}

.transport{}

/*########### Lightbox ###################*/
/*
.lightbox{
	top:10px!important;
	left: 50% !important;
	position: absolute;
	transform: translateX(-50%);
	width: 60% !important;
	}

@media screen and (max-width:1000px) {

	.lightbox {
	    top: 30%!important;
			position: fixed!important;
			left: inherit;
			width: 80% !important;
	}

	.lightboxOverlay{
		min-height: calc(100vh - 196px);
	}

}

.lightbox .lb-image,
.lb-outerContainer{
	width: 100% !important;
	height: auto !important;
}

.lb-data .lb-close{
	top: 10px;
	right: 10px;
	position: absolute;
	z-index: 999;
}*/

.vehicleDetailDataList div.item span.contact:first-child{
	overflow: visible;
}

/* ################ NEW STYLES ################ */

/* NAVIGATION */
nav .login.btn.solid{
	animation: pulse 2s infinite;
}


nav ul{
	list-style: none;
}

nav .container{
	max-width: 100%;
	padding: 0 2rem;
	margin: 0 auto;
	display: flex;
	position: relative;
}

nav a{
	color:#fff;
}

nav svg{
	width: 1em;
	margin: 0.2rem 0 0 0.2rem;
}

nav .svg-inline--fa.fa-w-14{
	width: 0.7rem;
	vertical-align: middle;
}

.logo-container{
	flex: 3;
	display: flex;
	align-items: center;
}

.nav-btn{
	flex: 10;
	display: flex;
	z-index: 3;
}

.nav-link ::marker{
	content: "";
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255, 255, 255, 1);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
	color: rgba(255, 255, 255, 1);
}

.navbar{
	z-index: 3;
}

.nav-links{
	flex: 2;
}

.flags{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	transition: .65s;
}

.flags a{
	padding-left: 1rem;
}

.flags img{
	width: 1.6em;
}

@media (max-width: 920px){

	.flags{
		flex: 1;
		align-items: flex-start;
		justify-content: flex-start;
		width: 100%;
		padding-left: 1.5rem;
	}

}

.logo img{
	width: 18rem;
}

.logo span{
	font-weight: 300;
}

nav .btn{
	margin-left: 1rem;
}

label#FahrzeugBildText{
	background-color: white;
	border: none;
}

.btn{
	display: inline-block;
	padding: .49rem 0.4rem;
	font-size: 1.05rem;
	border-right: 2px solid rgb(255, 96, 0);
	background: #ff600f;
	border-radius: 0;
	line-height: 1;
	margin: 0 .2rem;
	transition: .3s;
	text-transform: lowercase!important;
}

.btn-check:focus+.btn,
.btn:focus {
	outline: 0;
	box-shadow: none;
}

.btn i{
	font-size: 0.9rem;
	vertical-align: middle;
	margin-left: 0.2rem;
}

.btn.solid i{
	color: #fff;
}

.btn.solid:hover i{
	color: rgb(255, 96, 0);
}

.btn.solid.cancel{
	background: #000;
	color: #fff;
	border: 2px solid #000;
}

.btn.solid.cancel:hover{
	border: 2px solid rgb(255, 96, 0);
}

.btn.outline {
	background: #fff;
	color: rgb(255, 96, 0);
	border: 2px solid rgb(255, 96, 0);
	font-size: 1.1rem;
	padding: 0.5rem 1.3rem;
	transition: .5s;
}

.btn.outline:hover{
	background: rgb(255, 96, 0);
	color: #fff;
}



@media (max-width: 920px){
	nav .btn{
		border-radius: 0;
	}
	nav .btn.solid:hover{
		color: #fff;
		background: transparent;
	}
}

.btn.solid{
	background: rgb(255, 96, 0);
	color: #fff;
}

.btn.solid.resetSearch{
	background: rgb(255, 255, 255);
	color: #696969;
	border: 2px solid #696969;
	position: relative;
	padding: 0.4rem 1rem;
	font-size: 0.9rem;
	transform: translateX(-50%);
	left: 50%;
	margin-bottom: 2rem;
}

@media (max-width: 745px){
	.btn.solid.resetSearch{
		position: relative;
		right: auto;
		top: auto;
		transform: translateX(-50%);
		left: 50%;
	}
}

.btn.solid.resetSearch i {
	color: #696969;
	transition: .3s;
}

.btn.solid.resetSearch:hover{
	border: 2px solid rgb(255, 96, 0);
}

.btn.solid.resetSearch:hover i{
	color: rgb(255, 96, 0);
}

.btn.solid:hover{
	background: transparent;
	color: rgb(255, 96, 0);
}

.btn.transparent{
	background: transparent;
	color: rgb(255, 96, 0);
}

.btn.transparent:hover{
	background: rgb(255, 96, 0);
	color: #fff;
}

.btn.downtab{
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	font-size: 1.2rem;
	background: rgb(255, 96, 0);
	color: #fff;
	border: none;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-top: -0.3rem;
	padding: 0.8rem 2rem 0.5rem;
	box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.42), inset 0px 29px 5px -23px rgba(0,0,0,0.42);
	transition: .5s;
}
.btn.downtab:hover{
	background: rgb(255, 96, 0);
	padding: 1.5rem 2rem 0.5rem;
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active, .btn-primary:active,
.show>.btn-primary.dropdown-toggle{
	background: rgb(255, 96, 0);
	border-color: rgb(255, 96, 0);
}
/*
.nav-links > ul{
  display: flex;
  justify-content: left;
  align-items: center;
  margin: 0;
  padding: 0;
}

.nav-link{
  position: relative;
	padding: inherit;
}

.nav-link > a{
  line-height: 3rem;
  padding: 0 1rem;
  letter-spacing: 1px;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: .5s;
}

    .nav-link.log-button,
    .nav-link.log-button:hover{
      border:none;
    }

  .nav-link:hover > a,
  .nav-link.active > a{
    color: rgb(255, 96, 0);
  }

.nav-link > a > i{
  margin-left: .2rem;
  font-size: 0.7rem;
}

.nav-link:hover > a{
  transform: scale(1.1);
}

.dropdown{
  position: absolute;
  top: 100%;
  left: 0;
  width: 13rem;
  transform: translateY(10px);
  opacity: 0;
  pointer-events: none;
  transition: .5s;
  padding-top: 1rem;
}

.dropdown ul{
  position: relative;
  padding-left: 0;
}

.dropdown.vehicles ul li:first-child a span{
	border-bottom: 1px solid #fff;
	padding: 1rem 0;
	width: 100%;
}

.dropdown-link > a{
  display: flex;
  background: rgb(255, 96, 0);
  color: #fff;
  padding: .5rem 1rem;
  font-size: 1.1rem;
  align-items: center;
  transition: .3s;
}

.dropdown-link svg{
	margin-right: 0.5rem;
}

.dropdown-link:hover > a{
  background-color: #ff7d32;
  color: #fff;
}

.dropdown-link:not(:nth-last-child(2)){
  border-bottom: 1px solid rgb(255, 96, 0);
}

.dropdown-link i{
  transform: rotate(-90deg);
}

.dropdown-link a i{
  transform: rotate(0deg);
	margin-right: 0.5rem;
}

.arrow{
  position: absolute;
  width: 11px;
  height: 11px;
  top: -5.5px;
  left: 3rem;
  background-color: rgb(255, 96, 0);
  transform: rotate(45deg);
  cursor: pointer;
  transition: .3s;
  z-index: -1;
}

.dropdown-link:first-child:hover ~ .arrow{
  background-color: #ea5b19;
}

.dropdown-link{
  position: relative;
}

.dropdown.second{
  top: 0;
  left: 100%;
  padding-left: .8rem;
  cursor: pointer;
  transform: translateX(10px);
}

.dropdown.second .arrow{
  top: 10px;
  left: -5.5px;
}

.nav-link:hover > .dropdown,
.dropdown-link:hover > .dropdown{
  transform: translate(0, 0);
  opacity: 1;
  pointer-events: auto;
}

.hamburger-menu-container{
  flex: 1;
  display: none;
  align-items: center;
  justify-content: flex-end;
}

.hamburger-menu{
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
	border: 2px solid rgb(255, 255, 255);
  border-radius: 100%;
}

.hamburger-menu div{
  width: 1.6rem;
  height: 3px;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  position: relative;
  z-index: 1001;
  transition: .5s;
}

.hamburger-menu div:before,
.hamburger-menu div:after{
  content: '';
  position: absolute;
  width: inherit;
  height: inherit;
  background-color:  rgb(255, 255, 255);
  border-radius: 3px;
  transition: .5s;
}

.hamburger-menu div:before{
  transform: translateY(-7px);
}

.hamburger-menu div:after{
  transform: translateY(7px);
}

#check{
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
  width: 2.5rem;
  height: 2.5rem;
  z-index: 90000;
  cursor: pointer;
  opacity: 0;
  display: none;
}

#check:checked ~ .hamburger-menu-container .hamburger-menu div{
  background-color: transparent;
}

#check:checked ~ .hamburger-menu-container .hamburger-menu div:before{
  transform: translateY(0) rotate(-45deg);
}

#check:checked ~ .hamburger-menu-container .hamburger-menu div:after{
  transform: translateY(0) rotate(45deg);
}

@keyframes animation{
  from{
      opacity: 0;
      transform: translateY(15px);
  }
  to{
      opacity: 1;
      transform: translateY(0px);
  }
}

@media (max-width: 1280px){

  .nav-link{
    padding: .5rem 0.5rem;
  }

  .nav-link > a{
    font-size: 1rem;
    padding: 0 .5rem;
		line-height: 1rem;
  }

  nav .btn{
    font-size: 1rem;
    padding: .3rem 0.8rem;
  }

}

@media (max-width: 920px){

  .hamburger-menu-container{
    display: flex;
  }

  #check{
    display: block;
  }

  .nav-btn{
    position: fixed;
    height: calc(100vh - 3rem);
    top: 4.5rem;
    left: 0;
    width: 100%;
    background: rgb(255, 96, 0);
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    overflow-x: hidden;
    overflow-y: auto;
    transform: translateX(100%);
    transition: .65s;
		padding-bottom: 10rem;
  }

  .nav-link,
  .nav-link:hover,
  .nav-link.active{
    border: none;
  }

  #check:checked ~ .nav-btn{
    transform: translateX(0);
  }

  #check:checked ~ .nav-btn .nav-link,
  #check:checked ~ .nav-btn .log-sign,
  #check:checked ~ .nav-btn .flags{
    animation: animation .5s ease forwards var(--i);
  }

  .nav-links{
    flex: initial;
    width: 100%;
  }

  .nav-links > ul{
    padding-top: 1rem;
    flex-direction: column;
  }


  .flags{
    width: 100%;
    opacity: 0;
    transform: translateY(15px);
  }

  .flags{
    margin-top: 1rem;
    padding-bottom: 2rem;
  }

  .nav-link > a,
  .nav-link > .log-sign a{
    line-height: 1;
    padding: 1.6rem 2rem;
    font-size: .95rem;
    color: #fff;
    text-align: left;
    width: 100%;
  }

	nav .btn {
    margin-left: 0;
	}

  .nav-link:hover > a, .nav-link.active > a{
    color: #fff;
  }

  .nav-link:hover > a{
    transform: scale(1);
    background: #ff823a;
  }

  .dropdown, .dropdown.second{
    position: initial;
    top: initial;
    left: initial;
    transform: initial;
    opacity: 1;
    pointer-events: auto;
    width: 100%;
    padding: 0;
    background-color: #f25800;
    display: none;
  }

  .nav-link:hover > .dropdown,
  .dropdown-link:hover > .dropdown{
    display: block;
  }

  .nav-link:hover > a > i,
  .dropdown-link:hover > a > i{
    transform: rotate(360deg);
  }

  .dropdown-link > a{
    background-color: transparent;
    color: #fff;
    padding: 1.2rem 2rem;
    line-height: 1;
  }

  .dropdown.second .dropdown-link > a{
    padding: 1.2rem 2rem 1.2rem 3rem;
  }

  .dropdown.second .dropdown.second .dropdown-link > a{
    padding: 1.2rem 2rem 1.2rem 4rem;
  }

  .dropdown-link:not(:nth-last-child(2)){
    border-bottom: none;
  }

  .arrow{
    z-index: 1;
    background: rgb(255, 96, 0);
    left: 10%;
    transform: scale(1.1) rotate(45deg);
    transition: .5s;
  }

  .nav-link:hover .arrow{
    background-color: #f25800;
  }

  .dropdown .dropdown .arrow{
    display: none;
  }

  .dropdown-link:hover > a{
    background: rgb(255, 96, 0);
  }

  .dropdown-link:first-child:hover ~ .arrow{
    background: rgb(255, 96, 0);
  }

  .nav-link > a > i{
    font-size: 1.1rem;
    transform: rotate(-90deg);
    transition: .7s;
  }

  .dropdown i{
    font-size: 1rem;
    transition: .7s;
  }

  .log-sign{
    flex: initial;
    width: 100%;
    padding: 0;
    justify-content: flex-start;
    opacity: 0;
    transform: translateY(15px);
  }

}*/

/* ###### GRIDS ###### */

.gridContainer {
	display: grid;
	gap: 1.5rem;
}

.item {
	justify-self: stretch;
}

.gridContainer.werkstatt .item ul,
.gridContainer.werkstatt .item div {
	transform: translateY(-50%);
	top: 50%;
	position: relative;
}

.gridContainer.price .item,
.gridContainer.footer .item{
	background:transparent;
}

#vehicleDetail .item.highlights{
	border:3px solid #ff6000;
	color: #ff6000;
	padding: 1rem;
	font-size: 1.5rem;
	line-height: 1.8rem;
	position: relative;
	box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.4);
	border-radius: 0;
	font-weight: 600;
}

#vehicleDetail .item.statusreport a{
	border-radius: 0;
	border: 3px solid rgba(255, 96, 0, 0.2);
	display: block;
	width: 100%;
	text-align: center;
	padding: 1rem;
	font-size: 1rem;
	transition: .3s;
}

@media (max-width: 1300px){
	#vehicleDetail .item.statusreport a{
		font-size: 1.5vw;
	}
}

@media (max-width: 828px){
	#vehicleDetail .item.statusreport a{
		font-size: 2.5vw;
	}
}

@media (max-width: 400px){
	#vehicleDetail .item.statusreport a{
		font-size: 1.2rem;
	}
}

#vehicleDetail .item.statusreport a:hover{
	border: 3px solid rgba(255, 96, 0, 1);
	background: rgba(255, 96, 0, 0.1);
	color: rgba(255, 96, 0, 1);
	transform: scale(1.1);
}

#vehicleDetail .item.highlights i{
	display: none;
	position: absolute;
	right: -0.6rem;
	top: -0.6rem;
	animation: pulse 2s infinite;
	border-radius: 100%;
	color: #fff;
	background: rgb(255, 96, 0);
	padding: 0.7rem;
	transform: scaleX(-1)
}

.gridContainer.one{grid-template-columns: 1fr;}
.gridContainer.two{grid-template-columns: 1fr 1fr;}
.gridContainer.three{grid-template-columns: 1fr 1fr 1fr;}
.gridContainer.four{grid-template-columns: 1fr 1fr 1fr 1fr;}
.gridContainer.five{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}

@media screen and (max-width:840px) {
	.gridContainer.two{grid-template-columns: 1fr;}
	.gridContainer.three{grid-template-columns: 1fr 1fr;}
}

@media screen and (max-width:600px) {
	.gridContainer,.outline{word-wrap: break-word;}
	.gridContainer.three{grid-template-columns:1fr;}
}

.gridContainer.one img,
.gridContainer.two img,
.gridContainer.three img,
.gridContainer.four img,
.gridContainer.five img{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: auto;
}

.gridContainer.one span,
.gridContainer.two span,
.gridContainer.three span,
.gridContainer.four span,
.gridContainer.five span {
	font-size: 1.6rem;
}

.gridContainer.introBubbles{
	width: 80%;
	position: absolute;
	grid-template-columns: 1fr 1fr 1fr;
	z-index: 2;
	transform: translateY(-50%);
	top: 40%;
	left: 10%;
	right: 10%;
}

@media screen and (max-width:1280px) {
	.gridContainer.introBubbles{
		top: 45%;
	}
}

@media screen and (max-width:920px) {
	.gridContainer.introBubbles{
		grid-template-columns: 1fr;
		position: relative;
		top: auto;
		transform: none;
		padding: 2rem;
	}
}

.gridContainer.introBubbles .item{
	background: none;
}

.gridContainer.vehicleType{
	grid-template-columns: 1fr;
	gap:inherit;
}

@media screen and (max-width:680px) {
	.gridContainer.vehicleType{
		grid-template-columns: 1fr 1fr 1fr!important;
	}
}


@media screen and (max-width:680px) {
	.gridContainer.vehicleType{
		grid-template-columns: 1fr 1fr 1fr!important;
	}
}

@media screen and (max-width:400px) {
	.gridContainer.vehicleType{
		grid-template-columns: 1fr 1fr!important;
	}
}

.gridContainer.detailButtons{
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 1.5rem;
	padding-bottom: 1.5rem;
}

@media screen and (max-width:460px) {
	.gridContainer.detailButtons{
		order: 5;
	}
}


@media screen and (max-width:1700px) {
	.gridContainer.detailButtons{
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width:915px) {
	.gridContainer.detailButtons{
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width:830px) {
	.gridContainer.detailButtons{
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width:686px) {
	.gridContainer.detailButtons{
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width:423px) {
	.gridContainer.detailButtons{
		grid-template-columns: 1fr;
	}
}

.detailButtons .btn.solid i{
	margin-right: 0.3rem;
}

.detailButtons a{
	width: 100%;
}

.gridContainer.carColors{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	gap:inherit;
}

@media screen and (max-width:680px) {
	.gridContainer.carColors{
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	}
}

.gridContainer.vehicleType svg{
	width: 5rem;
	fill: #fff;
	cursor: pointer;
	transition: .3s;
	transform: translateX(-50%);
	left: 50%;
	position: relative;
}

.eBikeSVG a {
	z-index: 999;
	position: relative;
}

.gridContainer.vehicleType .eBikeSVG svg{
	fill:#158e30;
}

.gridContainer.vehicleType .eBikeSVG{
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;

}

.gridContainer.vehicleType .eBikeSVG::after{
	display: none;
	content:"e-motion e-Bikes";
	background:rgba(21,142,48,1 );
	color:#fff;
	font-size:8px;
	padding:7px 0px;
	position:absolute;
	text-align:center;
	width:80px;
	left:50%;
	transform:translateX(-50%);
	top:10px;
	border-radius:3px;
	cursor:pointer;
}

.gridContainer .vehicleType .item .eBikeSVG:hover{
	fill: #158e30;
}

.gridContainer.vehicleType .eBikeSVG:hover::after{
	display:block;
}

.gridContainer.vehicleType .eBikeSVG:hover svg{
	opacity: 0;
}

.gridContainer.vehicleType .eBikeSVG:hover{
	-webkit-transform: scale(1.5);
	transform: scale(1.5,1.5);
	-ms-transform: scale(1.5,1.5); /* IE 9 */
	-webkit-transform: scale(1.5,1.5); /* Safari and Chrome */
}

.gridContainer.vehicleType svg.active{
	fill:rgb(255, 96, 0);
}

.gridContainer.vehicleType.eGreen svg:hover {
	fill:rgb(21,  142, 48);
}


.gridContainer.vehicleType svg:hover{
	/*fill:rgb(255, 96, 0); sascha*/
}

.gridContainer.vehicleType svg.unavailable,
.gridContainer.vehicleType svg.unavailable:hover{
	fill:#898989;
}

.gridContainer.footer{
	grid-template-columns: 1fr 1fr 1fr;
}

@media screen and (max-width:750px) {
	.gridContainer.footer{
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width:580px) {
	.gridContainer.footer{
		grid-template-columns: 1fr;
	}
}

.gridContainer.vehicleList{
	grid-template-columns: repeat(5, minmax(0, 1fr));
	font-size: initial;
}

.orangeBoxPrice {

	background-color: #ff600f;
}

.gridContainer.price {
	grid-template-columns: 1fr 0.5fr !important;
	min-height: 100px;
}


.gridContainer.BoxText,
.gridContainer.price{
	grid-template-columns: 1fr 1fr;
	gap: 0.1rem;
	padding-bottom: 1rem;
}

@media screen and (max-width:460px) {
	.gridContainer.BoxText{
		order: 4;
		font-size: 0.8rem;
	}
	.vehicleDetailData .gridContainer.BoxText.headLines{
		font-size: 2.2rem;
	}
}

.gridContainer.BoxText.pricing{
	grid-template-columns: 1fr 1fr 1fr;
	gap: 0.1rem;
	padding-bottom: 1rem;
}

@media screen and (max-width:460px) {
	.gridContainer.BoxText.pricing{
		order:3;
	}
}

.mobileVehiclePicture{
	display: none;
	order: 2;
}

@media screen and (max-width:830px) {
	.mobileVehiclePicture{
		display: block;
		margin-bottom:0.5rem;
	}
	.mobileVehiclePicture img{
		width: 100%;
	}
}

.gridContainer.BoxText.pricing a .fa-whatsapp{
	color: rgb(255, 96, 0);
}

@media screen and (max-width:460px) {
	.gridContainer.BoxText.headLines{
		grid-template-columns: 1fr;
	}
	#vehicleDetail .item.highlights{
		margin-top: 1rem;
	}
}

.gridContainer.BoxText.pricing{
	gap: 1.5rem;
}

@media screen and (max-width:1386px) {
	.gridContainer.BoxText.pricing{
		grid-template-columns: 1fr;
	}
}

.gridContainer.BoxText .item:nth-child(2n-1){
	font-weight: 400;
}

@media screen and (max-width:1600px) {
	.gridContainer.vehicleList{
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media screen and (max-width:1290px) {
	.gridContainer.vehicleList{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width:600px) {
	.gridContainer.vehicleList{
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

.gridContainer.vehicleList > .item{
	background: #1a1a1a;
}

/* ######### Body Colors ######### */

.form-check-input {
	width: 1em;
	height: 1em;
	margin-top: 0.25em;
	vertical-align: top;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1pxsolid rgba(0,0,0,.25);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
}

.form-check-input:checked{
	border-color: transparent;
}

.form-check-input[type=checkbox] {
	border-radius: 100%;
}

.carColors input[type="checkbox"]{
	height: 1.3rem!important;
}

.CarColor{
	border-radius: 100%;
	width: 20px;
	height: 20px;
	float: left;
	margin: 10px 10px 0 0;
	position: relative;
}

/* WHITE */

.CarColor.white{
	background: #fff;
	border: 1px solid #ccc;
}

.CarColor.white.active:before{
	color: #000;
}

/* SILVER */

.CarColor.silver{
	background: #a8a8a8;
}

.CarColor.silver.active:before{
	color: #fff;
}

/* DARK GREY */

.CarColor.darkGrey{
	background: #6d6d6d;
}

.CarColor.darkGrey.active:before{
	color: #fff;
}

/* BLACK */

.CarColor.black{
	background: #000;
}

.CarColor.black.active:before{
	color: #fff;
}

/* FAWN */

.CarColor.fawn{
	background: #ddd8aa;
}

.CarColor.fawn.active:before{
	color: #fff;
}

/* YELLOW */

.CarColor.yellow{
	background: #ffe100;
}

.CarColor.yellow.active:before{
	color: #fff;
}

/* GOLD */

.CarColor.gold{
	background: #ffc700;
}

.CarColor.gold.active:before{
	color: #fff;
}

/* ORANGE */

.CarColor.orange{
	background: #ffad3d;
}

.CarColor.orange.active:before{
	color: #fff;
}

/* RED */

.CarColor.red{
	background: #d53d38;
}

.CarColor.red.active:before{
	color: #fff;
}

/* VIOLET */

.CarColor.violet{
	background: #a134c3;
}

.CarColor.violet.active:before{
	color: #fff;
}

/* BLUE */

.CarColor.blue{
	background: #3f2cc3;
}

.CarColor.blue.active:before{
	color: #fff;
}

/* PURPEL */

.CarColor.purple{
	background: #00c4ad;
}

.CarColor.purple.active:before{
	color: #fff;
}

/* BROWN */

.CarColor.brown{
	background: #aa5712;
}

.CarColor.brown.active:before{
	color: #fff;
}

/* GREEN */

.CarColor.green{
	background: #3ecb56;
}

.CarColor.green.active:before{
	color: #fff;
}

/*.CarColor.white.active:before {
			font-family: 'Font Awesome 5 Free';
		  font-weight: 900;
	    content: "\f00c";
	    font-size: 0.7rem;
			top: 4px;
			left: -5px;
	    position: relative;
	}*/





.CarColor.unavailable {
	opacity:0.3;
}

.CarColor.unavailable:after{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f715";
	font-size: 1.3rem;
	top: -10px;
	left: -0.8rem;
	position: relative;
	color: #fff;
	opacity:1;
}

/* ###### PULSE ANIMATION ###### */

@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255,96,0, 0.6);
	}
	70% {
		-webkit-box-shadow: 0 0 0 20px rgba(255,96,0, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(255,96,0, 0);
	}
}
@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(255,96,0, 0.6);
		box-shadow: 0 0 0 0 rgba(255,96,0, 0.6);
	}
	70% {
		-moz-box-shadow: 0 0 0 10px rgba(255,96,0, 0);
		box-shadow: 0 0 0 20px rgba(255,96,0, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(255,96,0, 0);
		box-shadow: 0 0 0 0 rgba(255,96,0, 0);
	}
}

/* ###### greenPulse ###### */

@-webkit-keyframes greenPulse {
	0% {
		-webkit-transform: scale(1);
	}
	70% {
		-webkit-transform: scale(1.3);

	}
	100% {
		-webkit-transform: scale(1);
	}
}
@keyframes greenPulse {
	0% {
		transform: scale(1);
	}
	70% {
		transform: scale(1.3);
	}
	100% {
		transform: scale(1);
	}
}

/* Modal Content */
.modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.4);
}

.detectIE  {
	display: block;
}

.modal .modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border-radius: 4px;
	max-width: 25rem;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

/* The Close Button */

.loginMask input{
	margin-bottom: 1rem;
	position: relative;
	font-family: inherit;
	font-size: 1rem;
	border: 1px solid #C9D3DF;
	background: #fff;
	color: #4d4d4d;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	border-radius: 5px;
	width: 100%;
}

.modal .close {
	color: #fff;
	float: right;
	top: 1.7rem;
	right:1.8rem;
	font-size: 1.2rem;
	font-weight: bold;
	transition: .3s;
}

.modal .close:hover,
.modal .close:focus {
	color: rgb(255, 96, 0);
	text-decoration: none;
	cursor: pointer;
}

.modal .modal-header {
	background: #21252a;
	border-bottom: none;
	padding:0.7rem;
	justify-content: center;
	border-radius: 0;
}

.modal.VehiclePictures .modal-header {
	z-index: 2;
	width: 88rem;
	position: fixed;
	padding: 2.6rem 0.7rem 0.7rem 0.7rem;
}

.modal.VehiclePictures .close{
	top: initial;
	bottom: 1.8rem;
	right: 1.8rem;
}

@media (max-width:1500px){
	.modal.VehiclePictures .modal-header {
		width: 80%;
	}
}

@media screen and (max-width: 800px){
	.modal.VehiclePictures .modal-header{
		width: 100%;
	}
}

.modal.VehiclePictures .modal-body {
	padding: 4.55rem 2rem 2rem;
}

@supports (-webkit-touch-callout: none) {
	.modal.VehiclePictures .modal-body {
		padding: 8.55rem 2rem 2rem;
	}
}

@supports not (-webkit-touch-callout: none) {
	.modal.VehiclePictures .modal-body {
		padding: 4.55rem 2rem 2rem;
	}
}

.modal .modal-header h2{
	padding: 0;
	font-size: 2.1875rem;
}


.modal .modal-body {
	padding: 2rem;
	text-align: center;
	border-radius: 0;
	background: #1a1a1a;
}

.modal p{
	color: #ffffff;
	font-size: 1.15em;
}

.modal .button.small,
.login-mask .button.small,
.popup .button.small,
.wunschauto .button.small{
	position: relative;
	transform: translateX(-50%);
	left: 50%;
	border-radius: 0;
	font-size: 1.1rem;
	padding: 0.5rem 1.3rem;
	height: auto;
	line-height: initial;
	animation: pulse 2s infinite;
}

.modal .modal-body h3 {
	text-align: center!important;
	font-size: 1.5rem;
	padding-bottom: 10px!important;
}

.modal .modal-body audio {
	margin-bottom: 50px;
	width: 100%;
	max-width: 850px;
}

.modal .modal-body video {
	margin-bottom: 50px;
}

/* Important part */
.modal{
	overflow-y: initial !important;
	z-index: 30;
}
.modal-body{
	overflow-y: auto;
}

/* ############## Flexslider ############## */

.slider{
	position: relative;
	top: -5rem;
}

@media (max-width: 1280px){
	.slider{
		top: inherit;
	}
}

.flexslider{
	background: #000;
	position: relative;
	border:none;
	z-index: 1;
	margin: 0;
}

.flex-control-nav{
	bottom: 2rem;
}

@media (max-width: 500px){
	.flex-control-nav{
		bottom: 1rem;
	}
}

.flex-direction-nav a{
	height: 60px;
}

.flex-direction-nav a:before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

@media (max-width: 500px){
	.flex-direction-nav a{
		height: 30px;
	}
	.flex-direction-nav a:before{
		font-size: 25px;
	}
}

.flex-direction-nav a:before{
	content:'\f053';
}

.flex-direction-nav a.flex-next:before{
	content:'\f054';
}

.flex-control-paging li a.flex-active {
	background: rgba(255, 255, 255, 1);
}

.flex-control-paging li a {
	background: transparent;
	border: 2px solid #fff;
	box-shadow: none;
	width: 20px;
	height: 20px;
}

.flex-direction-nav a,
.flex-direction-nav a:before{
	color: rgba(255, 255, 255, 1);
	text-shadow: none;
}

.flexslider .flex-direction-nav .flex-next {
	right:1.5rem;
	opacity: .8;
}

.flexslider .flex-direction-nav .flex-prev {
	left: 1.5rem;
	opacity: .8;
}

.wunschauto button{
	margin-top: 1rem;
}

.articles.wunschauto img{
	min-width: 100%;
	max-width: 100%;
	margin-top: 2rem;
	border-radius: 0;
}

form .message{
	color: #fff;
	border-radius: 0;
	padding: 0.5rem;
	text-align:center;
	font-size: 1.2rem;
}

@supports (-webkit-touch-callout: none) {
	form .message{
		margin-top: 2rem;
	}
}

@supports not (-webkit-touch-callout: none) {
	form .message{
		margin-top: 0rem;
	}
}

form .message.green{
	background:#198c00;
}

form .message.red{
	background: #bf0000;
}

.gridContainer.team{
	grid-template-columns: 1fr 1fr 1fr;
}

.gridContainer.team a img{
	width: auto;
	min-width: auto;
	position: relative;
	top: -2px;
}

@media (max-width: 780px){
	.gridContainer.team{
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 500px){
	.gridContainer.team{
		grid-template-columns: 1fr;
	}
}

.gridContainer.team img{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: auto;
}

.gridContainer.team span{
	font-size: 1.6rem;
}

.conditionReport{
	font-family: Arial, Helvetica, sans-serif;
	padding: 2rem;
	max-width: 1200px;
	margin: 0 auto;
}

.conditionReport h2{
	color: #fff;
	font-size: 2rem;
	line-height: 2.3rem;
	font-weight: 300;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.conditionReport h2.headline{
	font-size: 3rem;
	margin: 2rem 0;
}

@media (max-width: 365px){
	.conditionReport h2.headline{
		font-size: 2rem;
	}
}

.conditionReport .gridContainer.data{
	gap: 0.5rem;
}

.conditionReport .gridContainer.data .item:nth-child(2n-1) {
	font-weight: 400;
}

.conditionReport .gridContainer.grey{
	margin-top: 1.5rem;
}

.conditionReport .gridContainer.grey > .item{
	padding: 1rem;
	border-radius: .5rem;
}

.conditionReport .outline{
	border: 2px solid #333333;
	padding: 1rem;
	margin-top: 1.5rem;
}

.conditionReport .outline img,
.conditionReport .grey img{
	border-radius: .5rem;
}

.conditionReport .gridContainer .item{
	background: transparent;
}

.conditionReport .gridContainer.data.equipment .item:nth-child(2n-1) {
	font-weight: 300;
}

.conditionReport .gridContainer.data.equipment .item span{
	font-size: 1.2rem;
}

.conditionReport .gridContainer.data.equipment .item span:before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 300;
	content:"\f111";
	padding-right: .5rem;
	font-size: 1rem;
	color: rgb(255, 96, 0);
}

@media (max-width: 700px){
	.conditionReport h1{
		word-wrap: break-word;
	}
}

@media (max-width: 450px){
	.conditionReport h1{
		font-size: 20px;
		padding-top: 10px;
		padding-bottom: 25px;
	}
}

.conditionReportLinks .fa-circle{
	color: rgb(255, 96, 0);
	margin:0 1rem;
	font-size: 1rem;
}

@media (max-width: 400px){
	.cookie-settings .display-h2{
		font-size: 1.5rem;
	}
}

/*@media (max-width: 920px){
  .dropdown, .dropdown.second,
  .nav-link:hover > .dropdown, .dropdown-link:hover > .dropdown{
    display: inherit;
  }
}*/

/* SLICK SLIDER */

.introSlider {
	position: relative;
	top: -5rem;
}

@media (max-width: 1280px){
	.introSlider{
		top: inherit;
	}
}

.slick-slide {
	height: inherit;
}

.introSlider img{
	min-width: 100%;
}

.slick-prev,
.slick-next{
	z-index: 2;
}

.slick-prev{
	left: 1.5rem;
}

.slick-next{
	right: 1.5rem;
}

.slick-next:before,
.slick-prev:before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 40px;
	transition: .3s;
}

.slick-next:before {
	content: '\f054';
}

.slick-prev:before {
	content: '\f053';
}

.slick-dots {
	bottom: 2rem;
}

@media (max-width: 400px){
	.slick-dots {
		bottom: 1rem;
	}
}

.slick-dots li button:before {
	content: none;
}

.slick-dots li.slick-active button,
.slick-dots li:hover button {
	border: 2px solid #fff;
	box-shadow: none;
	width: 20px;
	height: 20px;
	background: rgba(255, 255, 255, 1);
	border-radius: 20px;
}

.slick-dots li button {
	background: transparent;
	border: 2px solid #fff;
	box-shadow: none;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	transition: .3s;
}

.video-wrapper {
	position: relative;
	padding-bottom: 52.90%;
	padding-top: 25px;
	margin-top: -10.25%;
}

.slick-slide video {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* SLICK SLIDER ENDE */

#popUp,
#popUp2{
	position: fixed;
	max-width: 350px;
	border: 7px solid #fff;
	top: 50%;
	transform: translate(-50%,-50%);
	left: 50%;
	margin-left: 0;
	background: rgb(255, 96, 0);-webkit-transition: all 1s ease;
	-moz-transition: all 5s ease;
	-o-transition: all 5s ease;
	transition: all 5s ease;
	z-index: 999;
	border-radius: 2rem;
}

#popUp.aktionsbanner,
#popUp2.aktionsbanner {
	max-width: 35vw;
}

@media all and (max-width: 1200px) {
	#popUp.aktionsbanner,
	#popUp2.aktionsbanner {
		max-width: 600px;
	}
}

@media all and (max-width: 460px) {
	#popUp.aktionsbanner,
	#popUp2.aktionsbanner,
	#popUp,
	#popUp2 {
		width: 90%;
		max-width: 90%;
	}
}

#new span {
	background: #fff;
	position: absolute;
	color: #1c8dc4;
	padding: 4px 10px;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-top: -5px;
}

#popUp .close,
#popUp2 .close {
	color: black;
	right: 16px;
	top: 12px;
	position: absolute;
	font-size: 20px;
	background: #fff;
	height: auto;
	border-radius: 100%;
	cursor: pointer;
	padding: 0.35rem 0.5rem 0.2rem;
}

#popUp h2,
#popUp2 h2 {
	font-size: 20px;
	color: #fff;
	line-height: 24px;
	font-weight: 400;
	text-align: center;
	margin-top: 40px;
	padding: 0 20px;
}

#popUp p,
#popUp2 p {
	font-size: 15px;
	text-align: center;
	padding: 10px 20px 0;
	color: #fff;
}

#popUp img,
#popUp2 img{
	padding: 1rem 0;
	width: 100px;
}

#popUp.aktionsbanner img,
#popUp2.aktionsbanner img{
	padding: 1rem;
	max-width: 100%;
	width: 1000px;
	border-radius: 2rem;
}

#popUp.aktionsbanner.betriebsferien img,
#popUp2.aktionsbanner.betriebsferien img{
	width: 600px;
}

@media all and (max-width: 460px) {
	#popUp.aktionsbanner img,
	#popUp2.aktionsbanner img{
		padding: 0.5rem;
	}
}

#body {
	height: 1200px;
	background: #eee;
}

a.button {
	margin: 0 auto;
	text-align: center;
	right: 0;
	left: 0;
	position: absolute;
	width: 120px;
	font-size: 15px;
	color: #fff;
	border-bottom: 2px solid #18729f;
	background: #1c8dc4;
	border-radius: 4px;
	padding: 8px 0;
}

#plus,
#plus2 {
	position: fixed;
	color: #fff;
	bottom: 15%;
	font-size: 15px;
	margin-left: -425px;
	-webkit-transition: all 1.25s ease;
	-moz-transition: all 1.25s ease;
	-o-transition: all 1.25s ease;
	transition: all 1.25s ease;
	cursor: pointer;
	text-align: left;
	letter-spacing: 1px;
}

#plus span,
#plus2 span {
	position: absolute;
	margin-top: 38px;
	left: 4px;
}

#plus::after,
#plus2::after {
	content: '';
	display: block;
	display: relative;
	border-top: 55px solid transparent;
	border-bottom: 55px solid transparent;
	border-left: 55px solid #1c8dc4;
}

#signature-container {
	min-height:300px;
	position: relative;
}

#signature-container canvas {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	/*height: 100%;*/
	background:#ffffff;
}

/*@media all and (max-width: 900px) {
  #popUp {
    margin-left: -425px;
  }
  #plus {
    margin-left: 0px;
  }
}*/

/* DAY COUNTDOWN */
/*
.counterHeadline{
	display: flex;
    justify-content: center;
    top: -1rem;
    position: relative;
}

.containerCountdown{
	position: relative;
    justify-content: center;
    display: flex;
    margin-bottom: 3rem;
}

.countDown__cont{font-family:Lato,Arial,Gadget,sans-serif;font-size:13px;display:flex;color:#333}.countDown__interval_cont{display:flex;justify-content:space-around;width:auto}.countDown__interval_cont:nth-child(n+1):not(:last-child){margin-right:1em}.countDown__interval_basic_cont{display:flex;flex-direction:column}.countDown__interval_basic_cont_description{display:flex;margin-left:.3em;margin-top:.3em;font-size:1.2em;font-weight:700;color:#fff;text-shadow:.1em .1em .1em #000}.countDown__digit_cont{perspective:1.6em * 2;box-shadow:.1em .1em .1em rgba(0,0,0,.2);width:1em;height:1.6em;position:relative;line-height:1.6em;font-size:5em;font-weight:700;border-radius:.08em}.countDown__digit_cont:nth-child(n+1):not(:last-child){margin-right:.05em}.countDown__digit_last_placeholder,.countDown__digit_new_placeholder{position:absolute;left:0;width:100%;height:50%;text-align:center;overflow:hidden}.countDown__digit_last_placeholder{bottom:0;background:#fff;border-radius:0 0 .08em .08em}.countDown__digit_last_placeholder_inner{width:100%;height:100%;display:flex;justify-content:center;align-items:center;bottom:50%;position:absolute}.countDown__digit_new_placeholder{top:0;background:#f7f7f7;border-radius:.08em .08em 0 0}.countDown__digit_last_rotate,.countDown__digit_new_rotate{display:flex;justify-content:center;width:100%;height:50%;font-weight:700;position:absolute;top:0;overflow:hidden;animation-duration:.4s;animation-timing-function:linear;border-radius:.08em .08em 0 0;animation-fill-mode:forwards;transform-origin:100% 100%}.countDown__digit_last_rotate:after,.countDown__digit_new_rotate:after{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:100%;border-bottom:.01em solid rgba(0,0,0,.1)}.countDown__digit_last_rotate{animation-name:countDown_flip_1;background:#f7f7f7}.countDown__digit_new_rotate{animation-name:countDown_flip_2;background:#fff}.countDown__digit_new_rotated{transform:rotateX(180deg);width:100%;height:100%}.countDown__digit_new_rotated_inner{width:100%;height:100%;display:flex;justify-content:center;align-items:center;bottom:50%;position:absolute}@keyframes countDown_flip_1{0%{transform:rotateX(0);z-index:1}100%{transform:rotateX(-180deg);z-index:0}}@keyframes countDown_flip_2{0%{transform:rotateX(0);z-index:0}100%{transform:rotateX(-180deg);z-index:1}}

.countDown__interval_basic_cont_description {
    margin-left: -0.7em;
    justify-content: center;
}*/

.counterHeadline{
	display: flex;
	justify-content: center;
	top: -1rem;
	position: relative;
	text-align: center;
}

#clockdiv {
	color: #fff;
	display: flex;
	font-weight: 100;
	text-align: center;
	font-size: 55px;
	justify-content: center;

}

#clockdiv > div{
	padding: 1rem;
	border-radius: 7px;
	background: #ffffff;
	display: inline-block;
	background: rgb(204,204,204);
	background: -moz-linear-gradient(0deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 22%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 80%, rgba(204,204,204,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 22%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 80%, rgba(204,204,204,1) 100%);
	background: linear-gradient(0deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 22%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 80%, rgba(204,204,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc",endColorstr="#cccccc",GradientType=1);
	position: relative;
}

#clockdiv > div:after {
	content: "";
	width: 100%;
	border-bottom: 1px solid #e8e8e8;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	left: 0;
	z-index: 1;
}

#clockdiv div > span {
	position: relative;
	padding: 0rem 1rem 0 1rem;
	color: #000000;
	border-radius: 3px;
	font-weight: bold;
	display: inline-block;
	z-index: 2;
}

.smalltext {
	display: flex;
	justify-content: center;
	font-size: 25px;
	color: #ffffff;
	margin-bottom: 4rem;
}

/* Wunschauto */

.wunschauto label{
	margin:1rem 0 0.5rem;
}

.wunschauto .form-check-label{
	margin: initial;
}

.nav-link:hover,
.nav-link:focus,
.tab-content,
.nav-link{
	color: #ffffff;
}

.nav-link{
	padding: 0.5rem 1rem 0;
}

.nav-tabs{
	border: none;
	font-size: 20px;
	border-bottom: 4px solid #666666;
}

.nav-tabs .nav-link{
	position: relative;
	border: none;
	border-bottom: 4px solid #666666;
	bottom: -3px;
	font-size: inherit;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link:hover {
	color: #ffffff;
	background-color: #1a1a1a;
	border:none;
	border-bottom: 4px solid #ff6000;
}

.tab-content{
	padding: 20px;
	/*min-height: 450px;*/
}

.wunschauto input[type="text"],
.wunschauto input[type="password"] {
	margin-bottom:0;
}

/* Grid Container */

.gridContainer {
	display: grid;
	gap: 1.5rem;
}

.gridContainer.vehicleType,
.gridContainer.vehicleFuel,
.gridContainer.vehicleDoors,
.gridContainer.vehicleTransmission,
.gridContainer.carColors,
.gridContainer.vehiclePower{
	gap: inherit;
}

.gridContainer.vehicleFuel,
.gridContainer.vehicleDoors,
.gridContainer.vehicleTransmission,
.gridContainer.vehiclePower{
	margin-top:10px;
}

.gridContainer.vehicleType {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 1450px) {
	.gridContainer.vehicleType {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	}
}

@media screen and (max-width: 992px) {
	.gridContainer.vehicleType {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

@media screen and (max-width: 450px) {
	.gridContainer.vehicleType {
		grid-template-columns: 1fr 1fr;
	}
}


.gridContainer.vehicleFuel {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 500px) {
	.gridContainer.vehicleFuel {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media screen and (max-width: 400px) {
	.gridContainer.vehicleFuel {
		grid-template-columns: 1fr 1fr;
	}
}

.gridContainer.vehicleDoors {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 450px) {
	.gridContainer.vehicleDoors {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media screen and (max-width: 400px) {
	.gridContainer.vehicleDoors {
		grid-template-columns: 1fr 1fr;
	}
}

.gridContainer.vehiclePower{
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 777px) {
	.gridContainer.vehiclePower{
		grid-template-columns: 1fr 1fr;
	}
}

.gridContainer.vehicleTransmission {
	grid-template-columns: 1fr 1fr 1fr;
}

@media screen and (max-width: 576px) {
	.gridContainer.vehicleTransmission {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 300px) {
	.gridContainer.vehicleTransmission {
		grid-template-columns: 1fr;
	}
}

.gridContainer.carColors {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 530px) {
	.gridContainer.carColors {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	}
	.gridContainer.carColors .item{
		padding-top: 5px;
	}
}

@media screen and (max-width: 420px) {
	.gridContainer.carColors {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
}

.form-check {
	min-height: 1.5rem;
	padding-left: 1.5em;
	margin-bottom: 0.125rem;
	line-height: 1.8rem;
}
.form-check .form-check-input {
	float: left;
	margin-left: -1.5em;
}

.form-check-input {
	width: 1em;
	height: 1em;
	margin-top: 0.25em;
	vertical-align: top;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid rgba(0, 0, 0, 0.25);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
}
.form-check-input[type=checkbox] {
	border-radius: 0.25em;
}
.form-check-input[type=radio] {
	border-radius: 50%;
}
.form-check-input:active {
	filter: brightness(90%);
}
.form-check-input:focus {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
	/*background-color: #0d6efd;*/
	border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input.CarColor.white:checked[type=checkbox] {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23000000;stroke-width:2;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpath class='st0' d='M6,10l3,3l6-6'/%3E%3C/svg%3E");
}
.form-check-input:checked[type=radio] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
	background-color: #0d6efd;
	border-color: #0d6efd;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
	pointer-events: none;
	filter: none;
	opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
	opacity: 0.5;
}

.form-check-input[type=checkbox] {
	border-radius: 0;
}

.form-check-input:checked {
	/*background-color: #ff6000;*/
	border-color: #ff6000;
}

.form-check-input:focus {
	border-color: #ff6000;
	box-shadow: 0 0 0 0.25rem rgb(255 96 0 / 25%);
}

/* Search select */

.fstdropdown{
	color: #000000;
	border-radius: 0%;
	border: 3px solid #ff6000;
}

button.fstAll{
	background-color: #ff600f;
}

button.fstAll:hover {
	background-color: #e3550e;
}

.fstdropdown.open:hover {
	border-color: #ff6000;
	box-shadow: none;
}

.fstlist > div {
	border-bottom: 1px solid  #a3a3a3;
}

.fstsearchinput{
	border-radius: 0%;
	box-shadow: none;
	border: 3px solid #ff6000;
}

.fstlist > div:hover {
	background-color: #a3a3a3;
	color: #fff;
}

.fstlist > div.selected {
	background-color: #a3a3a3;
	color: #fff;
}

/* Forms */
.form-select{
	height: initial;
}

.form-control,
.form-select{
	border-radius: 0%;
	border: 3px solid #ff6000;
	margin: 0;
}

.form-check-input[type=checkbox] {
	border-radius: 0;
}

.form-check-input:checked {
	/*background-color: #ff6000;*/
	border-color: #ff6000;
}

.form-check-input:focus {
	border-color: #ff6000;
	box-shadow: 0 0 0 0.25rem rgb(255 96 0 / 25%);
}

.form-control:focus {
	color: #212529;
	background-color: #fff;
	border-color: #ff6000;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgb(255 96 0 / 25%);
}

.suchkriterien label {
	margin-top: 1rem;
	margin-bottom: 5px;
	display: block;
	font-size: 1rem;
}

.suchkriterien div input[type="checkbox"] {
	margin-top: 0.8rem;
	height: inherit;
}

#quickLinks2 .suchkriterien div input[type="checkbox"] {
	margin-top: 0.4rem;
	height: 1.1em;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxx   footer   xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.ams-f img{
	width: 18rem;
}


.svg-f{
	/*height: 100%;
	width: 100%;
    background-image: url("../img/dark_bg.svg");
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 !important;
    padding: 0 !important;*/
	border-top:8px solid #ff600f;
}

.svg-f p{
	color: white;
	padding: 10px;
}

.ams-f{
	text-align: center;
	color: white;
	margin-top: 2rem !important;
	margin-bottom: 10px;
}

.zeiten{
	font-size: 1.5rem;
	text-align: center;
	color: #ff600f;
	margin-bottom: 2rem !important;
}

.zeiten p{
	display: inline-block;
	margin: 0px !important;
	padding: 0px !important;
}

.adresse{
	text-align: center;
	color: white;
}

.centerList ul{
	display: inline-block;
	text-align: left;
}

.text-center{
	text-align: center;
}

footer .adresse{
	font-size: 1.5rem;
	margin-bottom: 2rem !important;
}



@media screen and (max-width: 992px) {
	footer .adresse{
		margin: 2rem 0;
	}
}

.socialmedia{
	font-size: 1.5rem;
	text-align: center;
	color: #ff600f;
	margin-bottom: 2rem !important;
}

.socialmedia a{
	display: inline-block;
	padding: 10px;
}

.socialmedia i{
	font-size: 3rem;
	color: #fff;
}

.socialmedia svg{
	display: inline-block;
}

.tel{
	font-size: 1.5rem;
	text-align: center;
	color: #ff600f;
	margin-top: 15px !important;
	margin-bottom: 2rem !important;
}

@media screen and (max-width: 992px) {
	.tel{
		margin-top: 2rem!important;
	}
	.tel p{
		margin: 0;
	}

}

.tel p{
	display: inline-block;
	color: #fff;
}

.email{
	font-size: 1.5rem;
	text-align: center;
	color: #ff600f;
	margin-top: 15px !important;
	margin-bottom: 2rem !important;
}

.email p{
	display: inline-block;
	color: #fff;
}

@media screen and (max-width: 992px) {
	.email{
		margin-top: 0!important;
	}
	.email p{
		margin: 0;
	}

}

.fax{
	font-size: 1.5rem;
	text-align: center;
	color: #ff600f;
	margin-top: 15px !important;
	margin-bottom: 2rem !important;
}

.fax p{
	display: inline-block;
	color: #fff;
}

@media screen and (max-width: 992px) {
	.fax{
		margin-top: 0!important;
		margin-bottom: 2rem;
	}
	.fax p{
		margin: 0;
	}

}

.row-footer {
	margin-bottom:5px;
}

.trennlinie{
	border-color: white;
	border-width: 2px;
	margin: 0px !important;
}

.footer-stuff{
	color: white;
	padding: 0px !important;
	margin-top: 1rem !important;
	padding-bottom: 1rem !important;
	text-align: center;
	font-size: 16px;
}

@media screen and (max-width: 992px) {
	.footer-stuff{
		margin-bottom: 3.5rem !important;
	}
}

.footer-stuff a{
	color: #fff;
}

@media screen and (max-width: 1183px) {
	footer .adresse,
	footer .zeiten,
	footer .tel,
	footer .email,
	footer .fax,
	footer .socialmedia{
		font-size: 1rem;
	}
	.socialmedia i {
		font-size: 2rem;
	}
}

.btn-outline-info {
	border-color: #ff600f;
}

.btn-outline-info:hover {
	color: #fff;
	background-color: #ff600f;
	border-color: #ff600f;
}

.vehiclePictureOnclick,
.vehicleRegistrationOnclick{
	width:98%;
	max-width: 600px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}

.vehiclePictureOnclickBrowse,
.vehicleRegistrationOnclickBrowse {
	width: 100%!important;
}

#mainContendToIframe h2,
#mainPageHeadContend h2{
	font-size: 35px;
	text-align: center;
	font-weight: 300;
	padding-top: 20px;
	padding-bottom: 35px;
	color: #ff600f;
	text-align: center;
	margin: 20px 0;
}

/* NEW MAREIKE */

.gridContainer.vehicleType {
	grid-template-columns: 1fr 1fr;
}

.gridContainer.timeline {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 992px) {
	.gridContainer.vehicleType {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.gridContainer.timeline {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 992px){
	.gridContainer.vehicleType.eGreenRes {
		grid-template-columns: 1fr 1fr!important;
		order: 2 !important;
	}
}

#sellCarForm .g-recaptcha{
	margin-top: 2rem;
	margin-bottom: 1rem;
}

#sellCarForm .button.small{
	margin-top: 1rem;
}

a.button.small.tradexBtn {
	background-image: linear-gradient(to right, #2dc0d3, #003a81) !important;
	/*background: #00c4ad !important;*/
	animation: none !important;
	margin: 0!important;
}

a.tradexBtn {
	width: 72px;
	display: inline-block;
}

#main .modal p{
	font-size: 1rem!important;
}

#main .modal p.orange-text{
	color: #ff6000;
	font-size: 1.3rem!important;
}

#myModalDealer .modal-header{
	background: #1a1a1a!important;
}

#main .modal .modal-header p.orange-text {
	margin-top: 1rem;
	margin-bottom: 0;
}

#main #myModalDealer.modal .modal-body{
	padding: 1rem 2rem 2rem;
}

#main #myModalDealer.modal .modal-content{
	max-width: 27rem;
}