/**
 * @description		mobile styles
 * @project			Frage trifft Antwort
 * @site			frage-trifft-antwort.de
 */


/* Legend:
* is-spe = smartphone
* is-tbt = tablet
*/

/* styles from mod.css :: start */
.is-spe header .logo {
	margin-bottom: 1.0em;
}
.is-spe .singleview span.heading,
.is-tbt .singleview span.heading {
	float: none;
}
.is-spe .singleview span.heading-inline,
.is-tbt .singleview span.heading-inline {
	float: left;
	min-width: 25%;
	font-weight: bold;
}
/* styles from mod.css :: end */


/* styles from media_queries.css :: start */
.is-spe .singleview .link-wrapper,
.is-tbt .singleview .link-wrapper {
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}
/* .is-spe .singleview .related a {
    display: inline;
    padding: 5px 0 10px 40px;
	background-position: left;
} */
.is-spe .singleview .related a,
.is-tbt .singleview .related a {
    display: block;
    height: auto;
    min-height: 28px;
    line-height: 1.5em;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: transparent;
    background-repeat: no-repeat;
	background-position: left 0;
}
.is-spe .singleview .video.related a,
.is-spe .singleview .videos.related a,
.is-tbt .singleview .video.related a,
.is-tbt .singleview .videos.related a {
	background-image: url('../../images/layout/video_icon.png');
}
.is-spe .singleview .quiz.related a,
.is-tbt .singleview .quiz.related a {
	background-image: url('../../images/layout/quiz_icon.png');
}
.is-spe .singleview .game.related a,
.is-tbt .singleview .game.related a {
	background-image: url('../../images/layout/game_icon.png');
}

.is-tbt .video-mobile-left-bottom,
.is-tbt .quiz-mobile-left-bottom {
	float: left;
	margin-bottom: 1.5em;
}
.is-tbt .video-mobile-right,
.is-tbt .quiz-mobile-right {
	min-height: 40em;
	margin-bottom: 1.5em;
}
/* styles from media_queries.css :: end */


/* styles from videoquiz.css :: start */
.is-spe .quiz-mobile-right .subblock,
.is-spe .video-mobile-right .subblock {
	background: url("../../images/layout/hruler.gif") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
    padding: 0 0 1.5em;
}

.is-spe .video-mobile-right .quiz {
	background: none;
}

.is-spe .video-left-col.column {
	float: none;
}

.is-tbt .tx-videoquiz-pi1 .video-title-container,
.is-tbt .tx-videoquiz-pi1 .game-title-container {
	margin: 0 2em 0 0.8em;
	padding: 0 0 0.5em;
	background: transparent url("../../images/layout/hruler.gif") repeat-x scroll 0 bottom;
}
.is-tbt .tx-ftaquiz-pi1 .titlewrapper {
	margin-right: 2em;
}
.is-spe .tx-videoquiz-pi1 .video-item {
	margin-bottom: 1.0em;
}
.is-tbt .tx-videoquiz-pi1 .video-item {
	width: 330px;
	height: 185px;
	background: none;
	padding: 0;
	margin-bottom: 1.0em;
}
.is-tbt .tx-videoquiz-pi1 .video-mobile-right .video-description {
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.is-tbt .tx-videoquiz-pi1 .video-mobile-right .subblock {
	padding-right: 2.0em;
	margin-bottom: 0.5em;
}
.is-tbt .tx-ftaquiz-pi1 .quiz-mobile-right .subblock {
	margin-right: 2.0em;
	margin-bottom: 0.5em;
}
.is-tbt .tx-videoquiz-pi1 .video-mobile-right .heading {
	margin-bottom: 0.5em;
}
.is-tbt .video-mobile-right .quiz.related,
.is-tbt .video-mobile-right .game.related,
.is-tbt .video-mobile-right .video.related,
.is-tbt .quiz-mobile-right .quiz.related,
.is-tbt .quiz-mobile-right .game.related,
.is-tbt .quiz-mobile-right .videos.related {
	padding-top: 1.5em;
	padding-bottom: 0;
	margin-top: 1.5em;
	margin-bottom: 0;
	background: url("../../images/layout/hruler.gif") repeat-x scroll 0 top rgba(0, 0, 0, 0);
}
.is-tbt .video-mobile-left-bottom .subblock {
    padding-bottom: 3.0em;
}
.is-tbt .tx-videoquiz-pi1 .video-mobile-left-bottom .subblock.last,
.is-tbt .quiz-mobile-right .description.subblock {
    background: none;
}
.is-tbt .tx-videoquiz-pi1 .video-mobile-left-bottom .heading,
.is-tbt .tx-ftaquiz-pi1 .quiz-mobile-left-bottom .heading {
	float: left;
    margin-top: 0.2em;
}
/* styles from videoquiz.css :: start */


/* list styles :: start */
.is-spe .azbrowser.subblock,
.is-spe .videos-extlist-agebrowser.subblock,
.is-tbt .azbrowser.subblock,
.is-tbt .videos-extlist-agebrowser.subblock {
	padding-bottom: 0.7em;
}

.is-tbt .azbrowser .azbrowser-letter,
.is-tbt .azbrowser .letter {
	display: block;
	float: left;
	margin: 0 1.6em 0.6em 0;
}
.is-spe .agebrowser,
.is-tbt .agebrowser {
	display: block;
	float: left;
	margin-bottom: 0.7em;
}
/* list styles :: end */


/* game style :: start */
/** discard existing styles :: start **/
.is-spe .game .video-keywords,
.is-spe .game .ratings,
.is-tbt .game .video-keywords,
.is-tbt .game .ratings {
	background: none;
	padding: 0;
	margin: 0;
}
.is-spe .tx-videoquiz-pi1 .singleview.game .related,
.is-tbt .tx-videoquiz-pi1 .singleview.game .related {
	padding-bottom: 0;
}
/** discard existing styles :: end **/

.is-spe .singleview .right-col.column {
	float: left;
}
.is-tbt .singleview .right-col.column {
	float: right;
}

.is-tbt .singleview .left-col-container,
.is-tbt .singleview .left-col-bottom-container {
	margin: 1.2em 1.8em 1.0em 0.8em;
}
.is-tbt .singleview .left-col-bottom-container {
	margin-bottom: 2.0em;
}
.is-spe .singleview .right-col-container {
	margin: 1.2em 1.8em 1.0em 0.8em;
}
.is-tbt .singleview .right-col-container {
	min-height: 40em;
	margin: 1.2em 2.0em 2.0em 0;
}

.is-tbt .singleview .right-col-container .heading {
	margin-bottom: 0.5em;
}
.is-tbt .singleview .left-col-bottom-container .heading {
	float: left;
}
.is-spe .singleview .block-with-ruler,
.is-tbt .singleview .block-with-ruler {
	padding: 1.5em 0 0 0;
	margin: 1.5em 0 0 0;
	background: url('../../images/layout/hruler.gif') repeat-x 0 top;
}
.is-tbt .singleview .description.block-with-ruler {
	padding-top: 0;
	margin-top: 0;
	background: none;
}
/* game style :: end */


/* mediaelement.js styles :: start */
.is-spe .mejs-overlay.mejs-overlay-play {
	top: 50%;
	left: 50%;
	width: 100px !important;
	height: 100px !important;
	margin-top: -50px;
	margin-left: -50px;
}
.is-spe .mejs-overlay-button {
	top: 30px;
	left: 50px;
}
/* mediaelement.js styles :: end */


@media (orientation: landscape) {
	.is-tbt .tx-videoquiz-pi1 .video-item {
		width: 434px;
		height: 246px;
	}
}