/* roboto-300 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
	src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
	url('../fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
	url('../fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/*
color-bg-header: #494949;
color-bg-navi: #333333;
color-bg-main: #f4f4f4;
*/

/* ===== Globals ===== */

* {
	box-sizing: border-box;
}

html, body {
	max-width: 100%;
	overflow-x: hidden;
}

html {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #000;
}

body {
	position: relative;
	padding: 0;
	margin: 0;
	min-height: 100vh;
}

a, a:active, a:hover, a:visited {
	text-decoration: none;
	color: inherit;
}

	a img {
		outline: none;
		border: none;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
}

strong {
	font-weight: 700;
}

/* ===== Basic Form Elements ===== */

.form__section {
	margin-bottom: .5rem;
}

.form__section--inline {
	display: inline-block;
	margin-right: 2rem;
	margin-top: .3rem;
}

	.form__section--inline > * {
		vertical-align: middle;
	}

.form__section--desktop-mb-3 {
	margin-bottom: 3rem;
}

.form__section--desktop-mb-8 {
	margin-bottom: 8rem;
}

.feedback--error {
	padding: 1rem;
	background: #b8061c;
	color: #fff;
	text-align: center;
	margin-bottom: 2rem;
}

.feedback--success {
	padding: 1rem;
	background: #43642d;
	color: #fff;
	text-align: center;
	margin-bottom: 2rem;
}

	.feedback--error > .text:last-child,
	.feedback--success > .text:last-child {
		margin-bottom: 0;
	}

.label--block {
	display: block;
	margin-bottom: .25rem;
	width: 100%;
}

.textarea {
	border: 1px solid #edeceb;
	background: #fff;
	font-family: 'Roboto', sans-serif;
	padding: .5rem;
	width: 100%;
	min-height: 7.5rem;
}

.input--text {
	height: 2.571rem;
	line-height: 2.571rem;
	border: 1px solid #edeceb;
	background: #fff;
	font-family: 'Roboto', sans-serif;
	padding: 0 .5rem;
	/*font-size: 1.2rem;*/
	width: 100%;
}


.input--submit {
	width: 100%;
}

.input--radio {
	margin-left: 0;
}

.input--text.error, div.error {
	background: #f1d5d8;
	border: 1px solid #b8061c;
}

.input--radio.error + label {
	color: #b8061c;
	background: #f1d5d8;
	padding: 0 .25rem;
}

/* ===== Custom Checkbox ===== */

.custom-checkbox {
	display: inline-block;
	position: relative;
}

form .custom-checkbox {
	display: block;
}

.custom-checkbox input[type="checkbox"] {
	opacity: 0;
}

form .custom-checkbox input[type="checkbox"] {
	width: 0;
	height: 0;
	margin: 0;
}

.custom-checkbox label {
	position: absolute;
	display: inline-block;
	left: 0;
	bottom: 0;
}

	.custom-checkbox label.visible {
		position: relative;
		left: 0;
		top: 0;
		padding-left: 1.8em;
		display: block;
	}

		.custom-checkbox label.visible::before {
			top: 0;
			left: 0;
		}

		.custom-checkbox label.visible::after {
			top: .3125em;
		}

	.custom-checkbox label::before,
	.custom-checkbox label::after {
		position: absolute;
		content: "";
		display: inline-block;
	}

	/* Outer box of the fake checkbox */
	.custom-checkbox label::before {
		height: 1em;
		width: 1em;
		border: 2px solid #999;
		background: #f4f4f4;
		left: 0;
		bottom: 0;
		cursor: pointer;
	}

	/* Checkmark of the fake checkbox */
	.custom-checkbox label::after {
		height: .3125em;
		width: .5625em;
		border-left: 2px solid;
		border-bottom: 2px solid;
		transform: rotate(-45deg);
		left: .275em;
		bottom: .5em;
		cursor: pointer;
		color: #000;
	}

/* Hide the checkmark by default */
.custom-checkbox input[type="checkbox"] + label::after {
	content: none;
}

/* Unhide on the checked state */
.custom-checkbox input[type="checkbox"]:checked + label::after {
	content: "";
}

.custom-checkbox input[type="checkbox"].error + label::before {
	background: #f1d5d8;
	border: 2px solid #b8061c;
}

/* ===== END Custom Checkbox ===== */

/* ===== Form Note ===== */

.note {
	margin-bottom: 2rem;
	font-size: 12px;
}

.note a {
	text-decoration: underline;
}

/* ===== END Basic Form Elements ===== */
.hidden {
	display: none !important;
}

.mobile-only {
	display: none;
}

.icon-front {
	padding-left: 1.25em;
	display: block;
}

	.icon-front:before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: .5em;
		transform: translateY(-50%);
		height: 1em;
		width: 1em;
		margin-right: .25em;
		background-repeat: no-repeat;
		background-position: center center;
	}

.icon-front--document,
.icon-front--show-all {
	padding-left: 1.4em;
}

	.icon-front--document:before {
		background-image: url(../img_responsive/icon-docs-white.svg);
	}

	.icon-front--show-all:before {
		height: .9em;
		width: .9em;
		margin-right: .35em;
		background-image: url(../img_responsive/show-all-white.svg);
	}

.icon-front--arrow-right {
	padding-left: .85em;
}

	.icon-front--arrow-right:before {
		display: inline-block;
		width: 0;
		height: 0;
		top: 45%;
		margin-right: .25em;
		border-top: .4em solid transparent;
		border-bottom: .4em solid transparent;
		border-left: .4em solid #000;
	}

.flexbox-fakeitem {
	height: 0 !important;
	overflow: hidden !important;
	visibility: hidden !important;
	border: none !important;
}

.container--full {
	width: 100%;
	padding: 0 10px !important;
}

.container--columns-2 {
	-webkit-columns: 2 300px;
	-moz-columns: 2 300px;
	columns: 2 300px;
	-webkit-column-gap: 2rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
}

