/* FONTS */

@font-face {font-family:'LR'; src:url('fonts/lato-regular.woff2') format('woff2'), url('fonts/lato-regular.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face {font-family:'LRI'; src:url('fonts/lato-regular-italic.woff2') format('woff2'), url('fonts/lato-regular-italic.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face {font-family:'LB'; src:url('fonts/lato-bold.woff2') format('woff2'), url('fonts/lato-bold.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face {font-family:'LBI'; src:url('fonts/lato-bold-italic.woff2') format('woff2'), url('fonts/lato-bold-italic.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}

/* COLORS */

:root {
	--black: #000000;
	--black-80: rgba(0,0,0,0.8);
	--black-50: rgba(0,0,0,0.5);
	--white: #FFFFFF;
	--white-80: rgba(255,255,255,0.8);
	--white-20: rgba(255,255,255,0.2);
	--blue-1: #0088CB;
	--blue-1-80: rgba(0,136,203,0.8);
	--blue-2: #CBE7F4;
	--grey-1: #F2F2F2;
	--grey-2: #CBCBCB;
	--grey-3: #B2B2B2;
	--grey-4: #7F7F7F;
	--grey-5: #4C4C4C;
	--grey-6: #323232;
	--grey-7: #262626;
}

/* GLOBAL */

* {
	margin: 0px;
	padding: 0px;
}

html, body {
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
}

body {
	font-family: 'LR', sans-serif;
	font-size: 16px;
	line-height: 140%;
	text-align: center;
	color: var(--black);
	background-color: var(--black);
}

img {
	border: none;
}

a, a:link, a:visited, a:focus, a:active, a:hover {
	color: var(--blue-1);
	transition: color 0.2s linear, background-color 0.2s linear;
}

p {
	margin: 5px 0px;
}

p a {
	text-decoration: none;
}

p a:hover {
	text-decoration: underline;
}

table {
	border: none;
	border-collapse : collapse;
}

table td, table th {
	padding : 0;
}

ul, ol {
	list-style-type: none;
}

div.frame ul {
	list-style-type: square;
	margin-left: 20px;
}

div.frame ol {
	list-style-type: decimal;
	margin-left: 20px;
}

div.frame div.rte-content {
	width: 100%;
	float: left;
	clear: both;
}

i, em {
	font-family: 'LRI', sans-serif;
	font-style: normal;
}

b, strong {
	font-family: 'LB', sans-serif;
	font-weight: normal;
}

i b, i strong, em b, em strong, b i, b em, strong i, strong em {
	font-family: 'LBI', sans-serif;
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3, h4, h5 {
	font-family: 'LB', sans-serif;
	display: inline-block;
	font-weight: normal;
	line-height: 120%;
	/*margin-bottom: 10px;*/
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

/* ELEMENTS */

div.bg-top,
div.bg-intro,
div.bg-intro-overlay,
div.bg-slider,
div.bg-main,
div.bg-footer,
div.bg-bottom {
	width: 100%;
	float: left;
	clear: both;
}

div.bg-top {
	position: fixed;
	z-index: 99;
	background-color: var(--black);
}

div.bg-intro {
	height: 220px;
	margin-top: 80px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

div.bg-intro-overlay {
	height: 100%;
	background-color: var(--black);
	background-color: var(--black-50);
}

div.bg-slider {
	background-color: var(--white);
}

div.bg-main {
	background-color: var(--white);
}

div.bg-footer {
	background-color: var(--grey-1);
}

div.center {
	width: 1000px;
	margin: 0px auto;
}

div.bg-intro div.center {
	width: 60%;
	max-width: 800px;
}

div.top,
div.intro,
div.main,
div.footer,
div.bottom {
	width: 100%;
	float: left;
	clear: both;
	text-align: left;
}

div.main-only {
	padding-top: 100px !important;
}

div.top-left-trigger,
div.top-right-trigger {
	display: none;
}

div.top-left {
	float: left;
	clear: left;
}

div.top-left a {
	width: 130px;
	height: 36px;
	display: block;
	float: left;
	clear: none;
	text-indent: -999px;
	overflow: hidden;
	margin: 22px 0px;
	background-image: url(img/logo.svg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 100% 100%;
}

div.top-right {
	float: right;
	clear: right;
}

ul.top-nav {
	font-family: 'LB', sans-serif;
	font-size: 14px;
	line-height: 100%;
	text-transform: uppercase;
	float: left;
	clear: left;
	margin-top: 32px;
	transition: opacity 0.3s linear;
}

ul.top-nav-closed {
	opacity: 0.3;
}

ul.top-nav > li {
	float: left;
	clear: none;
	margin-left: 25px;
}

ul.top-nav > li > a {
	color: var(--white);
	text-decoration: none;
}

ul.top-nav > li.current > a,
ul.top-nav > li > a:hover {
	color: var(--blue-1);
}

div.top-search {
	float: right;
	clear: right;
	position: relative;
	margin: 22px 0px 0px 25px;
}

div.top-search-content {
	width: 240px;
	height: 0px;
	position: absolute;
	right: 0px;
	overflow: hidden;
	background-color: var(--white);
	border-radius: 18px;
	opacity: 0;
	transition: opacity 0.3s linear;
}

div.top-search-content-open {
	height: 36px;
	opacity: 1;
}

div.top-search-content form {
	float: left;
	clear: none;
	-webkit-appearance: none;
}

div.top-search-content fieldset,
div.top-search-content div.kesearchbox {
	width: 100%;
	float: left;
	clear: none;
	border: none;
}

div.top-search-content span.top-close-search {
	width: 36px;
	height: 36px;
	float: left;
	clear: left;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	cursor: pointer;
	background-image: url(img/search-content.svg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 72px 72px;
}

div.top-search-content span.top-close-search:hover {
	background-position: top right;
}

div.top-search-content input[type="text"] {
	width: 164px;
	height: 35px;
	font-family: 'LR', sans-serif;
	font-size: 16px;
	color: var(--grey-4);
	float: left;
	clear: none;
	border: none;
	background-color: var(--white);
	-webkit-appearance: none;
}

div.top-search-content input[type="text"]:focus {
	color: var(--blue-1);
}

div.top-search-content input[type="submit"] {
	width: 36px;
	height: 36px;
	float: left;
	clear: right;
	display: block;
	border: none;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	background-color: transparent;
	background-image: url(img/search-content.svg);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 72px 72px;
	-webkit-appearance: none;
}

div.top-search-content input[type="submit"]:hover {
	background-position: bottom right;
}

div.top-search-trigger {
	width: 34px;
	height: 34px;
	display: block;
	float: left;
	clear: both;
	cursor: pointer;
	border: 1px solid var(--white);
	border-radius: 17px;
	background-image: url(img/search-trigger.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 18px 18px;
	opacity: 0.5;
	transition: opacity 0.3s linear;
}

div.top-search-trigger:hover {
	opacity: 1;
}

div.top-left-trigger,
div.top-right-trigger {
	width: 50px;
	height: 50px;
	position: absolute;
}

div.top-left-trigger {
	left: 0px;
}

div.top-right-trigger {
	right: 0px;
}

span.top-trigger-menu {
	width: 50px;
	height: 50px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	float: left;
	clear: both;
	cursor: pointer;
	background-image: url(img/top-triggers.svg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 150px 100px;
}

span.top-trigger-menu:hover {
	background-position: 0px -50px;
}

span.top-trigger-search {
	width: 50px;
	height: 50px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	float: left;
	clear: both;
	cursor: pointer;
	background-image: url(img/top-triggers.svg);
	background-repeat: no-repeat;
	background-position: -50px 0px;
	background-size: 150px 100px;
}

span.top-trigger-search:hover {
	background-position: -50px -50px;
}

span.top-trigger-menu-open,
span.top-trigger-search-open {
	background-position: -100px 0px;
}

span.top-trigger-menu-open:hover,
span.top-trigger-search-open:hover {
	background-position: -100px -50px;
}

div.intro {
	height: 100%;
	height: 220px;
	float: none;
	text-align: center;
	display: table;
}

div.intro h1,
div.intro p {
	color: var(--white);
	margin: 0px;
}

div.intro-align {
	vertical-align: middle;
	display: table-cell;
}

div.slider {
	width: 100%;
	float: left;
	clear: both;
	padding-top: 80px;
	opacity: 0;
	transition: opacity 0.3s linear;
}

div.slider.open {
	opacity: 1;
}

div.slider div.ce-image,
div.slider div.ce-gallery,
div.slider div.ce-row {
	width: 100%;
	float: left;
	clear: both;
}

div.slider div.ce-image figure {
	width: 100%;
	float: left;
	clear: both;
	margin: 0px !important;
}

div.slider img {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
}

div.slider figcaption {
	width: 100%;
	padding: 20px 0px;
	display: block;
	background-color: var(--white);
	background-color: var(--white-80);
	position: absolute;
	bottom: 0;
}

div.slider figcaption a {
	width: 1000px;
	color: var(--black);
	text-align: left;
	display: block;
	margin: 0px auto;
	position: relative;
}

div.slider figcaption br {
	display: none;
}

div.slider figcaption p {
	width: 100%;
	line-height: 220%;
	display: block;
	float: left;
	clear: both;
}

div.slider figcaption b {
	width: 100%;
	font-size: 42px;
	text-transform: uppercase;
	line-height: 120%;
	display: block;
}

div.slider figcaption i {
	font-family: 'LR', sans-serif;
	font-size: 18px;
}

div.slider figcaption strong {
	display: block;
	position: absolute;
	right: 0px;
	margin-top: 20px;
	padding: 10px 20px;
	font-family: 'LB', sans-serif;
	font-size: 18px;
	color: var(--white);
	background-color: var(--blue-1);
}

div.slider div.bx-controls {
	width: 100%;
	float: left;
	clear: both;
	padding: 15px 0px;
	background-color: var(--white);
}

div.slider div.bx-pager {
	margin: 0px auto;
}

div.slider div.bx-pager-item {
	display: inline-block;
	margin: 0px 7px;
	text-align: left;
}

div.slider a.bx-pager-link {
	width: 14px;
	height: 14px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	border-radius: 7px;
	background-color: var(--grey-2);
}

div.slider a.bx-pager-link:hover {
	background-color: var(--blue-1);
	opacity: 0.6;
}

div.slider a.bx-pager-link.active {
	background-color: var(--blue-1);
}

div.main {
	padding: 40px 0px;
}

div.content-selector {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	margin-bottom: 20px;
}

div.content-selector-align {
	display: inline-block;
}

div.content-selector-wrap {
	display: block;
	float: left;
	clear: none;
	text-align: left;
	position: relative;
}

span.content-selector-current {
	display: block;
	font-family: 'LB', sans-serif;
	color: var(--white);
	cursor: pointer;
	padding: 10px 40px 12px 20px;
	background-color: var(--blue-1);
	background-image: url(img/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: center right 10px;
	background-size: 14px 9px;
}

ul.content-menu {
	float: left;
	clear: both;
	background-color: var(--blue-1);
	position: absolute;
	z-index: 98;
	top: 44px;
	left: 0px;
	display: none;
	white-space: nowrap;
}

ul.content-menu li {
	width: 100%;
	float: left;
	clear: both;
}

ul.content-menu li.current {
	display: none;
}

ul.content-menu li.spacer {
	width: 100%;
	float: left;
	clear: both;
	font-family: 'LB', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: var(--white);
	padding: 1px 20px 2px 20px;
	background-color: var(--white);
	background-color: var(--white-20);
}

ul.content-menu li a {
	padding: 4px 20px 5px 20px;
	display: block;
	color: var(--white);
	text-decoration: none;
}

ul.content-menu li a:hover {
	background-color: var(--black);
}

div.divider {
	width: 100%;
	height: 1px;
	float: left;
	clear: both;
	margin: 50px 0px;
	background-color: var(--grey-3);
}

div.film-list-more,
div.news-list-more {
	font-family: 'LB', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	position: absolute;
	top: -50px;
	right: 2%;
}

div.film-list-more a,
div.news-list-more a {
	text-decoration: none;
}

div.film-list-more a:hover,
div.news-list-more a:hover {
	text-decoration: underline;
}

div.film-list,
div.news-list {
	width: 100%;
	float: left;
	clear: both;
	margin: 20px 0px;
	position: relative;
}

div.film-item {
	width: 23%;
	float: left;
	clear: none;
	text-align: center;
	margin: 0% 2% 2% 0%;
}

div.film-item:hover {
	background-color: var(--blue-1);
}

div.film-item div.film-cover {
	width: 100%;
	float: left;
	clear: both;
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 10px 0 var(--black-50);
}

div.film-item span.film-cover-img {
	width: 100%;
	float: left;
	clear: both;
}

div.film-item img {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
}

div.film-item span.film-cover-anchor {
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: -40px;
	padding: 8px 16px;
	font-family: 'LB', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	text-align: left;
	color: var(--white);
	background-color: var(--blue-1);
	background-color: var(--blue-1-80);
	background-image: url(img/arrow-right-circle.svg);
	background-repeat: no-repeat;
	background-position: center right 16px;
	background-size: 28px 28px;
	transition: bottom 0.3s linear, background-color 0.3s linear;
	transition-delay: 0.1s;
}

div.film-item span.film-cover-anchor:hover {
	background-color: var(--blue-1);
}

div.film-item:hover span.film-cover-anchor {
	bottom: 0px;
}

div.film-item span.film-info {
	width: 100%;
	float: left;
	clear: both;
	padding: 10px 0px 15px 0px;
}

div.film-item a span.film-add-info {
	width: 100%;
	float: left;
	clear: both;
	font-family: 'LB', sans-serif;
	font-size: 14px;
	color: var(--grey-4);
}

div.film-item a span.film-title {
	width: 100%;
	float: left;
	clear: both;
	font-family: 'LB', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: var(--black);
}

div.film-item span.film-info-anchor {
	font-family: 'LB', sans-serif;
	color: var(--grey-4);
	display: none;
}

div.film-item:hover a span.film-add-info,
div.film-item:hover a span.film-title,
div.film-item:hover span.film-info-anchor {
	color: var(--white);
}

div.pagebrowser {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	margin-top: 20px;
}

ul.paginator {
	font-family: 'LB', sans-serif;
	display: inline-block;
	list-style-type: none !important;
}

ul.paginator > li {
	float: left;
	clear: none;
}

ul.paginator > li.current,
ul.paginator > li > a {
	width: 40px;
	height: 32px;
	font-size: 16px;
	display: block;
	float: left;
	clear: none;
	color: var(--grey-4);
	text-decoration: none;
	padding-top: 8px;
	background-color: var(--grey-1);
}

ul.paginator > li > a:hover {
	color: var(--blue-1);
}

ul.paginator > li.current {
	color: var(--white);
	background-color: var(--blue-1);
}

div.detail-film,
div.bg-detail-film-top,
div.bg-detail-film-content,
div.bg-detail-film-further {
	width: 100%;
	float: left;
	clear: both;
	background-color: var(--white);
}

div.detail-film {
	margin-top: 80px;
	opacity: 0;
	transition: opacity 0.3s linear;
	transition-delay: 0.3s;
}

div.detail-film-visible {
	opacity: 1;
}

div.detail-film-top,
div.detail-film-content,
div.detail-film-data,
div.detail-film-further {
	width: 100%;
	float: left;
	clear: both;
	text-align: left;
}

div.detail-film-top {
	padding: 50px 0px;
}

div.dft-left {
	width: 32%;
	float: left;
	clear: left;
}

div.dft-left img {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
	box-shadow: 0 0 10px 0 var(--black-50);
}

div.dft-right {
	width: 65%;
	float: left;
	clear: right;
	margin-left: 3%;
}

div.detail-film-content {
	padding-bottom: 50px;
}

div.detail-content-elements {
	width: 100%;
	float: left;
	clear: both;
}

div.detail-content-elements > div.frame,
div.detail-film-data > div.frame {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 40px;
}

div.detail-film-data > div.frame:first-child {
	margin-top: 0px;
}

div.dft-headline,
div.dft-teaser,
div.dft-factsheet,
div.dft-tags,
div.dnt-tags,
div.dft-sharing {
	width: 100%;
	float: left;
	clear: both;
}

div.dft-headline {
	padding-bottom: 15px;
}

div.dft-headline h1 {
	font-size: 42px;
	text-transform: uppercase;
	display: block;
	margin: 0px;
}

div.dft-headline span.dft-addinfo {
	font-family: 'LB', sans-serif;
	display: block;
}

div.dft-teaser {
	padding-bottom: 15px;
}

div.dft-factsheet p {
	width: 48%;
	font-size: 14px;
	float: left;
	clear: none;
	margin-right: 2%;
	opacity: 0.6;
}

div.dft-factsheet p a {
	color: inherit;
}

div.dft-factsheet p a.Facebook-Link {
	width: 84px;
	height: 32px;
	display: block;
	float: left;
	clear: none;
	text-indent: -999px;
	overflow: hidden;
	background-image: url(img/facebook-link.svg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 84px 64px;
	border-radius: 4px;
}

div.bg-detail-film-top.ab-light div.dft-factsheet p a.Facebook-Link {
	background-position: top center;
}

div.dft-teaser p a.Streaming-Link {
	font-size: 14px;
	color: var(--white);
	display: inline-block;
	padding: 4px 8px 6px 8px;
	margin: 8px 4px 0px 0px;
	border-radius: 4px;
	background-color: var(--black);
	text-decoration: none;
	opacity: 0.6;
	transition: opacity 0.3s linear;
}

div.dft-teaser p a.Streaming-Link:hover {
	opacity: 1;
}

div.bg-detail-film-top.ab-dark div.dft-teaser p a.Streaming-Link {
	color: var(--black);
	background-color: var(--white);
}

div.dft-factsheet div.dft-tags {
	display: none;
}

div.dft-tags,
div.dnt-tags {
	padding: 15px 0px;
}

ul.dft-tags-list,
ul.dnt-tags-list {
	width: 100%;
	float: left;
	clear: both;
	text-transform: uppercase;
	font-size: 14px;
}

ul.dft-tags-list li,
ul.dnt-tags-list li {
	display: block;
	float: left;
	clear: none;
	margin: 0px 6px 6px 0px;
}

ul.dft-tags-list li a,
ul.dnt-tags-list li a {
	display: block;
	color: var(--white);
	line-height: 100%;
	padding: 4px 6px 7px 6px;
	text-decoration: none;
	border: 1px solid var(--white);
	border-radius: 5px;
	opacity: 0.6;
	transition: opacity 0.3s linear, color 0.3s linear, background-color 0.3s linear;
}

ul.dft-tags-list li a:hover,
ul.dnt-tags-list li a:hover {
	color: var(--black);
	background-color: var(--white);
	opacity: 1;
}

div.bg-detail-film-top.ab-light ul.dft-tags-list li a {
	color: var(--black);
	border: 1px solid var(--black);
}

div.bg-detail-film-top.ab-light ul.dft-tags-list li a:hover {
	color: var(--white);
	background-color: var(--black);
	opacity: 1;
}

div.dft-sharing {
	width: auto;
}

div.dft-sharing a {
	height: 29px;
	display: block;
	float: left;
	clear: both;
	font-family: 'LB', sans-serif;
	font-size: 16px;
	line-height: 100%;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--grey-5);
	padding: 11px 15px 0px 40px;
	background-color: var(--white);
	background-image: url(img/sharing-cta.svg);
	background-repeat: no-repeat;
	background-position: top left 10px;
	background-size: 22px 80px;
	box-shadow: 0 0 10px 0 var(--black-50);
}

div.dft-sharing a:hover {
	color: var(--blue-1);
	background-position: bottom left 10px;
}

div.youtubevideo {
	width: 100%;
	float: left;
	clear: both;
}

div.img-gallery {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 40px;
}

div.img-gallery div.ce-image,
div.img-gallery div.ce-gallery {
	width: 100%;
	float: left;
	clear: both;
}

div.img-gallery div.ce-row {
	width: 24.75%;
	float: left;
	clear: none;
	margin: 0% 0.25% 0.25% 0%;
}

div.img-gallery figure {
	margin: 0px !important;
}

div.img-gallery img {
	width: 100%;
	height: auto;
	float: left;
	clear: none;
}

div.news-cross-link {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 40px;
}

div.news-cross-link div.csc-textpic {
	width: 100%;
	float: left;
	clear: both;
}

div.news-cross-link h1 a,
div.news-cross-link h2 a,
div.news-cross-link h3 a,
div.news-cross-link h4 a {
	text-decoration: none;
}

div.detail-film-data-column {
	width: 49%;
	float: left;
	clear: none;
	margin: 10px 0px 40px 0px;
	background-color: var(--grey-5);
}

div.detail-film-downloads {
	clear: left;
	margin-right: 1%;
}

div.detail-film-links {
	clear: right;
	margin-left: 1%;
}

div.detail-film-links:first-child:last-child {
	margin-left: 0%;
}

div.detail-film-data-column h3 {
	width: 88%;
	height: 39px;
	float: left;
	clear: both;
	margin: 0px;
	padding: 11px 0px 0px 12%;
	display: block;
	font-size: 20px;
	text-transform: uppercase;
	color: var(--grey-3);
	background-color: var(--grey-6);
	background-image: url(img/detail-film-data.svg);
	background-repeat: no-repeat;
	background-size: 24px 100px;
}

div.detail-film-downloads h3 {
	background-position: 20px 0px;
}

div.detail-film-links h3 {
	background-position: 20px -50px;
}

div.detail-film-data-column ul {
	width: 80%;
	font-size: 18px;
	float: left;
	clear: both;
	color: var(--grey-4);
	padding: 3% 8% 3% 12%;
}

div.detail-film-data-column ul li {
	padding: 5px 0px;
}

div.detail-film-data-column ul li a {
	color: var(--grey-2);
	text-decoration: none;
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: none;
}

div.detail-film-data-column ul li a:hover {
	color: var(--white);
}

div.bg-detail-film-further {
	background-color: var(--grey-1);
}

div.detail-film-further {
	padding: 50px 0px 20px 0px;
}

div.detail-film-further h4 {
	width: 100%;
	float: left;
	clear: both;
	font-size: 22px;
	margin-bottom: 30px;
}

ul.detail-film-further-list {
	width: 100%;
	float: left;
	clear: both;
}

ul.detail-film-further-list li {
	width: 23%;
	float: left;
	clear: none;
	text-align: center;
	margin: 0% 2% 2% 0%;
}

ul.detail-film-further-list span.dff-img {
	width: 100%;
	float: left;
	clear: both;
	display: block;
}

ul.detail-film-further-list img {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
}

ul.detail-film-further-list span.dff-text {
    width: 100%;
    float: left;
    clear: both;
    padding: 10px 0px 15px;
}

ul.detail-film-further-list span.dff-info {
    width: 100%;
    float: left;
    clear: both;
    font-family: "LB",sans-serif;
    font-size: 14px;
    color: var(--grey-4);
    transition: color 0.3s linear;
}

ul.detail-film-further-list a span.dff-title {
    width: 100%;
    float: left;
    clear: both;
    font-family: "LB",sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    color: var(--black);
    transition: color 0.3s linear;
}

ul.detail-film-further-list a:hover span.dff-title,
ul.detail-film-further-list a:hover span.dff-info {
	color: var(--blue-1);
}

div.news-list {
	width: 100%;
	float: left;
	clear: both;
}

div.news-item {
	width: 100%;
	float: left;
	clear: both;
	padding-bottom: 30px;
	margin-top: 30px;
	border-bottom: 1px solid var(--grey-3);
}

div.news-item img {
	width: 220px;
	height: auto;
	float: left;
	clear: left;
	margin-right: 30px;
}

div.news-item h2 {
	font-size: 24px;
	display: block;
	text-transform: uppercase;
}

div.news-item h2 a {
	color: var(--black);
	text-decoration: none;
}

div.news-item h2 a:hover {
	color: var(--blue-1);
}

div.news-item span.news-date {
	font-family: 'LB', sans-serif;
	color: var(--grey-4);
}

div.news-item a.news-more {
	font-family: 'LB', sans-serif;
	text-decoration: none;
}

div.news-item a.news-more:hover {
	text-decoration: underline;
}

div.last-link {
	float: left;
	clear: both;
	margin-top: 10px;
}

div.last-link-left {
	float: left;
}

div.last-link-right {
	float: right;
}

div.last-link a {
	height: 32px;
	font-family: 'LB', sans-serif;
	color: var(--grey-4);
	display: block;
	text-decoration: none;
	padding: 8px 15px 0px 15px;
	background-color: var(--grey-1);
}

div.last-link a:hover {
	color: var(--white);
	background-color: var(--blue-1);
}

div.detail-news {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 80px;
}

div.bg-detail-news-top,
div.bg-detail-news-content {
	width: 100%;
	float: left;
	clear: both;
	background-color: var(--grey-7);
}

div.detail-news-top,
div.detail-news-content {
	width: 100%;
	float: left;
	clear: both;
	text-align: left;
	padding: 50px 0px;
}

div.dnt-headline,
div.dnt-teaser,
div.dnt-img {
	width: 100%;
	float: left;
	clear: both;
}

div.dnt-headline h1 {
	width: 100%;
	float: left;
	clear: both;
	font-size: 36px;
	text-transform: uppercase;
	color: var(--white);
}

div.dnt-headline span.dnt-date {
	width: 100%;
	float: left;
	clear: both;
	font-family: 'LB', sans-serif;
	color: var(--grey-3);
}

div.dnt-teaser p {
	color: var(--grey-3);
}

div.dnt-img img {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
	margin-bottom: 20px;
}

div.bg-detail-news-content {
	background-color: var(--white);
}

div.dnt-backto,
div.dnt-sharing {
	margin-top: 30px;
}

div.dnt-backto {
	float: left;
	clear: left;
}

div.dnt-backto a {
	height: 29px;
	display: block;
	float: left;
	clear: both;
	font-family: 'LB', sans-serif;
	font-size: 16px;
	line-height: 100%;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--grey-4);
	padding: 11px 15px 0px 15px;
	background-color: var(--grey-1);
}

div.dnt-backto a:hover {
	color: var(--white);
	background-color: var(--blue-1);
}

div.dnt-sharing {
	float: right;
	clear: right;
}

div.dnt-sharing a {
	height: 29px;
	display: block;
	float: left;
	clear: both;
	font-family: 'LB', sans-serif;
	font-size: 16px;
	line-height: 100%;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--grey-4);
	padding: 11px 15px 0px 40px;
	background-color: var(--grey-1);
	background-image: url(img/dnt-sharing-cta.svg);
	background-repeat: no-repeat;
	background-position: top left 10px;
	background-size: 22px 80px;
}

div.dnt-sharing a:hover {
	color: var(--white);
	background-color: var(--blue-1);
	background-position: bottom left 10px;
}

div.footer {
	padding: 50px 0px;
}

div.news-list-short {
	margin-top: 15px;
}

div.news-list-short div.news-item {
	width: 45%;
	clear: none;
	padding: 0px;
	margin: 0% 5% 0% 0%;
	border: none;
}

div.news-list-short div.news-item img {
	width: 180px;
	height: auto;
	margin-right: 15px;
	margin-bottom: 10px;
}

div.news-list-short div.news-item h2 {
	font-size: 18px;
	text-transform: uppercase;
}

div.news-list-short div.news-item p,
div.news-list-short div.news-item a.news-more {
	font-size: 14px;
	line-height: 140%;
	margin-bottom: 0px;
}

div.bottom {
	padding: 30px 0px;
}

div.bottom h5 {
	font-size: 18px;
	text-transform: uppercase;
	color: var(--white);
	margin: 0px;
}

div.bottom p {
	font-size: 14px;
	line-height: 140%;
	color: var(--grey-2);
}

div.bottom-left {
	width: 22%;
	float: left;
	clear: left;
}

div.bottom-left a.bottom-logo {
	width: 152px;
	height: 36px;
	display: block;
	float: left;
	clear: both;
	text-indent: -999px;
	overflow: hidden;
	margin-bottom: 20px;
	background-image: url(img/logo.svg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 152px 36px;
	display: none;
}

ul.bottom-social {
	float: left;
	clear: both;
	margin-top: 10px;
}

ul.bottom-social > li {
	float: left;
	clear: none;
	margin-right: 4px;
}

ul.bottom-social > li > a {
	width: 32px;
	height: 32px;
	display: block;
	float: left;
	clear: none;
	text-indent: -9999px;
	overflow: hidden;
	opacity: 0.5;
	background-image: url(img/bottom-social.svg);
	background-repeat: no-repeat;
	background-size: 192px 32px;
	transition: opacity 0.2s linear;
}

ul.bottom-social > li > a:hover {
	opacity: 1;
}

ul.bottom-social > li.youtube > a {
	background-position: 0px 0px;
}

ul.bottom-social > li.facebook > a {
	background-position: -32px 0px;
}

ul.bottom-social > li.twitter > a {
	background-position: -64px 0px;
}

ul.bottom-social > li.googleplus > a {
	background-position: -96px 0px;
}

ul.bottom-social > li.instagram > a {
	background-position: -128px 0px;
}

ul.bottom-social > li.vimeo > a {
	background-position: -160px 0px;
}

div.creative-europe-media {
	width: 100%;
	max-width: 176px;
	float: left;
	clear: both;
	margin-top: 20px;
	/*background-color: var(--white);*/
}

div.creative-europe-media span.caption {
	width: 100%;
	float: left;
	clear: both;
	font-size: 14px;
	margin-bottom: 5px;
	display: block;
	color: var(--grey-2);
}

div.creative-europe-media img {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
}

div.bottom-right {
	width: 78%;
	float: right;
	clear: right;
}

div.bottom-right-top {
	width: 100%;
	float: left;
	clear: both;
}

div.bottom-column {
	width: 46%;
	margin-left: 4%;
	float: left;
	clear: none;
}

div.bottom-right-bottom {
	width: 100%;
	float: left;
	clear: both;
	padding-top: 2%;
}

ul.bottom-nav {
	width: 46%;
	font-size: 14px;
	margin-left: 4%;
	float: right;
	clear: both;
}

ul.bottom-nav > li {
	float: left;
	clear: none;
	margin-right: 20px;
}

ul.bottom-nav > li > a {
	text-decoration: none;
}

ul.bottom-nav > li > a:hover {
	text-decoration: underline;
}

div.intro form {
	display: inline-block;
	margin: 0px auto;
}

div.intro fieldset {
	width: 100%;
	float: left;
	clear: both;
	border: none;
	position: relative;
}

div.intro span.top-close-search {
	display: none;
}

div.intro div.kesearchbox {
	width: 300px;
	height: 50px;
	float: left;
	clear: left;
	overflow: hidden;
	background-color: var(--white);
	border-radius: 25px;
}

div.intro input[type="text"] {
	width: 190px;
	height: 50px;
	font-family: 'LR', sans-serif;
	font-size: 20px;
	color: var(--grey-4);
	float: left;
	clear: left;
	border: none;
	padding: 0px 25px;
}

div.intro input[type="submit"] {
	width: 50px;
	height: 50px;
	float: right;
	clear: right;
	border: none;
	cursor: pointer;
	text-align: left;
	text-indent: -999px;
	overflow: hidden;
	background-color: transparent;
	background-image: url(img/intro-search-btn.svg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 28px 100px;
}

div.intro input[type="submit"]:hover {
	background-position: bottom left;
}

div.intro div.kesearch_filters {
	height: 50px;
	float: left;
	clear: right;
	margin-left: 10px;
	background-color: var(--blue-1);
	border-radius: 25px;
	overflow: hidden;
}

div.intro div.kesearch_filters select:nth-child(2) {
	display: none;
}

div.intro select {
	height: 50px;
	float: left;
	clear: none;
	font-family: 'LR', sans-serif;
	font-size: 16px;
	color: var(--white);
	border: none;
	padding: 0px 20px;
	background-color: var(--blue-1);
	-webkit-appearance: none;
}

div.search-ordering {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 20px;
	font-size: 20px;
	text-align: center;
	color: var(--grey-4);
}

div.search-ordering ul {
	float: right;
	clear: both;
}

div.search-ordering ul li {
	float: left;
	clear: none;
	margin-left: 20px;
}

div.search-ordering ul li a {
	color: var(--grey-3);
	text-decoration: none;
}

div.search-ordering ul li a:hover {
	color: var(--blue-1);
}

div.search-ordering ul li span.arrows {
	width: 10px;
	height: 14px;
	margin-left: 5px;
	display: inline-block;
	background-image: url(img/search-sorting.svg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 10px 42px;
}

div.search-ordering ul li span.arrows.down {
	background-position: 0px -14px;
}

div.search-ordering ul li span.arrows.up {
	background-position: 0px -28px;
}

div.kesearch_results {
	width: 100%;
	float: left;
	clear: both;
}

div.search-result-list-item {
	width: 100%;
	margin: 1% 0%;
	float: left;
	clear: none;
	background-color: var(--grey-1);
}

div.srl-img {
	width: 20%;
	float: left;
	clear: left;
}

div.srl-img img {
	width: 100%;
	height: auto;
	float: left;
	clear: none;
}

div.srl-text {
	width: 75%;
	padding: 2.5%;
	float: left;
	clear: right;
}

div.srl-text h3 {
	width: 100%;
	float: left;
	clear: both;
	font-size: 20px;
}

div.srl-text h3 a {
	color: var(--black);
	text-decoration: none;
}

div.srl-text h3 a:hover {
	color: var(--blue-1);
	text-decoration: underline;
}

span.srl-teaser {
	width: 100%;
	float: left;
	clear: both;
	display: block;
}

div.srl-text span.hit {
	color: var(--white);
	display: inline-block;
	padding: 0px 4px;
	background-color: var(--blue-1);
	border-radius: 5px;
}

span.srl-link {
	width: 100%;
	float: left;
	clear: both;
	display: block;
}

span.srl-link a {
	text-decoration: none;
}

span.srl-link a:hover {
	text-decoration: underline;
}

div.search-results-pb-bottom {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	margin-top: 10px;
}

div.pages_total {
	margin: 0px auto;
}

div.result_txt {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 20px;
}

div.kesearch_pagebrowser {
	width: 100%;
	float: left;
	clear: both;
}

div.kesearch_pagebrowser ul {
	font-family: 'LB', sans-serif;
	display: inline-block;
	margin: 0px auto;
}

div.kesearch_pagebrowser li {
	float: left;
	clear: none;
}

div.kesearch_pagebrowser a {
	width: 40px;
	height: 32px;
	font-size: 16px;
	display: block;
	float: left;
	clear: none;
	color: var(--grey-4);
	text-decoration: none;
	padding-top: 8px;
	background-color: var(--grey-1);
}

div.kesearch_pagebrowser a:hover {
	color: var(--blue-1);
}

div.kesearch_pagebrowser a.current {
	color: var(--white);
	background-color: var(--blue-1);
}

div.one-third-col {
	width: 30.3333333%;
	float: left;
	margin-right: 3%;
}

div.two-third-col {
	width: 60.6666666%;
	float: left;
	margin-right: 6%;
}

div.important-note {
	width: 95%;
	float: left;
	clear: both;
	padding: 2.5%;
	margin-top: 20px;
	background-color: var(--blue-2);
}

div.frame header {
	width: 100%;
	float: left;
	clear: both;
	margin: 10px 0px;
}

div.team-item {
	width: 49%;
	float: left;
	clear: none;
	margin-right: 1%;
	margin-bottom: 1%;
	background-color: var(--grey-1);
}

div.team-item div.ce-textpic {
	width: 100%;
	display: table;
	float: left;
	clear: both;
}

div.team-item div.ce-gallery {
	width: 30%;
	float: none;
	clear: none;
	display: table-cell;
}

div.team-item div.ce-bodytext {
	width: 70%;
	vertical-align: middle;
	float: none;
	clear: none;
	padding: 2.5%;
	display: table-cell;
}

div.team-item figure {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	margin: 0px !important;
}

div.team-item figure a {
	width: 100%;
	display: block;
	float: left;
	clear: both;
}

div.team-item img {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
}

/* MEDIA-QUERIES */

@media screen and (max-width:1024px) {
	div.center, div.slider figcaption > a {width:96%; margin-left:2%; margin-right:2%;}
	div.bg-intro div.center {margin:0px auto;}
}

@media screen and (max-width:940px) {
	ul.top-nav {text-transform:none;}
	div.detail-film-data-column h3 {width:85%; padding-left:15%;}
	div.detail-film-data-column ul {width:90%; padding-left:5%; padding-right:5%;}
}


@media screen and (max-width:870px) {
	ul.top-nav > li {margin-left: 16px;}
	div.bottom-left {width:30%;}
	div.bottom-right {width:70%;}
	div.bottom-about {width:100%; margin:0%;}
	div.bottom-contact {display:none;}
	ul.bottom-nav {width:100%; margin:0%;}
	div.news-list-short {margin-top:0px;}
	div.news-list-short div.news-item {width:100%; clear:both; margin:2.5% 0% 2.5% 0%;}
	div.footer {padding-bottom:30px;}
	div.bg-intro div.center {width:70%;}
}

@media screen and (min-width:800px) {
	ul.top-nav, div.top-search, div.top-search-content {display:block !important;}
}

@media screen and (max-width:800px) {
	div.top {height:50px;}
	div.top-left {width:100%; float:left; clear:both; text-align:center;}
	div.top-left a {width:94px; height:26px; display:inline-block; float:none; margin:12px 0px 0px 0px;}
	ul.top-nav, div.top-search {display:none;}
	div.top-search-trigger {display:none;}
	div.top-left-trigger, div.top-right-trigger {display:block;}
	ul.top-nav {width:100%; position:fixed; top:50px; left:0px; margin:0px; font-size:16px; text-transform:uppercase; background-color:var(--black); background-color:var(--black-80);}
	ul.top-nav > li {width:50%; float:left; clear:none; margin:0px;}
	ul.top-nav > li > a {width:100%; display:block; float:left; clear:none; color:var(--grey-4); text-align:center; padding:20px 0px;}
	ul.top-nav > li.current > a, ul.top-nav > li > a:hover {background-color:var(--blue-1); color:var(--white);}
	div.top-search {width:100%; position:fixed; top:50px; left:0px; margin:0px;}
	div.top-search-content {width:100%; height:50px; position:relative; opacity:1; border-radius:0px; -webkit-border-radius:0px;}
	div.top-search-content span.top-close-search {display:none;}
	div.top-search-content form {width:100%;}
	div.top-search-content input[type="text"] {width:96%; height:50px; padding:0% 2%; font-size:18px; color:var(--white); background-color:var(--black); background-color:var(--black-80);}
	div.top-search-content input[type="text"]:focus {color:var(--white);}
	div.top-search-content input[type="submit"] {width:50px; height:50px; position:absolute; right:0px; background-size:100px 100px;}
	div.bg-intro {margin-top:50px;}
	div.bg-intro div.center {width:80%;}
	div.slider {padding-top:50px; background-color:var(--white);}
	div.slider figcaption {float:left; clear:both; position:relative; padding:10px 0px;}
	div.center, div.slider figcaption > a {text-align:center;}
	div.slider figcaption p {line-height:180%; text-align:center;}
	div.slider figcaption b {font-size:28px;}
	div.slider figcaption strong {display:inline-block; position:relative; margin:0px auto;}
	div.film-item, ul.detail-film-further-list li {width:30.33333333333333%; margin:0% 1.5% 3% 1.5%;}
	div.detail-film, div.detail-news {margin-top:50px;}
	div.detail-news-top {padding:30px 0px;}
	div.one-third-col {width:45%; margin-right:5%;}
	div.two-third-col {width:100%; clear:both;}
	div.team-item {width:100%; margin-right:0%; clear:both;}
	div.main-only {padding-top:70px !important;}
	div#c88 div.divider {margin-top:0px;}
}

@media screen and (max-width:680px) {
	div.bottom-left {width:35%;}
	div.bottom-right {width:65%;}
	div.detail-film-data-column h3 {width:82%; padding-left:18%;}
	div.detail-film-data-column ul {width:90%; padding-left:5%; padding-right:5%;}
	div.intro div.kesearchbox {width:250px; clear:both; height:40px; border-radius:20px;}
	div.intro input[type="text"] {width:140px; height:40px;}
	div.intro input[type="submit"] {width:40px; height:40px; background-size:22px 80px;}
	div.intro div.kesearch_filters {height:40px; clear:both; margin-top:10px; border-radius:20px; margin-left:0px;}
	div.intro select {width:250px; height:40px; -webkit-appearance:none;}
	div.srl-img {width:30%;}
	div.srl-text {width:65%;}
	span.srl-teaser, span.srl-link {font-size:14px; line-height:140%;}
	div.search-result-list-item {margin:3% 0%;}
}

@media screen and (max-width:620px) {
	div.film-item, ul.detail-film-further-list li {width:100%; margin:0% 0% 3% 0%; text-align:left; background-color:var(--grey-1);}
	ul.detail-film-further-list li {background-color:var(--white);}
	div.film-item span.film-cover-anchor {display:none;}
	div.film-item div.film-cover, ul.detail-film-further-list li span.dff-img {width:30%; clear:left;}
	div.film-item span.film-info, ul.detail-film-further-list li span.dff-text {width:65%; clear:right; padding:2.5%;}
	div.film-item a span.film-add-info, div.film-item span.film-info-anchor {font-size:18px; line-height:140%;}
	div.film-item a span.film-title, ul.detail-film-further-list li span.dff-title {font-size:24px; line-height:140%;}
	div.film-item span.film-info-anchor {display:block;}
	div.film-list-more {display:none;}
	div.dft-left {width:100%; clear:both; text-align:center; padding-bottom:20px;}
	div.dft-left img {width:60%; float:none; margin:0px auto;}
	div.dft-right {width:100%; margin:0%; clear:both;}
	div.dft-headline h1, div.dnt-headline h1 {font-size:28px;}
	div.img-gallery div.ce-row {width:32%; margin:0% 1% 1% 0%;}
	div.detail-film-data-column {width:100%; margin:30px 0% 0% 0%;}
	div.bg-detail-film-further {margin-top:30px;}
	div.detail-film-further {padding:30px 0px;}
}

@media screen and (max-width:580px) {
	div.center, div.slider figcaption > a {width:92%; margin-left:4%; margin-right:4%;}
	div.bottom {padding:15px 0px;}
	div.bottom-left, div.bottom-right {width:100%; clear:both; text-align:center;}
	div.bottom-left a.bottom-logo {display:none;}
	ul.bottom-social, ul.bottom-nav {width:100%; float:none; display:inline-block;}
	ul.bottom-social > li {margin:0px 5px; float:none; clear:none; display:inline-block;}
	div.creative-europe-media {max-width:160px; display:inline-block; float:none; clear:none;}
	div.creative-europe-media img {float:none; clear:none;}
	ul.bottom-nav > li {margin:0px 10px; float:none; clear:none; display:inline-block;}
	div.bottom-about {display:none;}
	div.intro p {font-size:14px; line-height:140%;}
	div.slider figcaption p {line-height:140%;}
	div.slider figcaption b {font-size:22px;}
	div.slider figcaption i {font-size:16px;}
	div.slider figcaption strong {font-size:16px; padding:8px 10px; margin-top:5px;}
	div.slider div.bx-controls {padding:0px 0px 15px 0px;}
	div.slider div.bx-pager-item {margin:0px 4px;}
	div.slider a.bx-pager-link {width:10px; height:10px; border-radius:5px;}
	div.dft-left img {width:90%;}
	div.detail-film-top {padding-top:30px;}
	div.news-list div.news-item img, div.news-list-short div.news-item img {width:100px; margin-right:10px; margin-bottom:5px;}
	div.srl-img, div.srl-text {width:100%; clear:both;}
	div.srl-text {padding:20px; box-sizing:border-box;}
}

@media screen and (max-width:520px) {
	div.one-third-col {width:100%; margin-right:0%;}
}

@media screen and (max-width:460px) {
	div.film-item a span.film-add-info, div.film-item span.film-info-anchor, ul.detail-film-further-list li span.dff-info {font-size:16px;}
	div.film-item a span.film-title, ul.detail-film-further-list li span.dff-title {font-size:18px;}
	div.dft-factsheet p {width:100%; clear:both; margin:0%;}
	div.dnt-backto, div.dnt-sharing {width:100%; clear:both; margin-top:20px;}
	div.team-item p {font-size:14px; line-height:140%;}
	div.news-cross-link img {width:100%; height:auto;}
	div.news-cross-link div.csc-textpic-text {margin-left:0px; clear:both;}
	div.news-list div.news-item img, div.news-list-short div.news-item img {width:200px; margin-right:0px; margin-bottom:10px;}
	div.news-list div.news-item img, div.news-list div.news-item h2, div.news-list div.news-item span.news-date, div.news-list div.news-item p, div.news-list div.news-item a.news-more {float:left; clear:both;}
	div.news-list-short div.news-item img, div.news-list-short div.news-item h2, div.news-item span.news-date, div.news-list-short div.news-item p, div.news-list-short div.news-item a.news-more {float:left; clear:both;}
}

@media screen and (max-width:360px) {
	ul.bottom-nav > li {width:100%; margin:0px; float:left; clear:both;}
	div.dft-left img {width:100%;}
	div.news-list div.news-item img, div.news-list-short div.news-item img {width:100%;}
	div.srl-text {padding:20px 15px;}
}