/* here you can put your own css to customize and override the theme */

.ui-corner-all {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
}

.container_used{
	display:block;
	width:100%;
	height:auto;
	margin:30px 0 0 0;
	padding:0;
}
.best_sel_link{
	position:relative;
	float:left;
	margin:0px 0px 20px 2%;
	width:34%;
	height:auto;
}
.garant_link{
	position:relative;
	float:left;
	left:12px;
	margin:5% 0 6% 0;
	width:25%;
	height:auto;
}
.garant_link img{
	display:block;
	float:left;
	width:100%;
	height:auto;
	position:relative;
	bottom:0;
	left:4%;
}
.garant_link a{
	display:block;
	width:50%;
	height:auto;
	float:right;
	position:relative;
	bottom:0;
	right:0;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	white-space: nowrap;
	font-weight:bold;
	padding:4px;
}
.gw-detail{
	position:relative;
	float:right;
	margin:0;
	width:100%;
	height:auto;
	margin:2% 2% 0 0;
}
.gw-detail:after{clear:both;}
.gw-detail table>tbody>tr>td:first-child{
	width:30%;
	max-width:30%;
}
.gwselekt {
	background-color:#DEDEDE;
	font-size: 14px;
	color:#333333;
	width:180px;
	min-width:100%;
	max-width:100%;
	height:24px;
	margin: 0px;
	margin-bottom:6px;
	text-align: left;
	border: 1px solid #666666;
}
/* ------Ende Gebrauchtwagen Suchfeld------ */

.dealerlist {
	position:relative;
	display:block; 
	width:100%;
	height:0px;
	overflow:hidden;
}


/* ------------Terminbuchung---------------- */

#testDrive {
	height: calc(100vh - 160px);
}

.datebox {
	position:relative; 
	float:left; 
	font-size:0.75em; 
	width:12%;
	border:none;
	box-shadow:2px 2px 2px #999999;
	padding:8px;
	margin:5px;	
	background-color:#CFCFCF;
}

.timebox {
	position:relative; 
	float:left; 
	font-size:0.75em; 
	width:9.05%;
	border:none;
	box-shadow:2px 2px 2px #999999;
	padding:8px;
	margin:5px;	
	background-color:#CFCFCF;
}

#stepBack {
	display:none; 
	position:absolute; 
	left:5px; 
	bottom:5px;
}

#stepFwd {
	display:none; 
	position:absolute; 
	right:5px; 
	bottom:5px;
}

@media (max-width: 767px) {
	.datebox {
		font-size:0.5em; 
		padding:3px;
		margin:2px;
	}	
	.timebox {
		font-size:0.5em; 
		padding:2px;
		margin:2px;
	}	
	h5 {
		font-size:15px;
	}	
	h6 {
		font-size:13px;
	}	
	#stepBack {
	position:relative; 
		left:0px; 
		top:10px;
	}

	#stepFwd {
		position:relative; 
		right:0px; 
		top:10px;
	}
}

.daySel {
	background-color: #FF3333;
}

.daySel:hover {
	background-color: #BFBFBF;
	cursor: not-allowed;
}

.dayActive {
	background-color: #33FF33;
	cursor: pointer;
}

.dayActive:hover {
	background-color: #33CCEE;
}

.dayCheck {
	background-color: #44DDFF;
}

.dayCheck:hover {
	background-color: #33CCEE;
}