.container--avoid-break {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.container--80 {
	padding-right: 20%;
}

.container--center {
	height: 100%;
	max-width: 1248px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.container--center-overflow-mobile {
	overflow: visible;
}

.container--margin-bottom {
	margin-bottom: 2rem;
}

.container--align-right {
	width: 100%;
	text-align: right;
}

.container--allround-content {
	padding-top: 2rem;
	margin-bottom: 4rem;
}

	.container--allround-content > .headline:first-of-type {
		margin-bottom: 3rem;
	}

.image--cover {
	width: inherit;
	height: inherit;
	object-fit: cover;
	font-family: 'object-fit: cover;'; /* for polyfill ofi */
}

.image--contain {
	width: inherit;
	height: inherit;
	object-fit: contain;
	font-family: 'object-fit: contain;'; /* for polyfill ofi */
}

.video--contain {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/* ===== Banderole ===== */

.banderole {
	position: relative;
	width: 100%;
	padding: 2rem;
	background: rgba(0,0,0,.5);
	color: #fff;
}

	.banderole .text {
		margin: 0;
	}

.banderole--bottom {
	position: absolute;
	bottom: 0;
	left: 0;
}

/* ===== END banderole ===== */

/* ===== Headline ===== */

/* ===== Text + Headline ===== */
.text, .headline {
	font-weight: 300;
	line-height: 1.4em;
	margin: 0 0 .25em;
	position: relative;
}

.headline {
	line-height: 1.2em;
}

.text--bold, .headline--bold {
	font-weight: 700;
}

.text--upper {
	text-transform: uppercase;
}

.text--align-left {
	text-align: left;
}

.text--align-right {
	text-align: right;
}

.text--align-center {
	text-align: center;
}

.text--link:hover {
	text-decoration: underline;
}

.text--color0,
.text--color-white {
	color: #fff;
}

.text--color1 {
	color: #ccc;
}

.text--color2 {
	color: #777;
}

.text--color3 {
	color: #666;
}

.text--color4 {
	color: #999;
}

.text--color-dark {
	color: #333;
}

.text--color-black {
	color: #000;
}

.text--shadow {
	text-shadow: .1rem .1rem .2rem rgba(0,0,0,.2);
}

.text--shadow-light {
	text-shadow: .1rem .1rem .2rem rgba(255,255,255,.2);
}

.text--size-xs {
	font-size: .714rem; /*10px*/
}

.text--size-s {
	font-size: .857rem; /*12px*/
}

.text--size-m {
	font-size: 1rem; /*14px*/
}

.text--size-l {
	font-size: 1.145rem; /* 16px*/
}

.text--size-xl {
	font-size: 1.285rem; /* 18px*/
}

.text--size-xxl {
	font-size: 1.429rem; /* 20px*/
}

.headline--size-xs {
	font-size: 1.429rem; /* 20px*/
}

.headline--size-s {
	font-size: 1.714rem; /* 24px*/
}

.headline--size-m {
	font-size: 2rem; /* 28px*/
}
/* ===== END Text + Headline ===== */

.button {
	border: 0;
	outline: 0;
	border-radius: 0;
	text-decoration: none;
	margin: 0;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	transition: background-color .2s, color .2s;
	line-height: 2.5em;
	cursor: pointer;
}

.button--width-l {
	width: 22.143rem;
}

.button--width-2 {
	width: 8.0rem;
}

.button--black {
	background-color: #000;
	color: #fff;
}

	.button--black:hover {
		background-color: #ddd;
		color: #000 !important;
	}

	.button--black:visited, .button--black:active {
		color: white;
	}

.button--lightgrey {
	background-color: #e7e7e7;
	color: #2a2a2a;
}

	.button--lightgrey:hover {
		background-color: #ddd;
		color: #2a2a2a;
	}

.button--darkgrey {
	background-color: #2a2a2a;
	color: #fff !important;
}

	.button--darkgrey:not(.no--hover):hover {
		background-color: #ddd;
		color: #2a2a2a !important;
	}

.button--downloadmanager {
	min-width: 175px;
	height: 35px;
}

.button--startpage--topnav {
	min-width: 190px;
	height: 35px;
	margin: 0 1px;
	font-weight: 700;
	font-size: 15px;
}

.button--startpage--subnav {
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 0 30px;
}

.button--startpage--subnav--fix-width {
	width: 175px;
}

.button--startpage--subnav:last-child {
	margin-right: 0;
}

.button--startpage--subnav--spacer {
	margin-left: auto;
}

.buttonicon {
	display: inline-block;
	padding: 5px 10px 5px 35px;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	height: 45px;
	overflow: hidden;
}

	.buttonicon .button--text {
		display: flex;
		height: 35px;
		overflow: hidden;
		justify-content: center;
		flex-direction: column;
		text-align: left;
		line-height: 16px;
	}

.linkicon {
	padding-left: 25px !important;
	position: relative;
}

.icon:before {
	display: inline-block;
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
}

.icon--pdf:hover:before,
.icon--excel:hover:before {
	color: #2a2a2a;
}

.icon--link {
	background: url(../img_responsive/icon-link.svg) left center no-repeat;
}

.icon--facebook {
	background: url(../img_responsive/icon-facebook.svg) left center no-repeat;
}

.icon--youtube {
	background: url(../img_responsive/icon-youtube.svg) left center no-repeat;
}

.icon--twitter {
	background: url(../img_responsive/icon-twitter.svg) left center no-repeat;
}

.icon--instagram {
	background: url(../img_responsive/icon-instagram.svg) left center no-repeat;
}

.icon--hashtag {
	background: url(../img_responsive/icon-hashtag.svg) left center no-repeat;
}

.pagination {
	width: 100%;
	text-align: center;
	margin-bottom: 2rem;
}

.pagination__button {
	display: inline-block;
	background: #2a2a2a;
	height: 2.5rem;
	width: 4rem;
	margin: 0 .25rem;
	position: relative;
	vertical-align: middle;
	transition: background-color .2s, color .2s;
}

	.pagination__button:hover {
		background: #e7e7e7;
	}

.pagination__button--prev:after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 0;
	height: 0;
	border-top: .6rem solid transparent;
	border-bottom: .6rem solid transparent;
	border-right: .6rem solid #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.pagination__button--prev:hover:after {
	border-right: .6rem solid #000;
}

.pagination__button--next:after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 0;
	height: 0;
	border-top: .6rem solid transparent;
	border-bottom: .6rem solid transparent;
	border-left: .6rem solid #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.pagination__button--next:hover:after {
	border-left: .6rem solid #000;
}

a.pagination__item {
	display: inline-block;
	background: #2a2a2a;
	height: 2.5rem;
	width: 2.5rem;
	color: #fff;
	line-height: 2.5rem;
	margin: 0 .05rem;
	transition: background-color .2s, color .2s;
	vertical-align: middle;
}

	a.pagination__item.active {
		background-color: #f4f4f4;
		color: #000;
		pointer-events: none;
	}

		a.pagination__item.active:hover {
			background-color: #f4f4f4;
			color: #000;
		}


	a.pagination__item:hover {
		background: #e7e7e7;
		color: #000;
	}

.main__select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	outline: none;
	border-radius: 0;
	font-size: 14px;
	padding: .5em 1em .5em 1em;
	background-color: #e7e7e7;
	background-image: url(../img_responsive/triangle-icon-down-grey.svg);
	background-position: center right 10px;
	background-size: 10px 5px;
	background-repeat: no-repeat;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

	.main__select::-ms-expand {
		display: none;
	}

/* ===== END Globals =====*/

/* ===== Header ===== */

.header__wrapper {
	position: relative;
	z-index: 30;
}

.header__container {
	height: 100px;
	margin: 0;
	padding: 0;
	/*overflow: hidden;*/
	position: relative;
	background: #494949;
}

	.header__container .container--center {
		overflow: initial;
	}

.header__container--search {
	border-bottom: 1px solid #fff;
	color: #fff;
	position: absolute;
	right: 120px;
	bottom: 30px;
}

.header__input--search {
	background: transparent;
	border: none;
	outline: none;
	color: #fff;
	width: 290px;
	font-family: 'Roboto', sans-serif;
}

input.header__input--search::placeholder {
	color: #fff;
	opacity: 1;
}

input.header__input--search::-webkit-search-cancel-button {
	-webkit-appearance: none;
	background: transparent url(../img_responsive/times-light-white.svg) no-repeat center center;
	background-size: 1em 1em;
	width: 1em;
	height: 1em;
}

.header__container--search .icon--search {
	display: inline-block;
	height: 1.143rem;
	width: 1.143rem;
}

	.header__container--search .icon--search svg path {
		fill: #fff;
	}

.filmdetail-material__searchlist--suggested,
.header__searchlist--suggested {
	position: absolute;
	top: 10px;
	left: 0;
	background: #2a2a2a;
	list-style: none;
	padding: 1rem;
	z-index: 999999;
	width: 310px;
	display: none;
}

.filmdetail-material__searchlist--suggested {
	width: 280px;
}

.header__searchlist--suggested li {
	padding-bottom: .5rem;
}

.filmdetail-material__searchlistitem--text,
.filmdetail-material__searchlistitem--date,
.header__searchlistitem--text,
.header__searchlistitem--date {
	display: block;
	margin: 0;
}

.header__container--download {
	color: #fff;
	position: absolute;
	right: 0;
	bottom: 30px;
}

#header-download-count {
	display: inline-block;
	min-width: 2em;
	padding: 0 0.5em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	background: #b8061c;
	border-radius: 1em;
	vertical-align: middle;
}

