@charset "utf-8";
/* Einfache fließende Medien
   Hinweis: Für fließende Medien müssen Sie die Attribute 'height' und 'width' des Medium aus dem HTML-Code entfernen
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver-Eigenschaften für fließende Raster
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Idee durch den Artikel "Responsive Web Design" von Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	und "Golden Grid System" von Joni Korpi
	http://goldengridsystem.com/
*/

/* Layout für Mobilgeräte: 480 px oder weniger. */

	.TR-CLASS-SearchWrapper{
		display: block;
		float: left;

   	 box-sizing: border-box;
	}


.DIV-CLASS-OfferWrapperOuter{
	border: 1px solid #bbbbbb;
	border-radius: 10px;
	display: block;
	margin-right: 10px;
	margin-top:30px;
	width:90%;
	box-shadow: 5px 5px 10px 0px #dddddd;
}

.DIV-CLASS-OfferWrapper{
	
	/*border: 1px solid #bbbbbb;
	border-radius: 10px;*/
	
	width:100%;
	height: 1660px;
	
	
	overflow:visible;
	
	padding-bottom: 10px;
	
	
	/*transition: all 0.2s ease-out;*/
	

	
	display: inline-block;
	
	text-align: left;
	
	vertical-align: top;
	
}

.DIV-CLASS-OfferRowTop{
		display:grid;
		height: 100%;
	}


.DIV-CLASS-OfferWrapperColum{
	-moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
    
    width: 100%;
    text-align: center;
	
	}

/*
.DIV-CLASS-OfferWrapper:hover{

	width:32%;
}*/


.DIV-CLASS-OfferImgWrapper{
	position: relative;
	text-align: center;
	
	}



.IMG-CLASS-OfferImg{
	width:100%;
	height:auto;
	
	border-radius: 7px 7px 0px 0px;
}

.SPAN-CLASS-OfferImgTxt{
	position: relative;
	padding-top: 3px;
	
	margin-bottom:15px;
	
	width: 100%;
	height: auto;
	overflow: visible;
	
	text-align: left;
	
	padding-left: 20px;
	padding-right: 20px;
	
	box-sizing: border-box;
	display: block;
	
	font-family:Autowobil_OpenSanRegular;
	font-size:6pt;
	
	color: #000000;
	
	/*text-shadow: -1px -1px 2px #666, 1px -1px 2px #666, -1px 1px 2px #666, 1px 1px 2px #666;*/
	/*mix-blend-mode: difference;*/
	
}

.IMG-CLASS-GalerieKamera{
	width: 35px;
	height: auto;
	
	margin-top: -65px;
	margin-left: 5px;
	
	padding: 10px;
	
	/*border-color: #ffffff;
	border-width: 4px;
	border-style: solid;
	
	border-radius: 20px;*/
	
	z-index: 10;
	}
	
A:link.LINK-CLASS-ButtonGalerie{
	border-radius: 10px;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:10px;
	padding-top:10px;
	background-color:#ff8c00;
	
	color:#000;
	font-family:Autowobil_OpenSanBold;
	font-size:15pt;
	text-decoration:none;

	margin-left: 20px;
    margin-right: 20px;
    
   
	
	margin-top:30px;
	display:block;
	width:auto;
	
	text-align:center;
	
	box-sizing: border-box;
	
}
A:visited.LINK-CLASS-ButtonGalerie{
	border-radius: 10px;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:10px;
	padding-top:10px;
	background-color:#ff8c00;
	
	color:#000;
	font-family:Autowobil_OpenSanBold;
	font-size:15pt;
	text-decoration:none;
	
}
A:hover.LINK-CLASS-ButtonGalerie{
	border-radius: 10px;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:10px;
	padding-top:10px;
	background-color:#ff8c00;
	
	color:#000;
	font-family:Autowobil_OpenSanBold;
	font-size:15pt;
	text-decoration:underline;
	
}