.prog_wrap {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.progressbar {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 200%;
    height: 40px;
    font-size: 16px;
}

.progressbar li {
    float: left;
    position: relative;
    display: block;
    width: 155px;
    height: 36px;
    list-style: none none outside;
    text-decoration: none;
    text-align: left;
    color: #ffffff;
    background: url(../../../images/navimages/progbar/progbar_bg1.png) no-repeat;
    padding-left: 20px;
    padding-top: 10px;
}

.progressbar li.inactive {
    background: url(../../../images/navimages/progbar/progbar_inactive1.png) no-repeat;
}

.progressbar li.open {
    background: url(../../../images/navimages/progbar/progbar_open1.png) no-repeat;
    color: #ffffff;
}

.progressbar li.edited {
    background: url(../../../images/navimages/progbar/progbar_edited1.png) no-repeat;
    cursor: pointer;
    color: #555555;
    padding-top: 8px;
}

.progressbar li.edited a, .progressbar li.edited a:hover {
    color: #555555;
}

.progressbar li.edited:hover {
    background: url(../../../images/navimages/progbar/progbar_edited_hover1.png) no-repeat;
    cursor: pointer;
    color: #555555;
}

.progressbar > li:first-of-type, .progressbar > li:first-of-type.edited:hover {
    z-index: 1;
    background-position: -10px 0;
    margin-left: 0;
}

.progressbar > li:nth-of-type(2) {
    z-index: 2;
    margin-left: -40px;
}

.progressbar > li:nth-of-type(3) {
    z-index: 3;
    margin-left: -30px;
}

.progressbar > li:nth-of-type(4) {
    z-index: 4;
    margin-left: -30px;
}

.progressbar > li:last-of-type {
    z-index: 5;
    margin-left: -61px;
    padding-left: 50px;
    background-position: 30px 0;
    overflow: hidden;
}

.lst_gruppe {
	position:relative;
	float:left;
	width:90px;
	height:90px;
	margin:11px 11px 0px 0px;
	overflow:hidden;
	cursor: pointer;
	background: url('../../../images/service_icons/HG_Toy.jpg') no-repeat;
	background-size: cover; 
	background-position: center center;
}

.nwtBg {
	background-color:#22AACC;
	color:#FFF;	
}

.BSButton {
	position:relative;
	float:right;
	margin-top:0px;
	font-size: 16px;
	width:150px;
	height:30px;
	text-align:center;
	padding:4px 10px 4px;
	border:1px solid #909090;
	cursor:pointer;
	color:#fff;
	background: rgb(228,46,68);
background: -moz-linear-gradient(top,  rgba(228,46,68,1) 0%, rgba(162,32,47,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,46,68,1)), color-stop(100%,rgba(162,32,47,1)));
background: -webkit-linear-gradient(top,  rgba(228,46,68,1) 0%,rgba(162,32,47,1) 100%);
background: -o-linear-gradient(top,  rgba(228,46,68,1) 0%,rgba(162,32,47,1) 100%);
background: -ms-linear-gradient(top,  rgba(228,46,68,1) 0%,rgba(162,32,47,1) 100%);
background: linear-gradient(to bottom,  rgba(228,46,68,1) 0%,rgba(162,32,47,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e42e44', endColorstr='#a2202f',GradientType=0 );

}

.BSButton:hover {
	color:#fff;
	cursor:pointer;
background: rgb(255,0,51);
background: -moz-linear-gradient(top,  rgba(255,0,51,1) 0%, rgba(180,3,23,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,0,51,1)), color-stop(100%,rgba(180,3,23,1)));
background: -webkit-linear-gradient(top,  rgba(255,0,51,1) 0%,rgba(180,3,23,1) 100%);
background: -o-linear-gradient(top,  rgba(255,0,51,1) 0%,rgba(180,3,23,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,0,51,1) 0%,rgba(180,3,23,1) 100%);
background: linear-gradient(to bottom,  rgba(255,0,51,1) 0%,rgba(180,3,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0033', endColorstr='#b40317',GradientType=0 );

}

/* ---Boxen links__generierte Service-Angebote--- */

.service_triple {
    position: relative;
    float: left;
    width: 66%;
    height: auto;
}

.servicewrap {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 28px;
    text-align: left;
    color: #FFFFFF;
    border: 0;
    -moz-border-radius: 8px;
    /*Firefox*/
    -webkit-border-radius: 8px;
    /*Safari, Chrome*/
    border-radius: 8px;
    -webkit-box-shadow: 2px 2px 3px 3px rgba(2, 2, 2, 0.3);
    /* WebKit */
    -moz-box-shadow: 2px 2px 3px 3px rgba(2, 2, 2, 0.3);
    /* Firefox */
    box-shadow: 2px 2px 3px 3px rgba(2, 2, 2, 0.3);
    /* Standard */
}

.servicebox {
    position: relative;
    float: left;
    width: 100%;
    height: 142px;
    border: 1px solid #cccccc;
    text-align: left;
    color: #FFFFFF;
    background-color: #dfdfdf;
}

.servicebox:hover {
    border: 1px solid #333333;
    cursor: pointer;
}

.servicebox > div:nth-child(2) span, .servicebox > div:nth-child(2) span:nth-child(2) {
    display: block;
    width: 96% !important;
    height: auto !important;
    white-space: pre-line;
}

#mask {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99999;
    height: 100%;
    width: 100%;
    background-color: #000;
    display: none;
}

#infowin {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -365px;
    width: 730px;
    height: auto;
    min-height: 80%;
    padding: 15px;
    background: #efefef;
    border: 2px solid #CCCCCC;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 99999;
    display: none;
    -webkit-box-shadow: 3px 3px 8px 8px rgba(155, 155, 155, 0.8);
    /* WebKit */
    -moz-box-shadow: 3px 3px 8px 8px rgba(155, 155, 155, 0.8);
    /* Firefox */
    box-shadow: 3px 3px 8px 8px rgba(155, 155, 155, 0.8);
    /* Standard */
}

.bg-dblue {
	background-color:#000044;
}

.text-blue {
	color:#000066;
}

.product-gallery-thumblist-item {
  display: block;
  position: relative;
  width: 5rem;
  height: 4.2rem;
  margin: 0.625rem;
  transition: border-color 0.2s ease-in-out;
  border: 1px solid #e3e9ef;
  border-radius: 0.3125rem;
  text-decoration: none !important;
  overflow: hidden;
}

.heroHeight {
  height:420px;  
}

@media (max-width: 767px) {
  .heroHeight {
  	height:320px;
  }
}

@media (min-width: 1200px) {
  .heroHeight {
  	height:420px;
  }
}

.hero-container {
    width: 100%;
    display: flex;
    justify-content: center;
}

.hero-content {
    width: 40%;
    max-width: 1000px;
    min-width: 350px;
}

.hero-blur {    
    filter: blur(8px);
    transform: scale(1.03);
    z-index: 0;
}

/* Wichtig: Hero-Container muss sich der Bildhöhe anpassen */
.hero-container::after {
    content: '';
    display: block;    
}

.hero-container img {
    height: auto;
    width: 100%;
    z-index: 1;
    position: relative;
}

.dsbrand {
	height:35px; 
	background-color:#F5F5F5;
	border:1px solid #22AACC;	
}

.dsbrand:hover {
	background-color:#22AACC;
}

.dsbrand .active {
	background-color:#22AACC;
}

.drbrand {
	position:relative; 
	float:left; 
	border:1px solid #22AACC; 
	border-radius:3px;
	background-color:#F5F5F5; 
	width:35px; 
	height:20px; 
	padding:0px 3px; 
	margin-left:6px; 
	margin-bottom:6px; 
}

.dshow {
	position:relative;
	display:block;
	border:1px solid #CCC; 	
	border-radius:3px;
	font-size:11px;
	line-height:1.2em;
	height:auto;
	min-height:55px; 
	padding:3px; 
	cursor:pointer;
}

.dshow:hover {
	background-color:#22AACC; 
	color:#FFFFFF;
}

@media (max-width: 767px) {
	#map {
		position:relative;
		height:500px;
	} 
	#mapLayer {
		position:relative; 
		display:inline-block;
		width:100%;
		height:auto; 
		z-index:3;		
	}
	#mapLayer:after {
		clear:both;
	}
}
	