.header__container--download .icon--download {
	display: inline-block;
	height: 1.857rem;
	width: 1.857rem;
	margin-left: .25rem;
	vertical-align: middle;
}

	.header__container--download .icon--download svg path {
		fill: #fff;
	}

.header__imageholder {
	width: 530px;
	position: relative;
}

.header__image, .header__video {
	height: 100%;
	width: auto;
	margin: 0 auto;
	position: absolute;
	left: 0; /*50%;*/
	top: 0;
	/* transform: translateX(-50%); */
}

.header__image--logo-sl {
	position: absolute;
	right: 0;
	top: 1rem;
}

.menu__container {
	height: 2.286rem; /* 32px */
	background: #333;
	color: #fff;
}

.burgericon__container, .burgericon__container__submenue {
	display: none;
}

.nav__container {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	right: -.714rem; /* - item-padding */
	top: 0;
}

	.nav__container li {
		display: inline-block;
		margin: 0;
	}

.nav__item {
	display: inline-block;
	line-height: 2.286rem; /* 32px - matches conatiner height*/
	padding: 0 .714rem;
	transition: background-color .3s, color .3s;
}

	.nav__item:hover {
		color: #000;
		background: #ccc;
	}

.nav__item--backlink {
	/* position: absolute; */
	left: -.714rem; /* - item-padding */
	top: 0
}

.nav__item--material {
	display: none;
}

/* ===== END Header ===== */
/* ===== Main ===== */
.main__wrapper {
	position: relative;
	z-index: 20;
	min-height: calc(100vh - 100px - 2.286rem - 100px); /* viewport height - header height - min. footer-height*/
	padding-bottom: 60px; /* S&L Logo */
	background: #f4f4f4;
}

/* ===== Custom Flipster ===== */

.custom-flipster {
	padding-bottom: 3.571rem;
}

	.custom-flipster:before {
		content: '';
		display: block;
		background: #1a1a1a;
		width: 100%;
		height: calc((100% - 3.571rem) * .9);
		position: absolute;
		top: 0;
		left: 0;
	}

.page-login .custom-flipster:before,
.page-forgot-password .custom-flipster:before,
.page-server-selection .custom-flipster:before,
.page-register .custom-flipster:before,
.page-change-email .custom-flipster:before {
	height: calc(100% - 3.571rem);
}

.custom-flipster__inner {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: calc(450px * 0.7067);
	height: 450px;
	background: #ccc;
	overflow: hidden;
}
/* ===== END Custom Flipster ===== */

/* ===== Header HE ===== */

.startpage__topnav__buttonwrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 10px 0;
}

.startpage__subnav__buttonwrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	margin-top: 2rem;
}

.startpage__subnav__buttonwrapper--right {
	width: calc(1248px - 920px);
}

	.startpage__subnav__buttonwrapper--right .button {
		height: 45px;
		display: inline-flex;
		align-items: center;
		margin-left: auto;
	}

.startpage__subnav__buttonwrapper--left {
	margin-bottom: 10px;
	width: 920px;
}

.startpage__image-header {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1px;
}

.startpage__image-header__image-wrap {
	flex: 0 1 auto;
	align-self: auto;
	width: 20%;
	padding: 0 1px;
}

.startpage__image-header__image-wrap__img {
	width: 100%;
}

.startpage__header img {
	width: 100%;
	display: block;
	height: auto;
}

/* ===== END Header HE ===== */

/* ===== Submenue Start HE ===== */

.startpage__submenue__he__wrapper {
	background: #2a2a2a;
	width: 100%;
}

.startpage__submenue__he {
	width: 100%;
	max-width: 1248px;
	margin: 0 auto;
	background: #2a2a2a;
	color: #fff;
	display: flex;
	line-height: 1.2em;
	padding: 1rem;
	flex-grow: 1;
	flex-basis: 0;
	max-height: 3.2rem;
	overflow: hidden;
	transition: max-height .3s;
}

	.startpage__submenue__he a {
		margin: 0;
		font-weight: 600;
		padding: 1.2em 0.5em;
	}

		.startpage__submenue__he a:hover {
			color: #000;
			background: #ccc;
		}

.startpage_submenue_he__left {
}

.startpage_submenue_he__right {
	margin-left: auto
}

.button__download--excel svg {
	padding-right: 1rem;
	height: 1.7rem;
	transform: translateY(0.5rem);
	width: auto;
	margin-left: 10px;
}

.button--black:hover svg rect, .button--black:hover svg path {
	fill: black !important;
}

/* ===== END Submenue Start HE ===== */

/* ===== ui__icon ===== */

.ui__changeview--start {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
}

.ui__he_topright {
	position: absolute;
	right: 0;
	top: 10px;
	z-index: 5;
}

	.ui__he_topright a:first-child {
		margin-right: 1em;
	}