/*Header*/
.DIV-CLASS-OfferHeadWrapper{
	width:100%;
	height:auto;
	margin-top:20px;
	
	padding-left:20px;
	padding-right:20px;	
	
	box-sizing:border-box;
	
	display:block;
	overflow:hidden;
}
.DIV-CLASS-OfferHeadLeft{
	color:#000000;
	font-size:12pt;
	text-align:left;
	
	width:100%;
	float:left;
	font-family:Autowobil_OpenSanRegular;
	
	padding-right: 0px;
	
	box-sizing: border-box;
	
	padding-bottom: 15px;
}
.DIV-CLASS-OfferHeadMiddle{
	color:#000000;
	font-size:10pt;
	text-align:left;
	
	width:100%;
	float:left;
	font-family:Autowobil_OpenSanRegular;
	overflow:visible;
	
	box-sizing: border-box;
	
	padding-bottom: 15px;
}
.DIV-CLASS-OfferHeadRight{
	text-align: right;
	
	width:45%;
	float:left;
	overflow:visible;
	
	box-sizing: border-box;
}
.SPAN-CLASS-OfferHeadDetail{
	color:#000000;
	font-size:12pt;
	text-align:left;
	
	width:100%;
	float:left;
	font-family:Autowobil_OpenSanRegular;
}

/*Title*/
.DIV-CLASS-OfferTitleWrapper{
	width:100%;
	height:auto;
	margin-top:25px;
	
	padding-left:20px;
	padding-right:20px;	
	
	box-sizing:border-box;
	
	display:block;
	overflow:visible;
	
	color: #003399;
}
.DIV-CLASS-OfferTitle2Wrapper{
	width:100%;
	height:auto;
	margin-top:10px;
	margin-bottom: 15px;
	
	padding-left:20px;
	padding-right:20px;	
	
	box-sizing:border-box;
	
	display:block;
	overflow:visible;
	
	color: #003399;
}


.SPAN-CLASS-OfferTitle{
	
	color: #003399;
	font-family:Autowobil_OpenSanBold;
	font-size:16pt;
	white-space:inherit;
	
	width: 100%;
	display: block;
	padding-right: 5px;
}
.SPAN-CLASS-OfferSubTitle{
	
	color: #000000;
	font-family:Autowobil_OpenSanItalic;
	font-size:14pt;
}

/*Inhalt*/
.DIV-CLASS-OfferContentWrapper{
	width:100%;
	height:auto;
	margin-top:10px;
	
	padding-left:20px;
	padding-right:20px;	
	
	box-sizing:border-box;
	
	display:block;
	overflow:auto;
}



.SPAN-CLASS-OfferSpacerDot{
	color: #cccccc;
	font-family:Autowobil_OpenSanBold;
	vertical-align: sub;
	display: none;
	font-size:2rem;
	}
	
.SPAN-CLASS-OfferContent{
	
	
	font-family:Autowobil_OpenSanItalic;
	font-size:14pt;
}

.UL-CLASS-OfferList{
	column-count: 1;
	column-gap: 20px;
	-webkit-column-break-inside: avoid;
	break-inside: avoid-column;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12pt;
	font-family:Autowobil_OpenSanRegular;
	
	list-style: none;
	padding-left: 10px;
	}



/*Hinweis*/
.DIV-CLASS-OfferAdviceWrapper{
	width:100%;
	height:auto;
	
	margin-top:0px;
	margin-bottom: 30px;
	
	padding-left:20px;
	padding-right:20px;	
	
	box-sizing:border-box;
	
	display:block;
	overflow:visible;
}




	
.SPAN-CLASS-OfferAdvice{
	margin-top: 10px;
	
	
	font-family:Autowobil_OpenSanRegular;
	font-size:12pt;
}
.SPAN-CLASS-OfferAdviceSub{
	
	
	font-family:Autowobil_OpenSanItalic;
	font-size:9pt;
}


/*Preis*/
.DIV-CLASS-OfferPriceWrapper{
	width:auto;
	height:auto;
	
	background-color: #003399;
	display:block;
	
	overflow:auto;
	
	margin-left: 20px;
	margin-right: 20px;
	margin-top:25px;
	
	color:#ffffff;
	
	overflow:visible;
	
	padding: 5px;
	padding-left:15px;
	padding-right:15px;
	
	float: left;
	
	text-align: left;
	
	box-sizing: border-box;
	
	padding-left:10px;
	padding-right:10px;
	
}
.SPAN-CLASS-OfferPriceSmal{
	font-family:Autowobil_OpenSanRegular;
	font-size:14pt;
}
.SPAN-CLASS-OfferPriceWide{
	font-family:Autowobil_OpenSanBold;
	font-size:20pt;
	
}

