@charset "utf-8";
/* ---------------------------------------------------- Fonts ----------------------------------------------------- */
@font-face{ 
	font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/lato-regular-webfont.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;
}
@font-face{ 
	font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/lato-bold-webfont.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;
}
@font-face{ 
	font-family: 'latoitalic';
    src: url('../fonts/lato-italic-webfont.eot');
    src: url('../fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/lato-italic-webfont.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;
}
@font-face{ 
	font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.eot');
    src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/lato-light-webfont.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'ElegantIcons';
	src: url('../fonts/icons/ElegantIcons.eot');
	src: url('../fonts/icons/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/icons/ElegantIcons.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* --------------------------------------------------- General ---------------------------------------------------- */
*{
	text-size-adjust: none;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
}
html, body{
	margin: 0px;
	padding: 0px;
	height: 100%;
}
body{
	width: 100%;
	font-family: latolight, Verdana, Lucida Grande, Gill Sans, Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 24px;
	overflow: auto;
	overflow-y: scroll;
	
	color: #555556;
	background-color: #ffffff;
}
div, font, p, span, h1, h2, h3, h4, h5, h6{
	font-family: latolight, Verdana, Lucida Grande, Gill Sans, Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 24px;
	color: #555556;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}
b{ font-family: latobold, Verdana, Lucida Grande, Gill Sans, Arial, Helvetica, sans-serif; }
i{ font-family: latoitalic, Verdana, Lucida Grande, Gill Sans, Arial, Helvetica, sans-serif; }
h2{
	font-size: 26px;
	line-height: 29px;
}
h6, h6 a{
	font-size: 12px;
	line-height: 15px;
}
a{
	font-family: latobold, Verdana, Lucida Grande, Gill Sans, Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 24px;
	color: #555556;
	text-decoration: none;
}
a:hover{ color: #dfdfe0; }
img{
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.icon{
	display: inline-block;
	font-family: 'ElegantIcons', Verdana, Lucida Grande, Gill Sans, Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 21px;
}


/* ---------------------------------------------------- Tables ---------------------------------------------------- */
table, tr, td, th{
	font-family: latolight, Verdana, Lucida Grande, Gill Sans, Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 24px;
	color: #555556;
	text-align: left;
	vertical-align: top;

	margin: 0px;
	padding: 0px;
	
	border: none;
	border-collapse: collapse;
}


/* ----------------------------------------------------- Forms ---------------------------------------------------- */
form, input, textarea, button, select{ -webkit-appearance: none; }
form, input, textarea, button, select{
	font-size: 16px;
	line-height: 18px;
	color: #555556;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	-webkit-border-radius: 0;
	text-decoration: none;
}
input, textarea, button, select{
	font-family: latolight, Verdana, Lucida Grande, Gill Sans, Arial, Helvetica, sans-serif;
	border: 1px solid #c5c4c5;
	padding: 5px;
}

/* ---------------------------------------------------- Header ---------------------------------------------------- */
header{
	width: calc(100% - 50px - 50px);
	min-width: 880px;
	height: 80px;
	min-height: 80px;
	position: fixed;
	z-Index: 2;
	background-color: #ffffff;
	border-bottom: 1px solid #f2f2f4;
	opacity: 0.85;
    filter: alpha(opacity=85);
	padding-left: 50px;
	padding-right: 50px;
}
.menuIconsLogo{
	position: absolute;
	top: 15px;
	left: 50px;
	display: block;
	width: 211px;
	height: 48px;
	border: none;
	outline: none;
	background-image: url(../images/tvm-logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 211px 48px;
}
.menuIconsLogo:hover{ background-size: 202px 46px; }

/* ------------------------------------------------- Menu Select -------------------------------------------------- */
.navMainCatWrapper{
	list-style: none;
	position: absolute;
	right: 50px;
	top: 27px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
}

.navMainCat{
	display: inline-block;
	margin-right: 25px;
}
h5{
	margin: 0px;
	padding: 10px;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #9e9e9f;
}

.navSubCat{
	position: absolute;
	top: 0px;
	left: -10px;
	display: none;
	list-style: none;
	white-space: nowrap;
	margin-top: 20px;
	padding: 0px;
	padding-top: 33px;
	background-color: #ffffff;
}
.navSubCat li{ padding: 10px; }
.navSubCat a{
	font-family: latolight, Verdana, Lucida Grande, Gill Sans, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: bold;
	color: #9e9e9f;
}
.navSubCat a:hover{ color: #3c3a3d; }
.navSubCat li:hover{
	background-color: #e7e7e8;
	transition: background 0.3s ease-out;
	-webkit-transition: background 0.3s ease-out;
	-moz-transition: background 0.3 ease-out;
	-o-transition: background 0.3 ease-out;
}
.navMainCat a:hover + .navSubCat, .navSubCat:hover{ display: block; }

.menuIcons, .menuIconSelected{
	display: inline-block;
	font-family: latolight, Verdana, Lucida Grande, Gill Sans, Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 21px;
	font-weight: bold;	
	color: #9e9e9f;
	background-color: transparent;
	border: none;
	outline: none;
	text-align: center;
}
.menuIcons:hover{ color: #3c3a3d; }
.menuIconSelected{ color: #3c3a3d; }

/* ----------------------------------------------------- Main ----------------------------------------------------- */
.pageWrapper{
	position: relative;
	width: 100%;
	min-width: 980px;
	min-height: calc(100% - 51px);
	text-align: center;
	
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.sectionImage{ width: 100%; }
.contentWrapper{
	position: relative;
	margin: 0 auto;
	width: 780px;
	min-width: 780px;
	padding: 100px;
	background-color: #ffffff;
	text-align: left;
}

.showMoreButton{
	font-size: 0px;
	line-height: 0px;
}
.mediaOverviewWrapper{
	position: relative;
	width: 780px;
	height: 90px;
	text-align: left;
	margin-bottom: 25px;
}
.showMoreOverlay{
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 780px;
	height: 90px;
	background-color: tranparent;
	color: transparent;
	text-align: center;
	line-height: 90px;
}
.showMoreOverlay:hover{
	background-color: rgba(231, 231, 232, 0.85);
	color: #3c3a3d;
	transition: background 0.3s ease-out;
	-webkit-transition: background 0.3s ease-out;
	-moz-transition: background 0.3 ease-out;
	-o-transition: background 0.3 ease-out;
	transition: color 0.3s ease-out;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3 ease-out;
	-o-transition: color 0.3 ease-out;
}
.mediaOverviewImage{
	display: inline;
	width: 159px;
	height: 90px;
	margin-right: 25px;
	vertical-align: top;
}
.prodcutionsTextContainer{
	display: inline-block;
	width: calc(100% - 159px - 25px);
	height: 90px;
	overflow: hidden;
	font-family: latolight, Verdana, Lucida Grande, Gill Sans, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
}

.showBackButton{
	position: absolute;
	bottom: 51px;
	left: 100px;
	width: 778px;
	height: 30px;
	border: 1px solid #7d7a7e;
	padding: 5px;
	font-family: latolight, Verdana, Lucida Grande, Gill Sans, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	background-color: #ffffff;
}
.showBackButton:hover{
	background-color: #e7e7e8;
	color: #3c3a3d;
	transition: background 0.3s ease-out;
	-webkit-transition: background 0.3s ease-out;
	-moz-transition: background 0.3 ease-out;
	-o-transition: background 0.3 ease-out;
	transition: color 0.3s ease-out;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3 ease-out;
	-o-transition: color 0.3 ease-out;
}

.noPaddingTop{ padding-top: 0px; }
.morePaddingBottom{ padding-bottom: 150px; }
.picWrapper{
	width: 780px;
	overflow: hidden;
	white-space: nowrap;
	scroll-behavior: smooth;
}
.picControlContainer{
	width: 780px;
	height: auto;
	text-align: center;
	margin-bottom: 50px;
}
.picHandler{
	display: inline-block;
	font-family: 'ElegantIcons', Verdana, Lucida Grande, Gill Sans, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 25px;
	margin-left: 2px;
	margin-right: 2px;
	color: #c7c7c9;
}


.videoPlayer{
	width: 780px;
	height: 443px;
	background-color: transparent;
	padding-top: 100px;
}
.productionImage{
	width: 780px;
	height: 443px;
	padding-top: 100px;
}

.linksTable{ width: 100% }
.linksTable tr td:nth-child(1){
	width: 302px;
	padding-bottom: 25px;
}
.linksTable tr td:nth-child(2){
	padding-left: 50px;
	padding-bottom: 25px;
}
.linkPreview{
	width: 300px;
	border: 1px solid #c7c7c9;
}

.datenschutzWrapper{ padding-top: 500px; }
.imprintTable tr td:first-child{ width: 400px; }
.imprintMap{
	position: absolute;
	z-Index: 1;
	left: 0px;
	width: 100%;
	height: 400px;
}
.t4oLogo{
	width: 25px;
	margin-right: 10px;
	vertical-align: middle;
}

/* ---------------------------------------------------- Footer ---------------------------------------------------- */
footer{
	position: relative;
	width: 100%;
	min-width: 980px;
	height: 50px;
	min-height: 50px;
	background-color: #ffffff;
	opacity: 0.85;
    filter: alpha(opacity=85);
	border-top: 1px solid #f2f2f4;
	font-size: 0px;
	line-height: 0px;
}
.footerLogo{
	height: 20px;
	position: absolute;
	top: 16px;
	left: 25px;
}
.footerContentLeft{
	display: inline-block;
	width: calc(65% - 200px);
	padding-left: 200px;
	color: #555556;
	margin-top: 10px;
	font-family: latolight, Verdana, Lucida Grande, Gill Sans, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 16px;
}
.footerContentRight{
	display: inline-block;
	width: calc(35% - 50px);
	padding-right: 50px;
	color: #555556;
	text-align: right;
	margin-top: 10px;
	font-family: latolight, Verdana, Lucida Grande, Gill Sans, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 16px;
}
.footerLink{
	font-family: latoregular, Verdana, Lucida Grande, Gill Sans, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 16px;
}

/* ---------------------------------------------------- Mobile ---------------------------------------------------- */
@media all and (max-device-width: 1024px){
	.pageWrapper{
		background-attachment: scroll;
		background-position: center top;
		background-size: 100% auto;
	}
}