.ui__icon {
	width: 33px;
	height: 33px;
	display: inline-block;
	margin-left: 2px;
	transition: border .2s;
}

	.ui__icon.active {
		border-bottom: 2px solid #940000;
	}

/* ===== END ui__icon ===== */

/* ===== Flexcontainer ===== */

.flexcontainer {
	width: 100%;
	display: flex;
}

.flexcontainer--wrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap !important;
	margin-bottom: 2em;
}

.flexcontainer--he {
	width: 100%;
	display: flex;
}

.flexcontainer__item {
	width: calc(50% - 5px);
	margin-left: 10px; /* = site h-padding */
}

.flexcontainer__item-epk {
	width: calc(50% - 5px);
}

.flexcontainer__item--he {
	width: calc(50% - 5px);
	margin-left: 0 !important;
	margin-right: 10px; /* = site h-padding */
	margin-bottom: 2px;
}

	.flexcontainer__item--he:nth-child(even) {
		margin-right: 0 !important;
	}

.flexcontainer__item:first-child {
	margin-left: 0;
}

.flexcontainer__item--var {
	width: auto;
}

/* ===== END Flexcontainer ===== */

/* ===== Moviebox ===== */

.moviebox {
	position: relative;
	padding: .857rem 1rem;
	margin: 0 0 2px;
	background: #fff;
	height: auto;
	display: flex;
}

.flexcontainer__item--he .moviebox {
	height: 100%;
	margin: 0;
}

.moviebox__image {
	opacity: 0;
	width: 0;
	height: 0;
	margin: 0; /* remove moviebox padding */
	transition: all .2s;
	align-self: flex-start;
}

.moviebox__text {
	flex-shrink: 1;
	/*min-width:250px;*/
}

.moviebox__text--he {
	width: calc(100% - 240px);
}

.moviebox__text .headline.new:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: .185em; /*50%*/
	left: -0.7rem;
	/* transform: translateY(-50%); */
	width: 0;
	height: 0;
	border-top: .5rem solid transparent;
	border-bottom: .5rem solid transparent;
	border-left: .5rem solid #990000;
}

.moviebox--imageview .moviebox__image {
	width: 120px;
	height: auto;
	max-height: 169.8px;
	opacity: 1;
	margin: -.857rem 1rem -1.15rem -1rem;
	border: 1px solid #e8e8e8;
}
/*
.moviebox:first-of-type {
	margin-top: 1rem;
}
*/
.moviebox__list {
	padding: 1rem 0 0 0;
	margin: 0;
	list-style: none;
}

	.moviebox__list li {
		display: inline-block;
		margin: 0 .857rem 0 0;
	}

.moviebox__link {
	display: block;
	transition: color .2s, text-decoration .2s;
}

.moviebox__link--text,
.moviebox__content--text,
.moviebox__link--text:hover {
	color: #999999;
}

	.moviebox__link--text.updates,
	.moviebox__link--text.updates:hover {
		color: #940000;
	}

.moviebox__link:hover {
	text-decoration: underline;
}

.moviebox__hecontent {
	margin-left: auto;
	font-size: 12px;
	/*height:135px;*/
	min-height: 135px;
	padding-left: 10px;
	min-width: 135px;
}

	.moviebox__hecontent ul {
		list-style: none;
		padding-left: 0;
	}

.moviebox__content--titletext {
	color: black;
	margin-top: .5rem
}

moviebox__content--titletext a {
	transition: color .2s;
}

	moviebox__content--titletext a:hover {
		text-decoration: underline;
		color: #999999;
	}

/* ===== END Moviebox ===== */

/* ===== Checkbox Alarm ===== */

.checkbox--alarm {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-indent: -9999px;
	overflow: hidden;
	width: 33px;
	height: 33px;
}