/*Steuer*/
.DIV-CLASS-OfferTaxWrapper{
	width:90%;
	height:auto;
	margin-top:5px;
	
	margin-right: 15px;
	padding-left:30px;
	
	margin-bottom: 5px;	
	
	display:block;
	overflow:visible;
	
	text-align:right;
	
	font-family:Autowobil_OpenSanItalic;
	font-size:10pt;
	
	float: right;
}
.SPAN-CLASS-OfferTax{
	
	font-family:Autowobil_OpenSanItalic;
	font-size:10pt;
	
	
	
	width: 100%;
	float: left;
	
	}

/*ECO*/

.DIV-CLASS-OfferRowBottom{
	height: 600px;

	}

.IMG-CLASS-OfferEco{
	width: 50%;
	height: auto;
	}
	
.SPAN-CLASS-OfferEco{
	
	color:#666666;
	font-size:10pt;
	text-align:left;

	font-family:Autowobil_OpenSanItalic;
	
	}
.DIV-CLASS-OfferECOWrapper{
	width:100%;
	height:auto;
	margin-top:30px;
	
	padding-left:20px;
	padding-right:20px;	
	padding-top:20px;
	
	box-sizing:border-box;
	
	display:block;
	overflow:auto;
	
	border-top: 1px solid #bbbbbb;
}


.DIV-CLASS-OfferInfoWrapper{
	width:100%;
	height:auto;
	margin-top:10px;
	
	padding-left:40px;
	padding-right:40px;	
	
	box-sizing:border-box;
	
	overflow:visible;
	
	font-family:Autowobil_OpenSanRegular;
	font-size:10pt;

	display:none;
	
}

/*Aufklappen der Informationen*/
#DIV-ID-OfferInfoWrapper1:target{
	display:block;
}
#DIV-ID-OfferInfoWrapper2:target{
	display:block;
}
#DIV-ID-OfferInfoWrapper3:target{
	display:block;
}
#DIV-ID-OfferInfoWrapper4:target{
	display:block;
}
#DIV-ID-OfferInfoWrapper5:target{
	display:block;
}
#DIV-ID-OfferInfoWrapper6:target{
	display:block;
}


/*Links*/
.DIV-CLASS-OfferLinkWrapper{
	width:100%;
	height:auto;
	margin-top:5px;
	
	padding-left:20px;
	padding-right:20px;	
	
	box-sizing:border-box;
	
	display:block;
	overflow:visible;

}

A:link.LINK-CLASS-Offer{
	font-family:Autowobil_OpenSanBold;
	font-size:14pt;
	color: #003399;
	text-decoration:underline;

	margin-left: 25px;
	
	display:block;
}

A:visited.LINK-CLASS-Offer{
	color: #003399;
}

A:hover.LINK-CLASS-Offer{
	color: #000000;
}

A:link.LINK-CLASS-OfferHighlight{
	font-family:Autowobil_OpenSanBold;
	font-size:12pt;
	
	display:block;
	
	border-radius: 10px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #ff8c00;
    
    color: #000;
}

A:visited.LINK-CLASS-OfferHighlight{
	color: #000;
}

A:hover.LINK-CLASS-OfferHighlight{
	color: #000000;
}


.DIV-CLASS-OfferLinkCloseWrapper{
	width:100%;
	height:auto;
	margin-top:10px;
	
	box-sizing:border-box;
	
	display:block;
}


/*Pfeile*/
.DIV-CLASS-OfferArrowRight {
  width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  
  border-left: 12px solid #003399;
  
  float:left;
}
.DIV-CLASS-OfferArrowRightHighlight {
  width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  
  border-left: 12px solid #ff8c00;
  
  float:left;
}

#DIV-ID-OfferArrowRightHighlightLink{
	display: none;
	}

