@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/ 
*/

/*
	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. */
.DIV-CLASS-FeedbackWrapper{
	border: 1px solid #bbbbbb;
	border-radius: 10px;
	
	width:100%;
	height:auto;
	
	overflow:visible;
	
	box-shadow: 5px 5px 10px 0px #dddddd;
	

	box-sizing:border-box;
	margin-top:30px;
	float:left;
	
}
.DIV-CLASS-FeedbackViewWrapper{
	width:100%;
	height:auto;
	
	overflow:visible;
	float:left;
	display:block;
	
	padding-bottom:20px;
	
}
.DIV-CLASS-Feedback {
    display: block;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
}
.DIV-CLASS-FeedbackLeft{
	float:left;
	display:block;
	height:auto;
	overflow:visible;
	box-sizing:border-box;
	padding:20px;
	
	width:100%;
}
.DIV-CLASS-FeedbackMiddle{
	float:left;
	display:block;
	height:auto;
	overflow:visible;
	box-sizing:border-box;
	padding:20px;
	padding-top:0;
	
	width:100%;
}


/*Bild*/
.IMG-CLASS-FeedbackImg{
	width:100%;
	height:auto;
	
	border-radius: 50%;
}


/*Kommentar*/
.DIV-CLASS-FeedbackQuotaUp{
	color:  #003399;
	font-size:50pt;
	font-family:Autowobil_OpenSanBoldItalic;
	
	display:block;
	float:left;
	
	width:10%;
	text-align:left;
	
	box-sizing:border-box;
}

.DIV-CLASS-FeedbackQuotaDown{
	color:  #003399;
	font-size:50pt;
	font-family:Autowobil_OpenSanBoldItalic;
	
	display:block;
	float:left;
	
	width:10%;
	
	padding-top:80px;
	text-align:right;
	padding-right:10px;
	
	box-sizing:border-box;
}
.DIV-CLASS-FeedbackText{
	font-family:Autowobil_OpenSanItalic;
	color:#000000;
	font-size:16pt;
	
	display:block;
	float:left;
	width:80%;
	padding-top:25px;
	
	box-sizing:border-box;
	
}
.DIV-CLASS-FeedbackFrom{
	width:100%;
	display:block;
	box-sizing:border-box;
	height:auto;
	overflow:visible;
	font-family:Autowobil_OpenSanRegular;
	color:#000000;
	font-size:12pt;
	float:left;
	
	padding-top:15px;
	padding-left:10%;
	
}

/*Link Kundenbrief*/
A:link.LINK-CLASS-FeedbackRight{
	float:right;
	display:block;
	height:100px;
	overflow:visible;
	box-sizing:border-box;
	padding:20px;
	
	transition: all 0.2s ease;
	border: none;
	border-radius: 0px 0px 7px 7px;
	background-color: #003399;
	color:#ffffff;
	
	text-align:center;
	
	width:100%;
	
	text-decoration:none;
	
	
}
A:visited.LINK-CLASS-FeedbackRight{
	
	color:#ffffff;
	background-color: #003399;
	border:none;
	border-radius: 0px 0px 7px 7px;
}
A:hover.LINK-CLASS-FeedbackRight{
	
	color:#ff8c00;
	background-color: #ffffff;
	
	border-radius: 0px 0px 7px 7px;
	border-top: 1px solid #bbbbbb;
}
.SPAN-CLASS-FeedbackDot{
	font-family:Autowobil_OpenSanBold;
	font-size:20pt;
	width:100%;
	text-align:center;
	
	display:block;
	float:left;
}

.SPAN-CLASS-FeedbackLink{
	font-family:Autowobil_OpenSanRegular;
	font-size:16pt;
	width:100%;
	text-align:center;
	
	display:block;
	float:left;
}


/* 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-FeedbackLeft{
		width:40%;
	}
	.DIV-CLASS-FeedbackMiddle{
		width:60%;
	}
	
	
}

/* 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-FeedbackLeft{
		width:15%;
	}
	.DIV-CLASS-FeedbackMiddle{
		width:65%;
	}
	.DIV-CLASS-FeedbackQuotaDown{
		padding-top:30px;
	}
	.DIV-CLASS-FeedbackFrom{
		padding-top:0px;
	}
	A:link.LINK-CLASS-FeedbackRight{
		width:20%;
		border-radius: 0px 7px 7px 0px;
		height:185px;
	}
	A:visited.LINK-CLASS-FeedbackRight{
		border-radius: 0px 7px 7px 0px;
	}
	A:hover.LINK-CLASS-FeedbackRight{
		border-radius: 0px 7px 7px 0px;
		border-left: 1px solid #bbbbbb;
		border-top:none;
	}
	
	.SPAN-CLASS-FeedbackDot{
		font-size:50pt;
	}

}