@charset "UTF-8";
/* CSS Document */

@media only screen and (max-device-width: 480px) {
	#content, #kacheln {
		min-height:1200px;
	}
	#movie {
		top:18px;
		left:260px;
		min-height:1000px;
	}
	#movie #playercontainer {
		left:0px;;	
	}
	#kacheln {
		position:relative;
		text-align:left;
		max-width:600px;
		width:600px;
		padding:0;
		position:absolute;
		top:0px;
		z-index:0;
		padding-left:240px;
		padding-bottom:30px;
	}
	#header {
		position:absolute;
		top:0px;
		z-index:2;
		height:100%;
		width:239px;
		background:url(../images/header-background.png);
	}
	#header-series {
		display:none;
	}
	#logo {
		position:absolute;
		font-family: FuturaClassicLightWeb, sans-serif;
		font-size:40px;
		top:60px;
		width:239px;
		height:210px;
		text-align:center;
		line-height:40px;
	}
	#logo #buettner {
		font-size:42px;
	}
	#menu {
		position:absolute;
		top:200px;
		left:0px;
		width:239px;
		text-align:center;
	}
	#filter{
		position:absolute;
		top:370px;
		left:0px;
		width:239px;
		text-align:center;
	}
	
	.series #footer  {
		display:none;
		height:0px;
	}
	
	#footer {
		display:none;
	}
	
	#footeriphone {
		display:block;
		z-index:1001;
		position:absolute;
		top:400px;
		display:block;
		padding:0;
		margin:0;
		text-align:center;
		left:-35px;
	}
	.portfolios #footeriphone {
		top:650px;			
	}
	#footeriphone li {
		font-family:'P22UndergroundBookRegular', Arial, sans-serif;
		list-style:none;
		text-align:center;
		text-transform:uppercase;
		color:#888;
		width:239px;
	}
	#footeriphone a {
		text-decoration:none;
		color:#888;
	}
	#footeriphone a:hover {
		text-decoration:none;
		color:#000000;
	}
	#footeriphone .socials:hover {
		opacity:1;
	}
	#footeriphone .socials {
		position:relative;
		margin: 0;
		opacity:0.5;
		padding:2px;
		text-align:center;
	}
	#footeriphone #socials {
		text-align:center;
	}
	#footeriphone #socials li {
		display:inline;
	}
	
	
	
	#content {
		max-width:785px;
		padding:0;
		position:relative;
		left:239px;
	}
	#content .textfeld {
		top: 87px;
		left:100px;
	}
	
	#supersized {
		top:-13px;
		padding:0;
		text-align:left;
	}
	
	#series #buttons, #series #infobox {
		top:62%
	}
	#subscribe_form {
		bottom:0px;
		left:220px;
	}
	#creator {
		font-size:12px;
		text-align:left;
		max-width:693px;
		min-width:693px;
		padding:0;
		position:relative;
		z-index:0;
		left:290px;
		top: 100px;
		padding-bottom:30px;
	}
}

@media only screen and (max-device-width: 480px) and (orientation : landscape){
		
#series #buttons, #series #infobox {
		top:0px;
		padding:0;
		margin:0;
}



}