.nwteam-grid { display:flex; width:100%; flex-wrap: wrap; justify-content: center;}
@media screen { .nwteam-grid-item { position:relative; width: 50%; box-sizing: border-box; text-decoration: none; flex-basis: 50%; padding-bottom:0.25rem;}}
@media screen and (min-width: 576px) { .nwteam-grid-item { flex-basis: 33.3333%; }}
@media screen and (min-width: 768px) { .nwteam-grid-item { flex-basis: 25%; }}
@media screen and (min-width: 992px) { .nwteam-grid-item { flex-basis: 20%; }}
@media screen and (min-width: 1200px) { .nwteam-grid-item { flex-basis: 16.6666%; }}
.nwteam-grid-item-image { height: auto; max-width: 100%; transition: all .3s; }
.nwteam-grid-item-electric { position: absolute; top: 12%; right: 10%; width: 10%; }
.nwteam-grid-item-title { text-align: center; font-weight: 400; font-size: 1rem; color: #111; text-decoration: none; padding:0; margin: -0.75rem 0 0;}
.nwteam-grid-item-price { color: #7d879c; text-align: center; line-height: 1rem; }
.nwteam-grid-item .nwteam-grid-item-image { transform: scale(0.7); }
.nwteam-grid-item:hover .nwteam-grid-item-image { transform: scale(0.9); }

.product-rating {
    font-size: 14px;
    color: #f1be42; /* Goldene Farbe für die Sterne */
    font-weight: bold;
}

.product-rating .stars {
    margin-right: 5px;
}

.product-rating .rating-value,
.product-rating .review-count {
    color: #333; /* Dunkle Farbe für den Text */
    font-weight: normal;
}

.product-card-alt {
  position: relative;
  overflow: hidden;
}

.product-card-hover-btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 10;
}

.product-card-alt:hover .product-card-hover-btn {
  opacity: 1;
  transform: translateY(0);
}