/* ==========================================================================
   "Die naechste Episode" / "Our brand new game" auf der Startseite

   Die Basis-Variante in style.css legt die Bildspalte als absolut
   positionierte linke Haelfte an (.image-column: position:absolute,
   width:50%, height:100%) und zeigt darin nur eine background-cover-Ebene.
   Bei einem quadratischen 512er-Artwork wird dadurch oben und unten hart
   abgeschnitten, und der einzelne Eintrag klebt links am Rand.

   Hier: gestapeltes, mittig ausgerichtetes Layout - Artwork vollstaendig
   sichtbar, Text darunter zentriert. Gleiche Technik, die responsive.css
   ohnehin schon fuer <=767px nutzt (image-box statt image-layer).
   ========================================================================== */

.featured-carousel-box .slide-item .content-box{
	max-width: 760px;
	margin: 0px auto;
}

.featured-carousel-box .slide-item .image-column{
	position: relative;
	float: none;
	width: 100%;
	height: auto;
	padding: 50px 30px 0px;
}

/* beschnittene Hintergrundebene raus, echtes <img> rein */
.featured-carousel-box .slide-item .image-layer{
	display: none;
}

.featured-carousel-box .slide-item .image-box{
	display: block;
	max-width: 420px;
	margin: 0px auto;
}

.featured-carousel-box .slide-item .image-column img{
	width: 100%;
	height: auto;
}

.featured-carousel-box .slide-item .text-column{
	position: relative;
	float: none;
	width: 100%;
	text-align: center;
}

.featured-carousel-box .slide-item .text-column .inner{
	padding: 40px 40px 110px;
}

.featured-carousel-box .slide-item .text-column .title{
	padding-right: 0px;
	margin-bottom: 14px;
}

/* Sterne standen absolut rechts - unter dem Titel zentriert passt besser */
.featured-carousel-box .slide-item .text-column .title .rating{
	position: relative;
	right: auto;
	top: auto;
	display: block;
	margin-top: 8px;
}

.featured-carousel-box .slide-item .text-column .info{
	margin-bottom: 28px;
}

.featured-carousel-box .slide-item .text-column .info li{
	float: none;
	display: inline-block;
	margin: 0px 12px 6px;
}

.featured-carousel-box .slide-item .text-column .text{
	max-width: 560px;
	margin: 0px auto 30px;
}

.featured-carousel-box .slide-item .text-column .fact-counter .counter-column{
	margin-bottom: 20px;
}

.featured-carousel-box .owl-theme .owl-nav{
	padding-right: 0px;
	text-align: center;
}

@media only screen and (max-width: 599px){
	.featured-carousel-box .slide-item .image-column{
		padding: 30px 20px 0px;
	}

	.featured-carousel-box .slide-item .text-column .inner{
		padding: 30px 20px 100px;
	}
}