@media screen and (max-width: 767px) {
	#releasedLink {
		padding-right: 0;
	}

	#releasedAnchor {
		top: -100px;
	}

	html {
		font-size: 12px;
	}

	.nav__item {
		font-size: 14px;
	}

	.custom-flipster {
		display: none !important;
	}

	.startpage {
		margin-top: 2rem;
	}

	.button--startpage--topnav {
		min-width: 150px;
		height: 35px;
		margin: 0 1px;
		font-weight: 700;
		font-size: 14px;
	}

	.ui__changeview--start {
		display: none;
	}

	.moviebox{
		flex-wrap: wrap;
	}

	.moviebox__text{
		width:100%;
		max-width: none;
	}

	.moviebox__text--he {
		width:100%;
		max-width: calc(100% - 150px);
		min-width: 210px;
	}

	.moviebox__image {
		opacity: 0 !important;
		width: 0 !important;
		height: 0 !important;
		margin: 0 !important;
	}

	.header__image--logo-sl {
		max-width: 90px;
		height: auto;
	}

	.filmdetail-header--small .filmdetail-header__container {
		/*padding: 2rem 0;*/
		padding-top: 2rem;
		max-height: initial;
		overflow: visible;
	}

	.filmdetail-header__container.flexcontainer {
		flex-flow: row wrap;
	}

	.filmdetail-header__item {
		width: 100%;
		margin-left: 0;
		text-align: center;
	}

	.filmdetail-header__item .headline {
		max-width: 100%;
	}

	.filmdetail-header--small .filmdetail-header__item:last-child {
		padding-top: 1rem;
		margin: 0;
	}

	.filmdetail-header--small .filmdetail-header__image,
	.filmdetail-header__image {
		width: 50%;
		height: auto;
		max-height: initial;
		border: none;
		/*transform: translateX(50%);*/
		margin-bottom: 2rem;
	}

	.filmdetail-header__badgeholder {
		flex-flow: column-reverse;
	}

	.filmdetail-header__badge {
		margin: 0 0 .75rem;
	}

	.filmdetail-header__list {
		text-align: left;
	}


	.filmdetail-material__header > .flexcontainer__item {
		width: 50%;
	}

		.filmdetail-material__header > .flexcontainer__item:first-child {
			width: 100%;
		}


	.filmdetail-material__item {
		width: calc(50% - 1px);
	}

	#filmdetail-material__preview-btn-prev,
	#filmdetail-material__preview-btn-next {
		display: block;
		width: 1.5em;
	}

	.filmdetail-material__preview-container.flexcontainer {
		flex-flow: row wrap;
		width: calc(100% - 3em);
		margin-left: 1.5em;
	}

	.filmdetail-material__item-contentlist-listitem > span:last-child,
	.downloadmanager__item-contentlist-listitem > span:last-child {
		min-width: initial;
	}

	.filmdetail-material__item-contentlist-listitem .filmdetail-material__item-ui-element:last-child {
		margin: 0 0 0 .5rem;
	}

	.filmdetail-content-he__image{
		height:120px;
		width:auto;
	}

	.filmdetail-content-he__image-wrap .preliminary {
		left: -26px;
		top: 9%;
		width: 127%;
		font-size: 80%;
		line-height: 120%;
	}

	.filmdetail-content-he__barcode{
		height:120px;
		margin-left: 1rem;
	}

	.filmdetail-header__image{
		margin: 0 auto;
	}

	.filmdetail-header-he--small .filmdetail-header__text__wrapper{
		padding-top: 2rem;
		width: 100%;
	}

	.filmdetail-header__list{
		width: 50%;
		float: left;
	}

	.filmdetail-header__list:last-child {
		padding-top: 1rem;
	}

	.downloadmanager__header {
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: initial;
	}

		.downloadmanager__header > * {
			width: 100%;
		}

		.downloadmanager__header > .text--link {
			margin: .5rem 0 .75rem;
		}

	.main__select{
		font-size: 12px;
	}
	.button--downloadmanager {
		margin: 1px;
		height: 30px;
	}

	.login.flexcontainer,
	.forgot-password.flexcontainer,
	.register.flexcontainer,
	.change-email.flexcontainer {
		flex-flow: column;
	}

	.login > .flexcontainer__item,
	.forgot-password > .flexcontainer__item,
	.register > .flexcontainer__item,
	.change-email > .flexcontainer__item {
		width: 100%;
		margin: 0;
		border-bottom: 1px solid #ccc;
		padding: 2rem 0 2rem;
	}

		.forgot-password > .flexcontainer__item:first-child,
		.register > .flexcontainer__item:first-child,
		.change-email > .flexcontainer__item:first-child {
			padding-top: 0;
		}

		.login > .flexcontainer__item:last-child,
		.forgot-password > .flexcontainer__item:last-child,
		.register > .flexcontainer__item:last-child,
		.change-email > .flexcontainer__item:last-child {
			border-bottom: none;
		}

	.page-forgot-password .headline:first-child,
	.page-register .headline:first-child,
	.page-change-email .headline:first-child {
		padding-top: 2rem;
	}


	/* Server Auswahl Seite */

	.server-selection {
		padding-top: 2rem;
	}

	.server-selection__item {
		width: 100%;
		padding: 1em 2em 1em 3.5em;
	}

	.server-selection__item-image {
		flex-grow: 1;
		flex-shrink: 0;
		flex-basis: 0;
		max-width: 8rem;
		position: relative;
	}

	/* END Server Auswahl Seite */

	/* News /Pressemitteilungen Seite */

	.news__item {
		flex-flow: row wrap;
	}

		.news__item > .flexcontainer__item {
			width: 100%;
		}

	.news__hint {
		padding-top: 1rem;
		padding-left: 10rem;
	}

	/* END News /Pressemitteilungen Seite */


	/* Pressemitteilung Detail Seite */

	.pressrelease {
		padding: 1rem;
	}

	/* END Pressemitteilung Detail Seite */

	/* footer */
	/* footer_he */
	.footer__content--left{
		min-width: 300px;
		width: 100%;
		margin-right: 0;
	}
	/* END footer */
}