.DIV-CLASS-OfferArrowUp {
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  
  border-bottom: 12px solid #003399;
  
  float:left;
}




.DIV-CLASS-OfferContentWrapperADS{
	/*height:230px;*/
	overflow: hidden;
}


.DIV-CLASS-OfferAdviceShadow{
	box-shadow: inset 0px -30px 10px -10px rgba(255,255,255,1);
	position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:30px;
}
.SPAN-CLASS-OfferAdviceADS{
	/*overflow-y: auto;
	overflow-x: hidden;
	height: 220px;
	position: absolute;
	padding-right: 30px;
	padding-left: 15px;
	box-sizing: border-box;
	display: block;
	width: 100%;*/
	
	
	max-height: 220px;
	
	padding-right: 30px;
	padding-left: 15px;
	box-sizing: border-box;
	display: block;
	width: 100%;
}

.DIV-CLASS-OfferAdviceWrapperADS{
	/*height: 250px;
	width:100%;
	overflow-y: hidden;
	overflow-x: hidden;
	position: relative;*/
	
	height: auto;
	width:100%;
	overflow-y: scroll;
	overflow-x: hidden;
	position: relative;
}


/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {
	
	
	
	.DIV-CLASS-OfferContentWrapperADS{
		height:auto;
		overflow: visible;
	}
	
	
	.DIV-CLASS-OfferRowTop{
		display:grid;
		height: 100%;
	}
	
	.DIV-CLASS-OfferRowBottom{
		display:table-row; 
		vertical-align:bottom;
		height:500px;
	}
	
	.IMG-CLASS-OfferEco{
		width: 100%;
	}
	
	.DIV-CLASS-OfferWrapperOuter{
		width:90%;
	
	}
	
	.DIV-CLASS-OfferWrapper{
		width:100%;
		/*margin-left:20px;*/
		
	}
	.DIV-CLASS-OfferWrapperColum{
		-moz-column-count: 1;
	    -webkit-column-count: 1;
	    column-count: 1;

	
	}
	
	.DIV-CLASS-OfferImgWrapper{
	
		text-align: left;
	}
	.DIV-CLASS-OfferImgWrapperADS{
	
		height: auto;
		/*overflow: hidden;*/
	
	}
	


	
	.SPAN-CLASS-OfferImgTxt{
		width: 100%;
		height: 0;
		overflow: visible;
		
		margin-bottom: 0;
	
		text-align: right;
	}
	
	
	.DIV-CLASS-OfferHeadLeft{
		width:25%;	
		padding-right: 25px;
	}
	.DIV-CLASS-OfferHeadMiddle{
		width:50%;
	}
	.DIV-CLASS-OfferHeadRight{
		width:0%;
	}
	
	
	
	.SPAN-CLASS-OfferTitle{
		width: auto;
		display: inline-block;
		white-space:inherit;
	}
	
	.SPAN-CLASS-OfferSpacerDot{
		display: none;
	}
	
	
	
	.UL-CLASS-OfferList{
		column-count: 1;
	}
	
	#DIV-ID-OfferWrapper1
	{
		float:left;
	}
	#DIV-ID-OfferWrapper2
	{
		float:left;
	}
	#DIV-ID-OfferWrapper3
	{
		float:right;
		clear:left;
		
		margin-right:20px;
		margin-left:0px;
	}
	#DIV-ID-OfferWrapper4
	{
		float:right;
		clear:left;
		
		margin-right:20px;
		margin-left:0px;
		
	}
	#DIV-ID-OfferWrapper5
	{
		float:left;
		clear:right;
	}
	#DIV-ID-OfferWrapper6
	{
		float:left;
		clear:right;
	}
	
	
	
	.DIV-CLASS-OfferTaxWrapper{
		/*width:40%;*/
	}
	.SPAN-CLASS-OfferTax{
		width: auto;
		float: none;
		padding-left: 5px;
	}
}