.checkbox__input--alarm {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkbox__checkmark--alarm {
	position: absolute;
	top: 0;
	left: 0;
	height: 33px;
	width: 33px;
	background: transparent url(../img_responsive/icon-alarm-33@2x.png) no-repeat center center;
	background-size: 33px 33px;
	transition: opacity .3s;
}

.checkbox--alarm:hover .checkbox__input--alarm ~ .checkbox__checkmark--alarm {
	opacity: .7;
}

.checkbox--alarm .checkbox__input--alarm:checked ~ .checkbox__checkmark--alarm:after {
	display: block;
}

.checkbox--alarm .checkbox__checkmark--alarm:after {
	content: "";
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	width: 33px;
	height: 33px;
	background: transparent url(../img_responsive/icon-alarm-red--33@2x.png) no-repeat center center;
	background-size: 33px 33px;
}

/* ===== END Checkbox Alarm ===== */

/* ===== Filmdetail Seite ===== */

.filmdetail-header {
	position: relative;
	width: 100%;
	height: 100%;
}

.filmdetail-header__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.filmdetail-header__container {
	position: relative;
	z-index: 2;
	/* color: #fff; */
	padding: 2rem 0;
}

.filmdetail-header--small .filmdetail-header__container {
	padding: 0;
	max-height: 22.857rem;
	overflow: hidden;
}

.filmdetail-header__badgeholder {
	position: absolute;
	right: 0;
	top: 3%;
	right: 1%;
	z-index: 1;
	display: flex;
	justify-content: flex-end;
}

.filmdetail-header__badge {
	height: 4rem;
	width: 4rem;
	margin-left: .75rem;
}

.filmdetail-header__item {
	margin-left: 3.143rem;
}

	.filmdetail-header__item .headline {
		max-width: calc(100% - 8rem);
	}

.material-overview {
	position: relative;
	top: -90px;
	height: 0;
}

.mobile-info {
	display: none;
}

.filmdetail-header__item:first-child {
	margin-left: 0;
}

.filmdetail-header--small .filmdetail-header__item:first-child {
	margin-left: 0;
}

.filmdetail-header--small .filmdetail-header__item:last-child {
	padding-top: 1rem;
	margin-top: auto;
	margin-bottom: auto;
}

.filmdetail-header__image {
	width: 19.143rem;
	height: auto;
	/*border: 1px solid #fff; */
}

.filmdetail-header--small .filmdetail-header__image {
	width: auto;
	height: 100%;
	max-height: 22.857rem; /* e.g.  .filmdetail-header--small .filmdetail-header__container */
	border-left: 1px solid #2a2a2a;
	border-right: 1px solid #2a2a2a;
}

.filmdetail-header__list {
	padding: 1rem 20px 20px 0;
	margin: 0;
	list-style: none;
	width: 50%;
	float: left;
}

	.filmdetail-header__list li {
		margin-bottom: 7px;
	}

		.filmdetail-header__list li a {
			display: inline-block;
			padding: 0 .75rem;
		}

		.filmdetail-header__list li .active {
			background: rgba(0, 0, 0, 0.5); /*tbd*/
		}

	.filmdetail-header__list .linkicon--arrow {
		padding-left: 10px;
	}

		.filmdetail-header__list .linkicon--arrow:before {
			content: '';
			display: inline-block;
			position: absolute;
			margin-left: -10px;
			/* transform: translateY(-50%); */
			width: 0;
			height: 0;
			border-top: .5rem solid transparent;
			border-bottom: .5rem solid transparent;
			border-left: .5rem solid white;
		}

.filmdetail-contentnavi__wrapper {
	background: #2a2a2a;
	color: #fff;
}

.filmdetail-contentnavi__container {
	padding: 1rem;
	/*
	flex-grow: 1;
	flex-basis: 0;
	*/
	width: 17%;
}

	.filmdetail-contentnavi__container:hover {
		background-color: #111;
	}

.filmdetail-contentnavi {
	max-height: 3.5rem;
	overflow: hidden;
	transition: max-height .3s;
}

.filmdetail-contentnavi__movietitle {
	display: none;
}

.filmdetail-contentnavi-open .filmdetail-contentnavi {
	height: 100%;
	max-height: 1000px;
}

.filmdetail-contentnavi__container-header {
	position: relative;
	height: 35px;
}

	.filmdetail-contentnavi__container-header .headline {
		padding-right: 25px;
		transform: translateY(-50%);
		top: 9px;
		margin-top: 2px;
	}

.filmdetail-contentnavi__list {
	list-style: none;
	padding: 1rem 0 0 0;
	margin: 0;
}

	.filmdetail-contentnavi__list li {
		margin: 0 0 .5rem;
		position: relative;
	}

		.filmdetail-contentnavi__list li.subHead {
			margin: 0 0 5px 0;
			position: relative;
			font-weight: bold;
			font-size: 13px;
			border-top: 1px solid #444;
			padding-top: 5px;
		}

.filmdetail-contentnavi__item {
	display: inline-block;
	width: 100%;
}

	.filmdetail-contentnavi__item.new:before {
		content: '';
		display: inline-block;
		position: absolute;
		top: .085em; /*50%;*/
		left: -1rem;
		/* transform: translateY(-50%); */
		width: 0;
		height: 0;
		border-top: .5rem solid transparent;
		border-bottom: .5rem solid transparent;
		border-left: .5rem solid #990000;
	}

	.filmdetail-contentnavi__item span:first-child {
		width: calc(100% - 25px);
		display: inline-block;
	}

.filmdetail-contentnavi__contentamount {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.filmdetail__epk-hint {
	padding: 3rem 0;
}

	.filmdetail__epk-hint.flexcontainer {
		justify-content: space-between;
	}

	.filmdetail__epk-hint .flexcontainer__item {
		width: calc(50% - 1rem);
		margin: 0;
	}

.filmdetail__epk-access-data {
	margin-bottom: 1.1rem;
	display: table;
}

	.filmdetail__epk-access-data p {
		display: table-row;
	}

		.filmdetail__epk-access-data p span {
			display: table-cell;
			padding-right: 1rem;
			word-break: break-all;
		}

.filmdetail-material {
	margin-top: 2rem;
}

#filmdetail-material__filmtitel {
	display: none;
}

#material-overview {
	position: relative;
	top: -110px;
	height: 1px;
}

.filmdetail-material__header {
	margin-bottom: 1.5rem;
}

	.filmdetail-material__header .flexcontainer {
		align-items: baseline;
	}

		.filmdetail-material__header .flexcontainer .headline {
			margin-right: 1rem;
			line-height: 1em;
		}

	.filmdetail-material__header > .flexcontainer__item {
		width: calc(25% - 10px);
	}

		.filmdetail-material__header > .flexcontainer__item:first-child {
			width: 50%;
		}

		.filmdetail-material__header > .flexcontainer__item > * {
			margin-bottom: 0;
			margin-top: auto;
		}

		.filmdetail-material__header > .flexcontainer__item:last-child {
			justify-content: flex-end;
		}

.filmdetail-material__container--search {
	position: relative;
	border-bottom: 1px solid #000;
	color: #000;
	width: 100%;
}

.filmdetail-material__input--search {
	background: transparent;
	border: none;
	outline: none;
	color: #000;
	width: calc(100% - 1.5rem);
	font-family: 'Roboto', sans-serif;
}

input.filmdetail-material__input--search::placeholder {
	color: #000;
	opacity: 1;
}

input.filmdetail-material__input--search::-webkit-search-cancel-button {
	-webkit-appearance: none;
	background: transparent url(../img_responsive/times-light-black.svg) no-repeat center center;
	background-size: 1em 1em;
	width: 1em;
	height: 1em;
}

.filmdetail-material__container--search .icon--search {
	display: inline-block;
	height: 1.143rem;
	width: 1.143rem;
}

.filmdetail-material__container-select-item-amount {
	background-color: #e7e7e7;
	padding: .5rem .6rem;
}

.filmdetail-material__select-label {
	font-size: 14px;
	padding-right: .25rem;
}

.filmdetail-material__container-select-item-amount select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	outline: none;
	border-radius: 0;
	font-size: 15px;
	padding: 0 12px;
	background-color: #e7e7e7;
	background-image: url(../img_responsive/triangle-icon-down-grey.svg);
	background-position: right;
	background-size: 10px 5px;
	background-repeat: no-repeat;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}

	.filmdetail-material__container-select-item-amount select::-ms-expand {
		display: none;
	}

.filmdetail-material__content {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	width: 100%;
}

.filmdetail-material__item {
	position: relative;
	width: calc(25% - 1px);
	background: #fff;
	margin-bottom: 1rem;
	padding-bottom: 2.714rem;
}

.filmdetail-material__item-contentlist {
	display: none;
}

.filmdetail-material__item--active:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -1rem;
	width: 0;
	height: 0;
	border-left: 1rem solid transparent;
	border-right: 1rem solid transparent;
	border-bottom: 1rem solid #e7e7e7;
}