@media screen and (max-width: 639px){
	.button {
		margin-bottom: 3px;
	}

	.container--80 {
		padding-right: 0;
	}

	.startpage__image-header {
		justify-content: center;
	}

	.startpage__image-header__image-wrap {
		width: 33.33%;
	}

	.filmdetail-header__list{
		width: 100%;
		float: none;
		padding-right: 0;
	}

	.filmdetail-header__list:last-child {
		padding-top: 0;
	}
}

@media screen and (max-width: 460px) {
	.startpage__subnav__buttonwrapper--right {
		width: 100%;
	}

	.button {
		display: flex;
		height: 35px!important;
		overflow: hidden;
		justify-content: center;
		flex-direction: column;
		line-height: 16px;
		padding-top: 5px;
		padding-bottom: 5px;
		width: 100%;
		margin: 0 0 5px 0;
	}

	.button--startpage--topnav {
		flex: 1;
		margin-left: 1px;
		margin-right: 1px;
		min-width: auto;
		font-size: 11px;
	}

	.ui__he_topright{
		position: relative;
		right: auto;
		top: auto;
		z-index: auto;
	}

	.header__imageholder {
		width: calc(530px * .50); /*  * header__container.height % */
	}

	.header__container {
		height: 50px;
	}

	.header__container--download {
		transform: scale(.8);
		bottom: 4px;
	}

	.header__image--logo-sl {
		top: .75rem;
		max-width: 60px;
	}

	.menu__container.open .container--center {
		height: calc(100vh - 50px); /* viewport height - header - menu-container heights */
	}

	.menu__container.open .nav__container {
		height: calc(100vh - 50px - 2.286rem); /* - header - position.top */
		overflow-y: auto;
	}

	.main__wrapper {
		padding-top: calc(50px + 2.286rem); /* header-height + nav-bar height */
	}



	.filmdetail-material__header > .flexcontainer__item,
	.filmdetail-material__item {
		width: 100%;
	}

	.moviebox__hecontent{
		margin: 0;
	}

	.news__item > .flexcontainer {
		flex-flow: column;
	}

	.news__title {
		padding-top: .5rem;
		padding-left: 1rem;
	}

	.news__hint {
		padding-top: .5rem;
		padding-left: 2rem;
	}

	.runtime {
		top: 95%;
	}
}
@media screen and (max-width: 400px){
	.he__header{
		flex-direction: column-reverse;
	}
	.filmdetail-content-he__downloadbtn{
		margin-left: 0;
		margin-bottom: 1rem;
		padding-top: 0.4rem;

	}
}
