@charset "utf-8";

/* ----- Portrait ----- */
@media only screen and (hover: none) and (pointer: coarse) and (max-width: 1024px) and (orientation: portrait){
/* ----- General Layout ----- */
	div, input, td, b, u, li, a{
		font-size: 40px !important;
		line-height: 42px !important;
	}
	
/* ----- Navigation ----- */
	.toggleMenuLabel{
		font-size: 50px;
		line-height: 50px;
	}
	.toggleMenuCheckbox:checked ~ .sideMenuWrapper{ right: 0px; }	
	.toggleMenuLabel:hover{ transform: none; }
	.toggleMenuLabel:hover ~ div.sideMenuWrapper{ top: 0px; }
	.toggleMenuCheckbox:checked + .toggleMenuLabel{ transform: none; }
	.toggleMenuCheckbox:checked + .toggleMenuLabel:hover{ transform: none; }
	.socialMediaLink:hover{ transform: none; }
	
	.sideMenuWrapper{
		display: inline-block;
		top: 0px;
		right: -100vw;
		width: calc(60vw - 25px - 25px);
		min-width: calc(60vw - 25px - 25px);
		height: calc(100% - 25px - 25px);
		min-height: calc(100% - 25px - 25px);
		border-radius: 0px 0px 0px 0px;
		border: none;
		border-left: 1px solid #1b1b1b;
		box-shadow: 0px 0px 50px #1b1b1b;
		padding: 25px;
		transition: right 0.5s ease-out;
		font-size: 50px !important;
		line-height: 70px !important;
	}
	.sideMenuWrapper a{
		font-size: 50px !important;
		line-height: 60px !important;
	}
	.sideMenuWrapper a.socialMediaLink{
		font-size: 100px !important;
		line-height: 100px !important;
		margin-right: 40px;
	}
	.fRLogoHeader{
		width: 300px;
		height: 132px;
		margin-bottom: 50px;
	}
	.fRLogoHeader:hover{ transform: none; }

/* ----- Content Layout ----- */
	.fRHeader{
		width: calc(399px * 2);
		height: calc(280px *2);
		margin-top: 150px;
	}
	.frLogo{
		width: calc(399px * 2);
		height: calc(122px *2);
		margin-top: 150px;
	}
	.contentContainer{
		height: 100%;
		font-size: 40px;
		line-height: 42px;
	}
	.contentContainerContentWidth{
		width: 750px;
		height: 100%;
		font-size: 40px !important;
		line-height: 42px !important;
	}
	.seasonContainer{
		width: 100%;
		height: 100%;
		padding: 0px;
		margin-bottom: 100px;
		font-size: 40px;
		line-height: 42px;
	}
	.moviePreviewImg, .videoPlayer{
		width: calc(100vw - 50px - 50px);
		height: calc(((100vw - 50px - 50px) / 16) * 9);
	}
	
	h3, h3 i{
		font-size: 50px;
		line-height: 50px;
	}
	.seasonContainer a{
		font-size: 40px;
		line-height: 42px;
	}
	.seasonContainer .smallFont{
		font-size: 30px;
		line-height: 32px;
	}
	
	.pillBG{
		font-size: 40px !important;
		line-height: 40px !important;
	}
	.newsletterEmail{ width: 400px; }
	.imprintDetailsTable tr td, .imprintDetailsTable tr td a{
		font-size: 50px;
		line-height: 50px;
	}
	.imprintDetailsTable tr td:nth-child(1){ width: 450px; }
	.contentContainer h3, .contentContainer h3 i{
		font-size: 50px;
		line-height: 50px;
	}
	.partnerLogosTable tr td{ font-size: 21px; }
	.pressLink{
		width: calc(100vw - 25px - 25px);
		height: calc((100vw - 25px - 25px) / 0.91);
		margin-bottom: 50px;
		padding: 0px;
	}
	.legalHeader{
		font-size: 40px !important;
		line-height: 50px !important;
	}
	
	.contentContainerQ3{
		text-align: initial;
		text-justify: initial;
	}
	
/* ----- Footer ----- */
	footer *{
		font-size: 24px !important;
		line-height: 28px !important;
	}
	.footerLogo{ width: 200px; }
	.footerLeftContainer{ width: calc(100% - 400px - 240px - 25px - 25px - 25px - 50px - 2px); }
	.footerCenterContainer{ width: 400px; }
	.footerRightContainer{ width: 240px; }
}

/* ----- Landscape ----- */
@media only screen and (hover: none) and (pointer: coarse) and (max-width: 1024px) and (orientation: landscape){
	.toggleMenuCheckbox:checked ~ .sideMenuWrapper{ right: 0px; }
	.toggleMenuLabel:hover{ transform: none; }
	.toggleMenuLabel:hover ~ div.sideMenuWrapper{ top: 0px; }
	.toggleMenuCheckbox:checked + .toggleMenuLabel{ transform: none; }
	.toggleMenuCheckbox:checked + .toggleMenuLabel:hover{ transform: none; }
	.socialMediaLink:hover{ transform: none; }
	
	.sideMenuWrapper{
		display: inline-block;
		top: 0px;
		right: -100vw;	
		height: calc(100vh - 25px - 25px);
		min-height: calc(100vh - 25px - 25px);
		border-radius: 0px 0px 0px 0px;
		border: none;
		border-left: 1px solid #1b1b1b;
		box-shadow: 0px 0px 50px #1b1b1b;
		padding: 25px;
		transition: right 0.5s ease-out;
		opacity: 0.90;
		font-size: 2.2vw;
		line-height: 2.4vw;
	}
	.sideMenuWrapper a{
		font-size: 2.2vw;
		line-height: 2.4vw;
	}
	.sideMenuWrapper a.socialMediaLink{
		font-size: 10vh;
		line-height: 10.2vh;
	}
	.seasonContainer{ width: 390px; }
	.moviePreviewImg, .videoPlayer{
		width: 390px;
		height: calc((390px / 16) * 9);
	}
	.legalHeader{
		font-size: 28px;
		line-height: 30px;
	}
	.imprintDetailsTable tr td, .imprintDetailsTable tr td *{
		font-size: 26px;
		line-height: 28px;
	}
	.imprintDetailsTable tr td:nth-child(1){ width: 400px; }
	.contentContainer b{
		font-size: 18px;
		line-height: 21px;
	}
	.contentContainer{
		font-size: 18px;
		line-height: 21px;
	}
	.contentContainerContentWidth{
		font-size: 28px;
		line-height: 30px;
	}
	.seasonContainer, .seasonContainer a{
		font-size: 21px;
		line-height: 24px;
	}
	.seasonContainer h3, .seasonContainer h3 i{
		font-size: 26px;
		line-height: 28px;
	}
}