.filmdetail-material__item-imagewrapper {
	width: 100%;
	position: relative;
}

	.filmdetail-material__item-imagewrapper:after {
		content: '';
		display: block;
		padding-top: 66.78%;
	}

	.filmdetail-material__item-imagewrapper > * {
		position: absolute;
		width: 100%;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #2a2a2a;
		display: block;
		text-align: center;
	}

	.filmdetail-material__item-imagewrapper img {
		position: absolute;
		max-width: 100%;
		max-height: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.filmdetail-material__item-imagewrapper .elem--only-preview {
		display: none;
	}

.filmdetail-material__item-description {
	padding: 1.2rem 1rem 1rem;
}

	.filmdetail-material__item-description .headline {
		position: relative;
		display: inline-block;
		margin: 0 0 .75rem;
	}

		.filmdetail-material__item-description .headline.new:before {
			content: '';
			display: inline-block;
			position: absolute;
			top: .185em; /*50%;*/
			left: -1rem;
			/*transform: translateY(-50%);*/
			width: 0;
			height: 0;
			border-top: .5rem solid transparent;
			border-bottom: .5rem solid transparent;
			border-left: .5rem solid #990000;
		}

	.filmdetail-material__item-description .text {
		margin: 0 0 .5rem;
		word-wrap: break-word;
	}

	.filmdetail-material__item-description a {
		/* text-decoration: underline; */
	}

.filmdetail-material__item-ui {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.filmdetail-material__item-ui-element {
	display: flex;
	width: 50%;
	height: 2.714rem;
	background: #e7e7e7;
	border-right: 1px solid #fff;
	transition: background-color .2s;
}

.filmdetail-material__item-ui-element--disk {
	background: #e7e7e7 url('../img_responsive/disk-grey.svg') no-repeat center center;
	background-size: 1.6rem 100%;
}

	.filmdetail-material__item-ui-element--disk.active {
		background: #e7e7e7 url('../img_responsive/disk-orange.svg') no-repeat center center;
		background-size: 1.6rem 100%;
	}

.filmdetail-material__item-ui-element--downloadmanager {
	background: #e7e7e7 url('../img_responsive/downloadmanager_grey.svg') no-repeat center center;
	background-size: 1.6rem 100%;
}

	.filmdetail-material__item-ui-element--downloadmanager.active {
		background: #e7e7e7 url('../img_responsive/downloadmanager_orange.svg') no-repeat center center;
		background-size: 1.6rem 100%;
	}

.filmdetail-material__item-ui-element--search {
	background: #e7e7e7 url('../img_responsive/search-solid-grey.svg') no-repeat center center;
	background-size: 1.6rem 100%;
}

	.filmdetail-material__item-ui-element--search.active {
		background: #e7e7e7 url('../img_responsive/search-solid-orange.svg') no-repeat center center;
		background-size: 1.6rem 100%;
	}

.filmdetail-material__item-ui-element:hover {
	background-color: #cecece;
}

.filmdetail-material__item-ui-element:last-child {
	border-right: none;
}

.filmdetail-material__item-ui-element img {
	height: 58%;
	width: auto;
	margin: auto;
}

.filmdetail-material__preview {
	position: relative;
	width: 100%;
	height: auto;
	background: #e7e7e7;
	margin: 0 0 1rem;
	overflow: hidden;
	padding: 1rem 1rem 0;
	display: none;
}


#filmdetail-material__preview-btn-close,
.downloadmanager__item-btn-close {
	display: block;
	font-size: 1.4rem;
	line-height: 1.4rem;
	padding: 1rem;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

#filmdetail-material__preview-btn-prev,
#filmdetail-material__preview-btn-next {
	display: block;
	font-size: 1rem;
	width: 2em;
	height: 8em;
	background: rgba(255, 255, 255, .4);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: background-color .2s;
}

	#filmdetail-material__preview-btn-prev:hover,
	#filmdetail-material__preview-btn-next:hover {
		background: rgba(255, 255, 255, .8);
	}

#filmdetail-material__preview-btn-prev {
	left: 0;
}

	#filmdetail-material__preview-btn-prev:after {
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 0;
		height: 0;
		border-right: .75em solid #666;
		border-top: .75em solid transparent;
		border-bottom: .75em solid transparent;
	}

#filmdetail-material__preview-btn-next {
	right: 0;
}

	#filmdetail-material__preview-btn-next:after {
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 0;
		height: 0;
		border-left: .75rem solid #666;
		border-top: .75rem solid transparent;
		border-bottom: .75rem solid transparent;
	}

	#filmdetail-material__preview-btn-prev.disabled,
	#filmdetail-material__preview-btn-next.disabled {
		pointer-events: none;
		opacity: .3;
	}


.filmdetail-material__preview-container {
	width: calc(100% - 6rem);
	margin-left: 3rem;
}

