@charset "utf-8";
/* CSS Document */
/******************************************************************************************
// Datei: fluid-offer.css
// Author: DH
// Änderungsdatum: 07.03.2019
// Beschreibung: 	angeleht von PDF Angebot
*******************************************************************************************/










.DIV-CLASS-OfferWrapper{
	display:block;
	width:100%;
	overflow:visible;
	padding-left:50px;
	padding-right:50px;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	font-family: Autowobil_OpenSanRegular, Verdana;
	float: left;
	
}

.DIV-CLASS-OfferH{
	display:block;
	width:100%;
	overflow:visible;
	margin-bottom:30px;
	font-family:Autowobil_OpenSanBold, Verdana;
	font-size:16pt;
	color: #003399;
	float: left;
	margin-top: 10px;
}
.DIV-CLASS-OfferH2{
	display:block;
	width:100%;
	overflow:visible;
	font-family: Verdana;
	font-size:12pt;
	color: #003399;
	float: left;
}
    

.DIV-CLASS-OfferContent{
	display:block;
	width:100%;
	height:auto;
	overflow:visible;
	font-family: Autowobil_OpenSanRegular, Verdana;
	margin-bottom: 30px;
	margin-top: 30px;
	float: left;
}

/*Linke Seite*/
.DIV-CLASS-OfferLeft{
	display:block;
	overflow:auto;
	width:100%;
	overflow:visible;
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	font-family: Autowobil_OpenSanRegular, Verdana;
}

.DIV-CLASS-OfferAdress{
	
	display:block;
	width:100%;
	float:left;
	margin-bottom:20px;
	font-family: Autowobil_OpenSanRegular, Verdana;
}

.DIV-CLASS-OfferAdressPDF{
	width: 100%;
	display: none;
}

.DIV-CLASS-OfferAdressHTML{
	width: 100%;
	display: block;
}

.DIV-CLASS-OfferBasics{
	display:block;
	width:100%;
	float:left;
	background-color:none;
	padding:5px;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	margin-bottom:20px;
	font-family: Autowobil_OpenSanRegular, Verdana;
}

.DIV-CLASS-OfferBasicsTable{
	display:table;
	width:100%;
	font-family: Autowobil_OpenSanRegular, Verdana;
	
}
                
.DIV-CLASS-OfferbasicsRow{
	display:table-row;
	width:100%;
	font-family: Autowobil_OpenSanRegular, Verdana;


}

.DIV-CLASS-OfferBaicsLeft{
	display:table-cell;
	float:left;
	width:30%;
	
	text-align:left;
	vertical-align:top;
	font-family:Autowobil_OpenSanBold, Verdana;
	
	margin-bottom: 5px;
	
	
}
    	                
.DIV-CLASS-OfferBasicsRight{
	display:table-cell;
	float:right;
	width:60%;
	text-left;
	vertical-align:top;
	font-family: Autowobil_OpenSanRegular, Verdana;
	
	margin-bottom: 5px;
}





/*Rechte Seite*/
.DIV-CLASS-OfferRight{
	
	width:100%;
	padding-left:0px;
	overflow:visible;
	float:right;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	font-family: Autowobil_OpenSanRegular, Verdana;
}

.DIV-CLASS-OfferNumber{
	
	display:block;
	width:100%;
	text-align:left;
	font-size: 10pt;
	font-family: Autowobil_OpenSanItalic, Verdana;
}

.DIV-CLASS-OfferAdvice{
	display:block;
	width:100%;
	text-align:left;
	font-size: 10pt;
	font-family: Autowobil_OpenSanItalic, Verdana;
	
	
}


	
.DIV-CLASS-OfferImgTxt{
	display:block;
	width:100%;
	text-align:left;
	font-family:Autowobil_OpenSanRegular;
	font-size:8pt;
	margin-bottom: 15px;
}

.DIV-CLASS-OfferImage{
	display:block;
	width:100%;
	text-align:right;
	margin-bottom:15px;
	font-family: Autowobil_OpenSanRegular, Verdana;
	overflow: visible;
	float: left;
	
}
.IMG-CLASS-OfferImage{
	display:block;
	width:400px;
	height:auto;
	float:left;
	
}