/* Desktoplayout: 769 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 769px) {
	
	

	
	
	.TR-CLASS-SearchWrapper{

		width: 50%;

	}
	
	.DIV-CLASS-OfferAdviceShadow{
		width: 97%;
	}
	.SPAN-CLASS-OfferAdviceADS{
		padding-right: 50px;
	}
	
	.DIV-CLASS-OfferECOWrapperADS{
		/*height: 190px;*/
	}
	
	.DIV-CLASS-OfferRowBottom{
	
		height: 510px;
	
	}
	.DIV-CLASS-OfferTitleWrapperADS{
	
		height:auto;
		overflow: hidden;	
	}
	
	.DIV-CLASS-OfferWrapperOuter{
	
		margin-right: 30px;
	}
	
	
	.DIV-CLASS-OfferWrapper{
		
		
		
		/*display: table;*/
		
		
	}
	.DIV-CLASS-OfferWrapperADS{
		width:45%;
	}
	
	.DIV-CLASS-OfferWrapperColum{
		-moz-column-count: 1;
	    -webkit-column-count: 1;
	    column-count: 1;

	    width: 100%;
	
	}
	
	.DIV-CLASS-OfferImgWrapper{
	
		text-align: left;
	}
	.DIV-CLASS-OfferImgWrapperADS{
	
		height: 300px;
		overflow: hidden;
	
	}
	
	.IMG-CLASS-OfferImgADS{
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	
	.SPAN-CLASS-OfferAdviceADS{
		max-height: none;
	}
	
	.SPAN-CLASS-OfferImgTxt{
		font-size: 8pt;
	}
	
	.DIV-CLASS-OfferHeadLeft{
		width:35%;	
	
	}
	.DIV-CLASS-OfferHeadMiddle{
		width:60%;
	}
	.DIV-CLASS-OfferHeadRight{
		width:0%;
		float: right;
	}
	
	#DIV-ID-OfferWrapper1
	{
		float:left;
	}
	#DIV-ID-OfferWrapper2
	{
		float:left;
	}
	#DIV-ID-OfferWrapper3
	{
		float:right;
		clear:left;
		
		margin-left:0;
		margin-right:30px;
	}
	#DIV-ID-OfferWrapper4
	{
		float:right;
		clear:left;
		
		margin-left:0;
		margin-right:30px;
	}
	#DIV-ID-OfferWrapper5
	{
		float:left;
		clear:right;
	}
	#DIV-ID-OfferWrapper6
	{
		float:left;
		clear:right;
	}

	
	
	.DIV-CLASS-OfferTaxWrapper{
		/*width:40%;*/
	}
	
	
	
	A:link.LINK-CLASS-OfferHighlight{
		font-family:Autowobil_OpenSanBold;
		font-size:12pt;
		color: #ff8c00;
		text-decoration:underline;
	
		margin-left: 25px;
		
		display:block;
		
		
		border-radius: 0px;
    	padding-right: 0px;
    	padding-left: 0px;
   		padding-bottom: 0px;
   		padding-top: 0px;
   		background-color: inherit;
   		
 
	}
	
	A:visited.LINK-CLASS-OfferHighlight{
		color: #ff8c00;
	}
	
	A:hover.LINK-CLASS-OfferHighlight{
		color: #000000;
	}
	
	
	#DIV-ID-OfferArrowRightHighlightLink{
		display: inline-block;
	}
	
}

@media only screen and (min-width: 1232px) {
	
	#DIV-ID-OfferWrapper1
	{
		float:left;
	}
	#DIV-ID-OfferWrapper2
	{
		float:left;
	}
	#DIV-ID-OfferWrapper3
	{
		float:left;
		clear:none;
		
		margin-left:30px;
		margin-right:0;
	}
	#DIV-ID-OfferWrapper4
	{
		float:right;
		clear:left;
		
		margin-left:30px;
		margin-right:0;
	}
	#DIV-ID-OfferWrapper5
	{
		float:right;
		clear:left;
	}
	#DIV-ID-OfferWrapper6
	{
		float:right;
		clear:left;
	}
	.DIV-CLASS-OfferRowBottom{
	
		height: 500px;
	
	}
	
	
}

@media only screen and (min-width: 2200px) {
	
	.DIV-CLASS-OfferRowBottom{
	
		height: 430px;
	
	}
}