/**********************************************************************************************
	SMARTPHONE OPTIMISATION and small resolution windows
*/

@media screen and (max-width: 2400px) {
	body {
		background-size: auto;
	}
}

@media screen and (max-width: 580px) {
	section#content .csc-menu-4 .movie.teaser .card .movie-images figure,section#content .movie-images figure
		{
		width: 48%;
		overflow: hidden;
	}
	section#content .csc-menu-4 .movie.teaser .recordlis-item .movie-images figure
		{
		width: 100%;
	}
	section#content .csc-menu-4 .movie.teaser .card .movie-images figure:nth-child(2),section#content .csc-menu-4 .movie.teaser .card .movie-images figure:nth-child(4),section#content .movie-images figure:nth-child(2)
		{
		padding-right: 0;
	}
	dl.movieinfos dt,dl.movielinks dt {
		width: 100% !important;
		font-size: 14px;
		line-height: 20px;
		margin: 0;
		padding: 0;
	}
	dl.movieinfos dd,dl.movielinks dd {
		width: 100% !important;
		font-size: 16px;
		font-weight: bold;
		line-height: 20px;
		margin: 0;
		padding: 0;
	}
	dl.movielinks dd,dl.movielinks dt {
		font-weight: normal;
	}
	.backlink {
		position: relative !important;
		top: none;
		left: none;
		right: none;
		margin: 1em 1em 1em 2em;
	}
	div.image-2col,div.image-3col,div.image-4col {
		width: 100%;
		margin-right: 0 !important;
	}
	body {
		font-size: 1.3em;
	}
	header #logo {
		padding-top: 1em;
		background-color: black;
	}
	header #logo img { /*width: 55%;*/
		width: 250px;
	}
	header#mini {
		display: block;
	}
	div.container {
		width: 100%;
		margin: 0 auto;
	}
	#menu ul li,#mainmenu2 li {
		display: block;
		clear: both;
	}
	#menu ul li a,#mainmenu2 li a {
		display: block;
	}
	#mainmen,#mainmenu2 {
		float: left;
	}
	dl.movieinfos dt,dl.movielinks dt {
		width: 100% !important;
		font-size: 14px;
		line-height: 20px;
		margin: 0;
		padding: 0;
	}
	dl.movieinfos dd,dl.movielinks dd {
		width: 100% !important;
		font-size: 16px;
		font-weight: bold;
		line-height: 20px;
		margin: 0;
		padding: 0;
	}
	dl.movielinks dd,dl.movielinks dt {
		font-weight: normal;
	}
	header#default {
		z-index: 99;
		margin-bottom: 1em;
	}
	header#mini {
		z-index: 98;
	}
	.recordlis-item .records_html {
		width: 100%;
	}
	.recordlis-item .records_bodytext {
		width: 100%;
	}
	div.image-2col,div.image-3col,div.image-4col {
		width: 100%;
		margin-right: 0 !important;
	}
	.backlink {
		right: 0;
	}
}

	/**********************************************************************************************
	iOS Inline Player and disabled central ontop player
	TODO: change from resolution to user agent iOS
*/
	@media screen and (max-width: 580px) {
		#player {
			display: none;
		}
		.audio {
			display: block !important;
		}
		#content .ce-enisrotthoff_ceaudio {
			display: block !important;
			padding-right: 1em;
		}
		.audio .sendtoplayer {
			display: block;
			background: none;
			padding-left: 0;
			padding-right: 0;
		}
		.audio .sendtoplayer audio {
			width: 100%;
		}
		.audio .sendtoplayer audio.nocss {
			display: inline-block;
		}
		.audio .sendtoplayer dfn.title {
			color: #111;
			padding-left: 0;
			padding-right: 0;
		}
		.audio .sendtoplayer dfn.title span {
			display: none;
		}
	}
}