.IMG-CLASS-GalerieKamera{
	width: 35px;
	height: auto;
	
	margin-top: -65px;
	margin-left: 5px;
	
	padding: 10px;
	
	filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.5));
	
	/*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: auto;
    margin-right: 0;
    
   
	
	margin-top:30px;
	display:block;
	width:100%;
	
	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;
}	
	
	

/*Preis*/
.DIV-CLASS-OfferPrice{
	display:block;
	width:100%;
	text-align:left;
	font-family: Autowobil_OpenSanRegular, Verdana;
	
	margin-top: 15px;
}

.DIV-CLASS-OfferPriceUpper{
	display:block;
	width:100%;
	margin-bottom:10px;
	font-family: Autowobil_OpenSanRegular, Verdana;
}

.SPAN-CLASS-OfferPriceText{
	font-family:Autowobil_OpenSanRegular, Verdana;
	font-size:14pt;
	color:#666;
	padding-right:25px;
}

.SPAN-CLASS-OfferPrice{
	font-family:Autowobil_OpenSanRegular, Verdana;
	font-size:30pt;
}

.DIV-CLASS-OfferPriceLower{
	display:block;
	width:100%;
	font-family: Autowobil_OpenSanRegular, Verdana;
}
   
.SPAN-CLASS-OfferPriceAdvice{
	font-family:Autowobil_OpenSanRegular, Verdana;
	font-size:14pt;
	color:#666;
	
}
        
/*Features*/
.DIV-CLASS-Features{
	display:block;
	width:100%;
	font-family: Autowobil_OpenSanRegular, Verdana;
}
.DIV-CLASS-FeaturesH{
	display:block;
	width:100%;
	
	font-family:Autowobil_OpenSanBold, Verdana;
	font-size:12pt;
	font-weight: bold;
	
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#666;
	
	padding-bottom:5px;
	margin-bottom:10px;
	float: left;
}

.DIV-CLASS-FeaturesHHighlight{
	color: #ff8c00;
	
	}

.DIV-CLASS-FeaturesList{
	display:block;
	width:100%;
	font-family: Autowobil_OpenSanRegular, Verdana;
	float: left;
}
.UL-CLASS-FeaturesList{
		column-count: 1;
	column-gap: 20px;
	-webkit-column-break-inside: avoid;
	break-inside: avoid-column;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: normal;
	list-style: none;
}


.LI-CLASS-FeaturesList:before
{
    content: '\2022';
    margin-right: 10px;
   
    color: #cccccc;
    font-size: 1.3rem;
    vertical-align: sub;
    
    margin-left: -0.9em;
  
}

.LI-CLASS-FeaturesList{
	font-size: 12pt;
	font-family:Autowobil_OpenSanRegular;
	padding-left: 0;
	margin-bottom: 15px;
	color: #000000;
}

.SPAN-CLASS-FeatureListTxt{
	width: 80%;
	display: inline-flex;
	
	}

/*INFO*/
A:link.LINK-CLASS-FeatureInfo{
	
	display: block;
	
	border: 2px solid #000;
	border-radius: 50px;
	
	width: 25px;
	height: 25px;
	
	text-align: center;
	vertical-align: middle;
	
	font-size: 14pt;
	font-family:Autowobil_OpenSanBold;
	
	float: right;
	
	background-image: url(info.png?OpenFileResource);
    background-position: center center;
    background-repeat: no-repeat;
    
	}
	
A:visited.LINK-CLASS-FeatureInfo{
	}
	
A:hover.LINK-CLASS-FeatureInfo{
	
	border-color: #ff8c00;
	background-color:  #ff8c00;
	background-image: url(info2.png?OpenFileResource);
	
	}
	
.DIV-CLASS-FeaturesListInfo{
	
	display: none;
	
	margin-top:5px;
	margin-bottom: 40px;
	padding-left: 19px;
	
	}
		
.IMG-CLASS-FeaturesListInfo{
	
	margin-bottom: 15px;
	clear: both;
	display: block;
	width: auto;
	height: auto;
	
	}	
	
