:root {
	--headline-large: 25px;
	--headline-small: 20px;
	--bodytext-large: 16px;
	--bodytext-normal: 14px;

	--headline-large-mobile: 24px;
	--headline-small-mobile: 18px;
	--bodytext-large-mobile: 14px;
	--bodytext-normal-mobile: 12px;
}

.modelList ul {
	margin: 0;
	padding: 0;
	margin-left: 1em;
}
	.modelList ul li {
		padding: 0;
		margin: 0;
		margin-bottom: .4em;
	}

	.modelList ul li span {
		font-weight: bold;
	}

.modelList {
	display: flex;
	flex-wrap: wrap;
	align-content: space-evenly;
	justify-content: space-between;
	font-family: "VWTextWeb-Regular", arial;
	line-height: 1em;
	font-size: 14px;
	margin: 0 auto;
	max-width: 1500px;
}

.modelList .model {
	width: 49%;
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
}

@media (max-width: 1000px) {
	.modelList .model {
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
	}
}
.modelList .modelHeadline {
	font-size: var(--headline-large);
	padding-top: .5em;
	padding-bottom: .5em;
}
.modelList .modelTrimlevelAndEngine {
	/*font-size: .8em;*/
	font-family: "VWTextWeb-Regular", arial;
}

.modelList .equipmentHeadline {
	padding-bottom: .5em;
	font-size: var(--headline-small);
}
.modelList .equipmentHeadline .headlineExplanation {
	font-family: "VWTextWeb-Regular", arial;
}
				

.modelList .equipmentList {
	padding: 0px; 
	flex-grow: 1;
}
.modelList .mainInfo {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: .8em;
}
.modelList .mainInfoLabel {
	margin-bottom:3px;
	font-size: var(--bodytext-large);
}
.modelList .mainInfoValue {
	font-size: var(--headline-small);
	font-family: VWTextWeb-Bold;
	white-space: nowrap;
}
@media (max-width: 768px)
{
	.modelList .mainInfoLabel {
		margin-bottom: 0;
	}
}


.modelList .terms {
	font-size: 80%;
	padding: 1em 0 2em 0;
}

.modelList .modelImage {
	background-color: #e8eaeb;
	position: relative;
	/*background-color:#bdc3c6;*/
}
.modelList .modelImage img  {
	width: 100%;
}

.middleSection {
	display: flex;
	flex-wrap: nowrap;
	padding-top: .8em;
	padding-bottom: 1em;
	margin-top: .5em;
	flex-grow: 1;
}
.equipmentList {
	width: 60%;
}
.ctaLinks {
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	
	padding: 1em 0em 0em;
}

	.alteredContactLink {
		display: flex;
		align-items: flex-end;
		flex-direction: column;
	}

.modelLink {
	/*position: absolute;*/
	/*
		position: relative;
		display: inline-block;
		margin-left: 16vw;
		margin-top: -26px;
	*/
	position: relative;
	display: inline-block;
	margin-left: 14vw;
	margin-top: -40px;

	width: 45%;
}
	.alteredModelLink {
		display: flex;
		/*width: 100%;*/
		position: relative;
		margin-left: 14vw;
		margin-top: -40px;
	}
.ctaLinks .vw_m031_label {
	font-size: 16px;
}
.ctaLinks a {
	display: block;
}
@media (max-width: 768px)
{
	.middleSection {
		flex-direction: column;
	}
	.ctaLinks, .equipmentList {
		width: 100%;
	}
	.ctaLinks {
		align-items: flex-start;
		margin-top: 1em;
	}

	.alteredContactLink {
		align-items: flex-end;
		margin-top: 0;
		padding-top: 0;
	}
}

@media (max-width: 768px)
{
	.modelList .equipmentHeadline {
		font-size: var(--headline-small-mobile);
	}
	.modelList .mainInfoValue {
		font-size: var(--headline-small-mobile);
	}
	.modelList .mainInfoLabel {
		font-size: var(--bodytext-large-mobile);
	}
	.modelList .modelHeadline {
		font-size: var(--headline-large-mobile);
	}
}


.modelList .modelImage img.splashServiceRep {
	position: absolute;
	z-index: 10;
	width: 23%;
	left: 3%;
	top: 5%;
}

@media (max-width: 2400px) {
	.modelLink {
		/*margin-left: 16vw;*/
		padding-left: 0vw;
	}
}

@media (max-width: 2300px) {
	.modelLink {
		/*margin-left: 17vw;*/
		padding-left: 1vw;
	}
}

@media (max-width: 2200px) {
	.modelLink {
		padding-left: 2vw;
	}
}

@media (max-width: 2000px) {
	.modelLink {
		padding-left: 4vw;
	}
}

@media (max-width: 1300px) {
	.modelLink {
		padding-left: 1vw;
	}
}

@media (max-width: 1200px) {
	.modelLink {
		padding-left: 0vw;
		margin-left: 120px;
	}
}

@media (max-width: 1100px) {
	.modelLink {
		padding-left: 0vw;
		margin-left: 0px;
		width: 70%;
	}
}

@media (max-width: 765px) {
	.modelLink, .alteredModelLink {
		/*
			padding-left: 0vw;
			margin-left: 417px;
		*/
		margin-left: 0px;
		margin-top: 0px;
	}

	.hideBreak {
		display:none;
	}
}


/*@media (min-width: 3200px) {*/
@media (min-width: 2500px) {
	.modelLink {
		/*margin-left: 380px;*/
		margin-left: 358px;
	}
}