/* JPGames Css 
Auf der Seite und im Forum eingebunden!
Bitte nur eigene >>eindeutige<< Klassennamen verwenden!
[Koji]
*/

/* Short Review */

.short-review {
margin-bottom: 40px;
}

/* h1 legacy support */

.short-review h1 {
        display: table;
        border-collapse: collapse;
        white-space: nowrap;
		color: #fff;
		background: #d5333b;
		font-size: 1.4em;
		border-top-right-radius: 0.3em;
		text-transform: uppercase;
		min-width: 27%;
		display: inline-block;
		font-weight: bold;
		margin: 0 !important;
		padding-left: 15px;
}

@media only screen and (max-width: 600px) {
	.short-review h1 {
		min-width: 90%;
	}
}

.short-review h1 i{
		font-size: 1.0em;
}

.short-review h1::before, h1::after {
content: "";
}

.short-review h1::before {
border-right: .5em solid transparent;
}

.short-review h1::after {
border-left: .5em solid transparent;
}

/* h2 fix */

.short-review h2 {
        display: table;
        border-collapse: collapse;
        white-space: nowrap;
		color: #fff;
		background: #d5333b;
		font-size: 1.4em;
		border-top-right-radius: 0.3em;
		text-transform: uppercase;
		min-width: 27%;
		display: inline-block;
		font-weight: bold;
		margin: 0 !important;
		padding-left: 15px;
}

@media only screen and (max-width: 600px) {
	.short-review h2 {
		min-width: 90%;
	}
}

.short-review h2 i{
		font-size: 1.0em;
}

.short-review h2::before, h1::after {
content: "";
}

.short-review h2::before {
border-right: .5em solid transparent;
}

.short-review h2::after {
border-left: .5em solid transparent;
}


.short-review section {
margin-top: 0px;
margin-bottom: 20px;
	border-top: 1px solid #d5333b;
	padding: 15px;
	background-color: #f2f2f2;
}

.review-quote {
background-color: #f2f2f2;
border-top: 1px solid #d5333b;
border-bottom: 1px solid #d5333b;
font-size: 1.0em;
line-height: 1.4;
width: 90%;
padding-top: 6px;
padding-bottom: 5px; 
padding-left: 5px;
padding-right:5px;
margin: 0px auto;
line-height: 1.75;		
}

.quote-left {
border-top: 1px solid #d5333b;
border-bottom: 1px solid #d5333b;
font-size: 20px;
font-style: italic;
line-height: 1.2;
float:left;
width: 250px;
margin-right:15px;
padding: 6px;
background-color: #f2f2f2;
}

.quote-right {
border-top: 1px solid #d5333b;
border-bottom: 1px solid #d5333b;
font-size: 20px;
font-style: italic;
line-height: 1.2;
float: right;
width: 250px;
margin-left: 15px;
padding: 6px;
background-color: #f2f2f2;
}

@media screen and (max-width: 433px) {
.quote-left, .quote-right {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;	
}	
}