.DIV-CLASS-FeaturesText{
	display:block;
	width:100%;
	font-family: Autowobil_OpenSanRegular, Verdana;
	float: left;
	
	margin-bottom: 15px;
	margin-top: 5px;
}
.SPAN-CLASS-FeaturesH1{
	font-family:Autowobil_OpenSanRegular, Verdana;
	font-size:14pt;
	
}
.SPAN-CLASS-FeaturesH2{
	font-family:Autowobil_OpenSanRegular, Verdana;
	font-size:12pt;
}


.IMG-CLASS-OfferEco{
	
	width: 80%;
	
	}

#DIV-ID-OfferAdressPDFDelivery{
	margin-top: 10px;
	padding-left: 10px;
	}
#DIV-ID-OfferAdressHTMLDelivery{
	width: 320px;
	}
.DIV-CLASS-PDFhidden{
	width: 100%;
	display: block;
	}
.DIV-CLASS-HTMLhidden{
		display: none;
	}	
	
.INPUT-CLASS-PDFhidden{
	display: block;
}

/*PDF Header*/

.DIV-CLASS-pdfPageWrapper{
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	height: auto;
	overflow: auto;
	box-sizing: border-box;
	padding-left:25px;
	padding-right:25px;
	padding-top: 25px;
	
	}

.DIV-CLASS-pdfHearderWrapper{
	width: 100%;
	height: auto;
	overflow: auto;
	
	padding-bottom: 5px;
	margin-bottom: 20px;
	
	
	display: block;
	position:relative;
	
	}
#DIV-ID-pdfPageWrapper-HederFolowed{
	display: none;
	pd4ml-display: block;
	}
.IMG-CLASS-pdfLogo
	{
		width: 200px;
		height: auto;
		float: right;
		
	}
    
  /*PDF Footer*/
  .DIV-CLASS-pdfFooterWrapper{
	width: 100%;
	height: auto;
	overflow: auto;
	
	
	padding-top: 20px;
	padding-bottom: 40px;
	margin-top: 20px;
	box-sizing: border-box;
	
	display:none;
	
	position:relative;
	
	
	
	
	font-family:Autowobil_OpenSanRegular, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	
	white-space: nowrap;
	}
.DIV-CLASS-pdfFooterLeft{
	float: left;
	width: 33%;
	display: block;
	text-align: left;
	}
.DIV-CLASS-pdfFooterCenter{
	float: left;
	width: 33%;
	display: block;
	text-align: center;
	}		
.DIV-CLASS-pdfFooterRight{
	float: left;
	width: 33%;
	display: block;
	text-align: right;
	}  
    

/*Kontakt WA*/

.SPAN-CLASS-AnbieterName{
	
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 15px;
	margin-top: 15px;
	font-style: italic;
	font-size: 14pt;
	}
	
.SPAN-CLASS-AnbieterKontakt{
	
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 10px;

	}

}

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

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

	.IMG-CLASS-OfferEco{
	
		width: 20%;
	
	}
	.LI-CLASS-FeaturesList{
		margin-bottom: 0;
	}
	
	.DIV-CLASS-OfferImgTxt{
		text-align:right;
	}
	
}

/* 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) {
	
	.DIV-CLASS-OfferWrapper{
		height: 1390px;
	}
	
	.DIV-CLASS-OfferContent{
		
	}
	.DIV-CLASS-OfferLeft{
		width:50%;
	}
	.DIV-CLASS-OfferRight{
		width:50%;
		padding-left:25px;
	}
	A:link.LINK-CLASS-ButtonGalerie{
		width: 50%;
	}
	.DIV-CLASS-OfferImgTxt{
		text-align:right;
	}
	
	.LI-CLASS-FeaturesList{
		margin-bottom: 0;
	}
	.IMG-CLASS-FeaturesListInfo{
		width: 50%;
	}
	
	.IMG-CLASS-OfferEco{
	
		width: 20%;
	
	}
	.DIV-CLASS-OfferBaicsLeft{
		/*white-space: nowrap;*/
	}

}