.filmdetail-material__preview-imagewrapper,
.downloadmanager__item-imagewrapper {
	width: 45%;
	position: relative;
	margin-bottom: 1rem;
}

	.filmdetail-material__preview-imagewrapper:after,
	.downloadmanager__item-imagewrapper:after {
		content: '';
		display: block;
		padding-top: 66.78%;
	}

	.downloadmanager__item-imagewrapper:after {
		/* other aspect-ratio 7 min-height */
		padding-top: 47.5%;
	}

	.filmdetail-material__preview-imagewrapper > *,
	.downloadmanager__item-imagewrapper > * {
		position: absolute;
		width: 100%;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #2a2a2a;
		display: block;
		text-align: center;
		overflow: hidden;
	}


	.filmdetail-material__preview-imagewrapper img,
	.filmdetail-material__preview-imagewrapper video,
	.filmdetail-material__preview-imagewrapper audio,
	.downloadmanager__item-imagewrapper img,
	.downloadmanager__item-imagewrapper audio,
	.downloadmanager__item-imagewrapper video {
		position: absolute;
		max-width: 100%;
		max-height: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.filmdetail-material__preview-imagewrapper .elem--only-preview {
		display: block;
	}

	.filmdetail-material__preview-imagewrapper .elem--not-preview {
		display: none;
	}

	.filmdetail-material__item-imagewrapper img.filmdetail-material__preview-image-icon,
	.filmdetail-material__preview-imagewrapper img.filmdetail-material__preview-image-icon,
	.downloadmanager__item-imagewrapper img.downloadmanager__item-image-icon {
		max-width: 25%;
		max-height: 25%;
		min-width: 75px;
		min-height: 75px;
		opacity: .75;
	}


.filmdetail-material__preview .filmdetail-material__item-description,
.downloadmanager__item-description {
	padding: 0 0 0 1rem;
	width: 55%;
	margin-bottom: 1rem;
}

	.filmdetail-material__preview .filmdetail-material__item-description .text,
	.downloadmanager__item-description .text {
		margin: 0 0 .1rem;
	}

.filmdetail-material__preview .filmdetail-material__item-contentlist,
.downloadmanager__item-contentlist {
	display: table;
	border-collapse: collapse;
	list-style: none;
	padding: 0;
	width: 100%;
}

.filmdetail-material__item-contentlist-listitem,
.downloadmanager__item-contentlist-listitem {
	color: #000;
	display: table-row;
	border-bottom: 1px solid #999;
}


	.filmdetail-material__item-contentlist-listitem > span,
	.downloadmanager__item-contentlist-listitem > span {
		display: table-cell;
		padding: .5rem;
	}

		.filmdetail-material__item-contentlist-listitem > span:first-child,
		.downloadmanager__item-contentlist-listitem > span:first-child {
			text-align: left;
			padding-left: 0;
		}

		.filmdetail-material__item-contentlist-listitem > span:last-child,
		.downloadmanager__item-contentlist-listitem > span:last-child {
			text-align: right;
			padding-right: 0;
			min-width: 3.571rem;
		}

	.filmdetail-material__item-contentlist-listitem .filmdetail-material__item-ui-element,
	.downloadmanager__item-ui-element {
		display: inline-block;
		width: 1em;
		height: 1em;
		/*background: transparent;*/
		background-color: transparent;
		border: none;
		margin: 0 0 0 .5rem;
	}

		.filmdetail-material__item-contentlist-listitem .filmdetail-material__item-ui-element:first-child {
			margin: 0;
		}

		.filmdetail-material__item-contentlist-listitem .filmdetail-material__item-ui-element img {
			height: 100%;
			width: 100%;
			margin: 0;
		}

	.downloadmanager__item-contentlist-listitem .custom-checkbox label::before {
		right: 0;
	}

.filmdetail-material__item--empty {
	visibility: hidden;
	height: 1px;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* ===== FILM DETAIL HE ===== */

.he__header {
	display: flex;
	flex-wrap: wrap;
}

.filmdetail-header__list__he__title {
	width: 160px;
	display: block;
}

.filmdetail-header__list__he__date {
	padding-left: 1.3rem;
}

.filmdetail-header__list__he__flag {
	display: inline-block;
	width: 20px;
	padding-left: 0.8rem;
}

	.filmdetail-header__list__he__flag img {
		width: 20px;
		height: auto;
	}

.filmdetail-content-he__downloadbtn {
	margin-left: auto;
	width: 130px;
	padding-top: 0.9rem;
	padding-left: 1.2rem;
	background: url(../img_responsive/he_link_icon_black.png) no-repeat left;
	display: block;
}

.filmdetail-content-he__left {
	text-align: center;
}

.filmdetail-content-he__image-wrap {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.filmdetail-content-he__image {
	width: 100%;
	height: auto;
	max-width: 420px;
	margin-bottom: 1rem;
}

.filmdetail-content-he__image-wrap .preliminary {
	display: block;
	background-color: #b8061c;
	transform: rotate(-45deg);
	position: absolute;
	left: -33%;
	top: 5%;
	width: 100%;
	padding: 3% 0;
	z-index: 99;
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	line-height: 120%;
}

.filmdetail-content-he__barcode {
	text-align: center;
	padding: 2rem;
	background-color: white;
	max-width: 420px;
	margin: 0 auto;
}

	.filmdetail-content-he__barcode img {
		max-width: 180px;
	}

.filmdetail-content-he__decription__label {
	width: 130px;
	display: inline-flex;
}

.filmdetail-content-he__decription__content {
	display: inline-flex;
	width: calc(100% - 130px);
}

.filmdetail-content-he__keyfacts {
	padding-left: 1rem;
	list-style-type: square;
}

.filmdetail-header-he--small .filmdetail-header__container {
	padding-top: 0;
	padding-bottom: 0;
}

.filmdetail-header-he--small .filmdetail-header__image {
	height: 250px;
	width: auto;
	display: block;
}

.filmdetail-header-he--small .filmdetail-header__list__wrapper {
	display: flex;
	flex-wrap: wrap;
}

.filmdetail-header-he--small .filmdetail-header__list {
	float: left;
}

.filmdetail-header-he--small .filmdetail-header__text__wrapper {
	padding-top: 2rem;
	width: calc(100% - 300px);
}

.filmdetail-header-he--small .filmdetail-header__item:first-child {
	margin-left: 0;
}

/* ===== END FILM DETAIL HE ===== */

/* ===== END Filmdetail Seite ===== */

/* ===== Downloadmanager Seite ===== */

.downloadmanager {
	margin-top: 2rem;
}

.downloadmanager__header {
	margin-bottom: 2rem;
	width: 100%;
	justify-content: space-between;
	align-items: normal;
}

	.downloadmanager__header > .text--link {
		margin-left: auto;
		margin-right: 2rem;
	}

.downloadmanager__header__buttonwrapper {
	display: flex;
	margin-left: auto;
	flex-wrap: wrap;
}

	.downloadmanager__header__buttonwrapper .icon--download div {
		display: inline-block;
		height: 1.3rem;
		width: 1.3rem;
		margin-left: .5rem;
		transform: translateY(5px);
	}

	.downloadmanager__header__buttonwrapper .icon--download:hover .icon-download-fill {
		fill: #2a2a2a
	}

.downloadmanager__item {
	position: relative;
	width: 100%;
	height: auto;
	background: #fff;
	margin: 0 0 .25rem;
	overflow: hidden;
	padding: 1rem 1rem 0;
}

.downloadmanager__item-ui-element {
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	/*background: transparent;*/
	margin: 0;
	vertical-align: middle;
}

/* ===== END Downloadmanager Seite ===== */

/* ===== Login Seite ===== */

.login > .flexcontainer__item,
.forgot-password > .flexcontainer__item,
.register > .flexcontainer__item,
.change-email > .flexcontainer__item {
	width: auto;
	margin: 0;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 0;
	padding-right: 3rem;
}

	.login > .flexcontainer__item > .headline,
	.forgot-password > .flexcontainer__item > .headline,
	.register > .flexcontainer__item > .headline,
	.change-email > .flexcontainer__item > .headline {
		margin-bottom: 2rem;
	}

.login .form__section:last-child,
.forgot-password .form__section:last-child,
.register .form__section:last-child,
.change-email .form__section:last-child {
	margin-top: 2rem;
}

/* ===== END Login Seite ===== */

/* ===== Server Auswahl Seite ===== */

.server-selection {
	text-align: center;
}

.server-selection__item {
	display: inline-flex;
	background-color: #fff;
	width: 59.286rem;
	/* height: 7.143rem; */
	height: auto;
	min-height: 7.143rem;
	;
	margin-bottom: .25rem;
	text-align: left;
	padding: 1em 2.5em 1em 3.5em;
	position: relative;
	transition: background-color .2s, padding-left .2s;
}

.server-selection__text {
	margin: 1rem auto;
	width: 59.286rem;
	text-align: left;
	display: inline-flex;
}

.server-selection__item:before {
	content: '';
	position: absolute;
	left: .5rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3rem 0 3rem 1.5rem;
	border-color: transparent transparent transparent #f4f4f4;
	transition: left .2s, border-color .2s;
}

.server-selection__item:hover {
	background-color: transparent;
	/*padding-left: 5rem;*/
}

	.server-selection__item:hover:before {
		/*left: 2rem;*/
		border-color: transparent transparent transparent #666;
	}

.server-selection__item-name {
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 0;
	margin: auto 0;
}

.server-selection__item-image {
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 0;
	max-width: 10rem;
	position: relative;
}

	.server-selection__item-image img {
		max-height: calc(7.143rem - 2rem);
		max-width: inherit;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}

/* ===== END Server Auswahl Seite ===== */

/* ===== Mein Konto Seite ===== */

.account {
	padding-top: 2rem;
	margin-bottom: 4rem;
}

	.account > .text:first-of-type {
		padding: 2rem 0;
	}

	.account form .headline {
		margin-bottom: 1rem;
	}

	.account form .flexcontainer__item:first-child {
		padding-right: 1rem;
	}

	.account form .flexcontainer__item:last-child {
		padding-left: 1rem;
	}

/* ===== END Mein Konto Seite ===== */

/* ===== News / Pressemitteilungen Seite ===== */

.news__item {
	display: flex;
	background-color: #fff;
	padding: 1rem 0;
	margin: 0 0 .25rem;
	transition: background-color .2s, padding-left .2s;
}

	.news__item:hover {
		/*background-color: transparent;*/
	}

	.news__item > .flexcontainer__item {
		margin: 0;
	}

		.news__item > .flexcontainer__item:first-child {
			flex-grow: 1;
			transition: margin-left .2s;
		}

	.news__item:hover > .flexcontainer__item:first-child {
		/*margin-left: 2rem;*/
	}

	.news__item > .flexcontainer {
		flex-flow: row nowrap;
	}

.news__date {
	flex-shrink: 0;
	width: 9rem;
	padding: 0 1rem;
}

.news__hint {
	padding-left: 2rem;
}

.flexcontainer__item.news__hint--empty {
	width: 0;
}

.news__hint ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

	.news__hint ul li {
		padding: 0 0 .5rem;
	}

		.news__hint ul li:last-child {
			padding-bottom: 0;
		}

.news__hint .new {
	display: inline-block;
	position: relative;
}

	.news__hint .new:before {
		content: '';
		display: inline-block;
		position: absolute;
		top: .15em; /*50%*/
		left: -1rem;
		/* transform: translateY(-50%); */
		width: 0;
		height: 0;
		border-top: .45rem solid transparent;
		border-bottom: .45rem solid transparent;
		border-left: .45rem solid #990000;
	}

/* ===== END News / Pressemitteilungen Seite ===== */

/* ===== Pressemitteilung Detail Seite ===== */

.pressrelease {
	padding: 2.5rem 7.5rem;
	background: #fff;
	width: 100%;
}

.pressrelease__header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 2em;
}

.pressrelease__button-back {
	padding: 0 1rem;
	line-height: 2.8em;
}

.pressrelease .dummy {
	background: #888;
	text-align: center;
	padding-top: 5rem;
	width: 100%;
	min-height: 20rem;
}

/* ===== END Pressemitteilung Detail Seite ===== */

/* ===== END Main ===== */

/* ===== Footer ===== */

.footer__wrapper {
	position: relative;
	z-index: 25;
	min-height: 100px;
	background: #333;
	color: #fff;
	padding: 3.142rem 10px;
}

	.footer__wrapper .text {
		max-width: 900px;
	}

	.footer__wrapper .container--center {
		/*background: transparent url(../img_responsive/sl-medianetworx_grey.png) no-repeat bottom right;*/
		background: transparent url(../img_responsive/presshub.png) no-repeat bottom right;
	}

.footer__image--logo {
	width: 66px;
	height: auto;
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
}

/* ===== Footer Links ===== */

.footer__links--internal,
.footer__links--social-media {
	position: relative;
	left: 0;
	margin-bottom: 1rem;
}

.footer__linkitem {
	font-weight: 700;
	padding: 0 .643rem;
}

.footer__links--social-media .footer__linkitem {
	padding: 0 .321rem;
}

.footer__linkitem:first-child {
	padding-left: 0
}

.footer__linkitem img {
	width: 30px;
	height: 30px;
	transition: transform .2s;
}

.footer__wrapper a:hover {
	text-decoration: underline;
}

.footer__linkitem:hover img {
	transform: scale(1.1);
}

/* ===== END Footer Links ===== */

/* ===== Footer HE ===== */

.footer__content__wrapper {
	display: flex;
	flex-wrap: wrap;
}

.footer__content--left {
	min-width: 300px;
	width: 65%;
	margin-right: 20px;
}

.footer__content--right {
}

.footer__content__link_box {
	min-width: 210px;
	list-style: none;
	margin-top: 0;
	margin-right: 105px;
	padding-left: 0;
}

	.footer__content__link_box li {
		margin-bottom: .321rem;
		;
		font-weight: 700;
	}

.footer__content__link--icon {
	padding-left: 18px;
	background: url('../img_responsive/footer_he_link_icon.png') no-repeat left;
	display: block;
}

	.footer__content__link--icon::before {
	}

/* ===== END Footer HE ===== */

/* ===== END Footer ===== */

/* JQUERY UI THEMING (for autocomplete) */
.ui-menu .ui-menu {
	/* width:100%*/
}

.ui-menu .ui-menu-item a {
	display: block;
	width: 100%;
	font-size: 1em;
}


.ui-state-active, .ui-state-hover, .ui-state-highlight {
	border: none !important;
	background: #dddddd !important;
	color: black !important;
	margin-left: 0 !important;
}

/* ===== Styles for User Page ===== */

.user-status-image {
	width: 170px;
	height: 170px;
	display: inline-block;
	float: left;
	margin-top: 10px;
	margin-right: 30px;
}

.vertical-center {
	position: absolute;
	margin-left: 200px;
	top: 60%;
}

.user-button {
	margin-top: 10px;
}

.user-div {
	margin-top: 20px;
}

.user-form {
	margin-left: 200px;
}

/* ===== Styles for listgrouped.aspx ===== */

#Filmuebersicht {
	padding: 20px 10px;
}

	#Filmuebersicht td + td,
	.movietable td + td,
	.press td {
		font-size: 15px;
		color: #666;
		line-height: 18px;
		padding: 5px 0 5px 0;
	}

	#Filmuebersicht td + td {
		width: 80px;
	}

.movietable td + td {
	width: 88px;
}

	.movietable td + td.Show3D {
		background: url("../img/3d_logo_mini.png") no-repeat scroll 75px 11px;
	}

#Filmuebersicht td + td + td {
	padding: 5px 30px 5px 10px;
	width: 428px;
}

#releasedLink {
	font-size: 1.145rem;
	display: none;
}

	#releasedLink:hover {
		text-decoration: underline;
	}

#releasedAnchor {
	height: 1px;
	position: relative;
	top: -110px;
}

.runtime {
	position: absolute;
	top: 92%;
	right: 1%;
	color: #e7e7e7;
	font-size: 0.9em;
}

.related__text {
	padding: 0 10px;
}

#sony-note-server-selection {
	position: relative;
	margin-top: -3em;
	text-align: center;
}
@media screen and (max-width: 767px) {
	#sony-note-server-selection {
		margin-top: -1em;
	}
}