@charset "UTF-8";

.highlight {
	color:red;
}


/* ----------------------------------------------------------------------------------- FONTS */

@font-face {
	font-family: 'Intro_Bold';
	src: url('/_fonts/Intro_Bold-webfont.eot');
	src: url('/_fonts/Intro_Bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('/_fonts/Intro_Bold-webfont.woff2') format('woff2'),
	url('/_fonts/Intro_Bold-webfont.woff') format('woff'),
	url('/_fonts/Intro_Bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	
}

@font-face {
	font-family: 'Intro_Book';
	src: url('/_fonts/Intro_Book-webfont.eot');
	src: url('/_fonts/Intro_Book-webfont.eot?#iefix') format('embedded-opentype'),
	url('/_fonts/Intro_Book-webfont.woff2') format('woff2'),
	url('/_fonts/Intro_Book-webfont.woff') format('woff'),
	url('/_fonts/Intro_Book-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	
}

/* gentium-book-basic-regular - latin */
@font-face {
	font-family: 'Gentium Basic';
	font-style: normal;
	font-weight: 400;
	src: url('/_fonts/gentium-book-basic-v16-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/_fonts/gentium-book-basic-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/_fonts/gentium-book-basic-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/_fonts/gentium-book-basic-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('/_fonts/gentium-book-basic-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/_fonts/gentium-book-basic-v16-latin-regular.svg#GentiumBookBasic') format('svg'); /* Legacy iOS */
  }
  /* gentium-book-basic-italic - latin */
  @font-face {
	font-family: 'Gentium Basic';
	font-style: italic;
	font-weight: 400;
	src: url('/_fonts/gentium-book-basic-v16-latin-italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/_fonts/gentium-book-basic-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/_fonts/gentium-book-basic-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/_fonts/gentium-book-basic-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
		 url('/_fonts/gentium-book-basic-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/_fonts/gentium-book-basic-v16-latin-italic.svg#GentiumBookBasic') format('svg'); /* Legacy iOS */
  }
  /* gentium-book-basic-700 - latin */
  @font-face {
	font-family: 'Gentium Basic';
	font-style: normal;
	font-weight: 700;
	src: url('/_fonts/gentium-book-basic-v16-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/_fonts/gentium-book-basic-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/_fonts/gentium-book-basic-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/_fonts/gentium-book-basic-v16-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('/_fonts/gentium-book-basic-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/_fonts/gentium-book-basic-v16-latin-700.svg#GentiumBookBasic') format('svg'); /* Legacy iOS */
  }
  /* gentium-book-basic-700italic - latin */
  @font-face {
	font-family: 'Gentium Basic';
	font-style: italic;
	font-weight: 700;
	src: url('/_fonts/gentium-book-basic-v16-latin-700italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/_fonts/gentium-book-basic-v16-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/_fonts/gentium-book-basic-v16-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/_fonts/gentium-book-basic-v16-latin-700italic.woff') format('woff'), /* Modern Browsers */
		 url('/_fonts/gentium-book-basic-v16-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/_fonts/gentium-book-basic-v16-latin-700italic.svg#GentiumBookBasic') format('svg'); /* Legacy iOS */
  }

/* ----------------------------------------------------------------------------------- GENERAL */

html, body {
	height:100%;
	width:100%;
	position:fixed;
	overflow:hidden;
}
body {
	font-family: 'Intro_Book', Arial, Helvetica, sans-serif;
	background-color:#000000;
	text-align:center;
	margin:0;
	padding:0;
	
	text-transform:uppercase;
}

div#page-wrapper {
	height:100%;
	width:100%;
	position:absolute;
	overflow:hidden;
}


div.background {
	display:none;
	position:absolute;
	left:-100px;
	top:-100px;
	width:2560px;
	width:3400px;
	height:1600px;
	background-image:url(/_img/_layout/background.jpg);
	background-size:cover;
}
div.background-home {
	position:absolute;
	left:0;
	top:0;
	width:3400px;
	height:1600px;
	background-image:url(/_img/_layout/background-home.jpg);
	background-size:cover;
	opacity:0;
	-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s;
}
div.background-home.visible {
	opacity:1;
}

div.logo.bg {
	display:none;
	position:absolute;
	left:800px;
	top:600px;
	width:250px;
	height:250px;
	background-image:url(/_img/_layout/logo.png);
	opacity:0.3;
}

.clear {
	clear:both;
}

/* ----------------------------------------------------------------------------------- NAVIGATION WRAPPER */

.navigation-wrapper-x {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	width:100000px;
	height:100000px;
}
.navigation-wrapper-y {
	position:absolute;
	top:0;
	left:0;
	height:100000px;
	overflow:hidden;
	width:100%;
}

/* ----------------------------------------------------------------------------------- PANELS */

.panel {
}

.panel-x {
	position:relative;
	text-align:center;
	margin:0;
	padding:0;
	float:left;
	overflow:hidden;
}
.panel-y {
	position:relative;
}

/* ----------------------------------------------------------------------------------- MAIN WRAPPER */


.main-wrapper {
	position:absolute;
	width:990px;
	height:557px;
	margin:-20px auto auto auto;
	text-align:left;
	border:10px solid #FFFFFF;
	-webkit-transition:border 0.5s;
	transition:border 0.5s;
}

.very-small-screen .main-wrapper {
	width:750px;
	height:422px;
}

.main-wrapper.video-wrapper.video-playing {
	border:10px solid rgba(255,255,255,0.2);
}

.main-wrapper.video-wrapper:hover {
	border:10px solid rgba(255,255,255,1);
}

.main-wrapper.home {
	position:absolute;
	margin:-20px auto auto auto;
	text-align:left;
	border:none;
}
.bonus-wrapper {
	position:absolute;
	width:100%;
	height:100%;
	margin:auto;
	text-align:left;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}
.info-wrapper {
	position:absolute;
	width:100%;
	height:100%;
	margin:auto;
	text-align:left;
	overflow:auto;
}
.bonus-wrapper,
.info-wrapper,
.fusionbleibt-bginfo-wrapper {
	display:none;
}
.fade-wrapper {
	display:none;
}


/* ----------------------------------------------------------------------------------- Home */	
.loading.home {
	display:block;
	width:100%;
	height:267px;
	color:#000000;
	text-align:center;
	position:relative;
	padding-top:260px;
	font-weight:700;
}
.loading.home div.icon.loading-logo {
	position:absolute;
	top:40%;
	left:50%;
	margin-top:-100px;
	margin-left:-100px;
	width:200px;
	height:200px;
	background:url(/_img/_layout/loading-logo-home.svg) no-repeat center center;
}
.loading.home div.icon.loading-spinner {
	position:absolute;
	top:40%;
	left:50%;
	margin-top:-100px;
	margin-left:-100px;
	width:200px;
	height:200px;
	background:url(/_img/_layout/loading-spinner-home.png) no-repeat center center;
	-webkit-animation-name: spin;
	-webkit-animation-duration: 2000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 2000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 2000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-o-transition: rotate(3600deg);
}




.content.home {
	display:none;
	padding-top:40px;
}

.very-small-screen .content.home {
	padding-top:0;
}



.main-wrapper.home div.logo.home {
	position:absolute;
	width:100%;
	height:87px;
	background-image:url(/_img/_layout/logo-home.svg);
	background-repeat:no-repeat;
	background-position:center top;
}
.main-wrapper.home h1 {
	text-align:center;
	font-size:24px;
	font-family:'Intro_Book';
	margin-top:82px;
	color:#000000;
	text-transform:none;
}
.main-wrapper.home ul.buttons {
	margin-left:130px;
	padding-top:100px;
}
.very-small-screen .main-wrapper.home ul.buttons {
	margin-left:30px;
}

.main-wrapper.home ul.buttons li {
	margin-right:252px;
}

.very-small-screen .main-wrapper.home ul.buttons li {
	margin-right:182px;
}

.main-wrapper.home ul.buttons li a.button {
	background-color:#000000;
	opacity:1;
	font-size:14px;
	color:#FFFFFF;
	display:block;
	height:36px;
	width:auto;
	padding:0 10px 0 10px;
	line-height:36px;
	font-family:'Intro_Bold';
	text-decoration:none;
	z-index:300;
}
.main-wrapper.home ul.buttons li a.button:hover {
	color:#BC1231;
}
.main-wrapper.home ul.buttons li a span.arrow {
	width:36px;
	height:36px;
	display:block;
	position:absolute;
	right:-36px;
	top:0;
	background-image:url(/_img/_layout/arrows-home.svg);
	background-repeat:no-repeat;
}
.main-wrapper.home ul.buttons li a.button.to-webdoku span.arrow {
	background-position:-36px 0;
}
.main-wrapper.home ul.buttons li a.button.to-infopage span.arrow {
	background-position:0px 0;
}
.main-wrapper.home ul.buttons li a.button.to-webdoku:hover span.arrow {
	background-position:-36px -36px;
}
.main-wrapper.home ul.buttons li a.button.to-infopage:hover span.arrow {
	background-position:0px -36px;
}	


.main-wrapper.home div.button-info {
	width:260px;
	color:#000000;
	position:absolute;
	text-align:left;
	padding-left:90px;
}

.main-wrapper.home div.button-info.info-page {
	top:180px;
	left:100px;
}
.very-small-screen .main-wrapper.home div.button-info.info-page {
	top:140px;
	left:0;
}

.main-wrapper.home div.button-info.webdoku {
	top:180px;
	right:108px;
	padding-left:0;
	width:320px;
}
.very-small-screen .main-wrapper.home div.button-info.webdoku {
	top:140px;
	right:38px;
}

.main-wrapper.home div.button-info p {
	text-transform:none;
	font-size:14px;
	margin-bottom:-10px !important;
	padding-bottom:0 !important;
	color:#000000;
	font-family:'Intro_Bold' !important;
	width:100%;
}

.main-wrapper.home div.button-info p.text {
	max-height:0;
	height:auto;
	overflow:hidden;
	padding:0;
	-webkit-transition:max-height 0.3s, padding 0.3s;
	transition:max-height 0.3s, padding 0.3s;
}
.main-wrapper.home div.button-info p.text.visible,
.main-wrapper.home div.button-info p.text.permanent-visible {
	max-height:300px;
	padding:10px 0 20px 0;
}

.main-wrapper.home div.teaser {
	width:260px;
	color:#000000;
	position:absolute;
	text-align:left;
	padding-left:90px;
}
.main-wrapper.home div.teaser a {
	color:#000000;
	text-decoration:none;
}
.main-wrapper.home div.teaser span.h2 {
	font-size:14px;
	color:#000000;
	margin:0;
	padding:0;
}
.main-wrapper.home div.teaser span.h3 {
	font-size:12px;
	color:#BC1231;
}
.main-wrapper.home div.teaser span.text {
	text-transform:none;
	font-size:14px;
	padding-bottom:14px;
	margin-bottom:14px;
	font-family:'Intro_Bold' !important;
}
.main-wrapper.home div.teaser.fusion {
	left:100px;
	bottom:0px;
}
.main-wrapper.home div.teaser.attension {
	right:100px;
	bottom:0px;
}

.very-small-screen .main-wrapper.home div.teaser.fusion {
	left:0;
}
.very-small-screen .main-wrapper.home div.teaser.attension {
	right:20px;
}

.main-wrapper.home div.teaser span.logo.icon {
	position:absolute;
	top:0;
	left:0;
	display:block;
	height:100px;
	width:80px;
	background-repeat:no-repeat;
}
.main-wrapper.home div.teaser span.logo.icon.fusion {
	background-image:url(/_img/_layout/icon-fusion.svg);
	background-position:center 0;
}
.main-wrapper.home div.teaser a:hover span.logo.icon.fusion {
	background-image:url(/_img/_layout/icon-fusion.svg);
	background-position:center -100px;
}
.main-wrapper.home div.teaser span.logo.icon.attension {
	background-image:url(/_img/_layout/icon-attension.svg);
	background-position:center 0;
}
.main-wrapper.home div.teaser a:hover span.logo.icon.attension {
	background-image:url(/_img/_layout/icon-attension.svg);
	background-position:center -100px;
}
.main-wrapper.home div.teaser span.logo.typo {
	display:block;
	height:26px;
	width:100%;
	background-repeat:no-repeat;
	background-position:left top;
	margin-bottom:15px;
}
.main-wrapper.home div.teaser span.logo.typo.fusion {
	background-image:url(/_img/_layout/logo-fusion.svg);
}
.main-wrapper.home div.teaser span.logo.typo.attension {
	background-image:url(/_img/_layout/logo-attension.svg);
}
.main-wrapper.home div.teaser a {
	display:block;
	height:100%;
	width:100%;
}

/* ----------------------------------------------------------------------------------- Home v2 */

.home2 {
	text-transform:none;
}

.logo-wrapper {
	text-align:center;
	margin-bottom:70px;
}
.very-small-screen .logo-wrapper {
	margin-bottom:10px;
}

.home2 a.open-webdoku-info {
	position:relative;
	left:auto;
	top:auto;
}

.distribution {
	display:flex;
}
.teaserbox {
	position:relative;
	width:33.333%;
	background:white;
	margin:8px;
	font-size:13px;
	line-height:20px;
	font-weight:bold;
	padding:0 8px 58px 8px;
}
.very-small-screen .teaserbox {
	padding:0 8px 8px 8px;
}

.teaserbox a.button {
	position:absolute;
	bottom:16px;
	left:8px;
	background-color:#000000;
	font-size:14px;
	color:#FFFFFF;
	display:flex;
	align-items:center;
	height:36px;
	width:auto;
	padding:0 10px 0 10px;
	line-height:36px;
	font-family:'Intro_Bold';
	text-decoration:none;
}
.teaserbox a.button:hover {
	background-color:#BE0D2D;
}

.teaserbox a.button span:nth-child(1) {

}
.teaserbox a.button span:nth-child(2) {
	margin-left:10px;
}
.teaserbox a.button span:nth-child(2) svg {
}

.teaserbox a.button.to-infopage span:nth-child(2) {
	margin-left:16px;
	margin-right:4px;
}
.teaserbox a.button.to-infopage span:nth-child(2) svg {
	transform:rotate(90deg);
}


.very-small-screen .teaserbox a.button {
	position:relative;
	float:left;
	bottom:auto;
	left:auto;
	margin-bottom:8px;
}

.teaserbox a.infolink {
	position:absolute;
	display:flex;
	align-items:center;
	color:black;
	bottom:16px;
	right:16px;
	width:auto;
	text-decoration:none;
	font-size:12px;
	background:none !important;
	height:auto;
	line-height:16px;
}
.teaserbox a.infolink:hover {
	color:#BE0D2D;
}
.teaserbox a.infolink:hover svg path {
	fill:#BE0D2D;
}


.teaserbox a.infolink span:nth-child(1) {
	margin-right:8px;
}
.teaserbox a.infolink span:nth-child(2) {
	max-width: 60px;
}


.very-small-screen .teaserbox a.infolink {
	display:flex;
	position:relative;
	bottom:auto;
	right:auto;
	max-width: none;
	clear:both;
}


.festivals {
	margin-top:40px;
	display:flex;
}
.very-small-screen .festivals {
	margin-top:10px;
}
.festivalteaser {
	width:50%;
	margin:8px;
}
.festivalteaser a {
	position:relative;
	display:flex;
	width:100%;
	text-decoration:none;
	}
.festivalteaser a svg {
	position:relative;
	top:50%;
	display:inline-block;
	margin-right:40px;
	transform: translateY(-50%);
}
.festivalteaser a span img {
	margin-bottom:10px;
}
.festivalteaser:hover svg path {
	fill:#BE0D2D;
}

.festivalteaser a p {
	color:white;
	text-decoration:none;
	background:black;
	display:inline;
	padding:1px 4px;
	font-size:13px;
	font-weight:bold;
	line-height:22px;
	-webkit-box-decoration-break: clone;
  box-decoration-break: clone;
	hyphens:auto;
}
.festivalteaser:hover a p {
	background:black;
}

/* ----------------------------------------------------------------------------------- Navigation Buttons */

a.arrow {
	display:block;
	position:absolute;
	background-image:url(/_img/_layout/arrows.png);
	text-decoration:none;
	-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s;
}
a.arrow.prev {
	width:24px;
	height:54px;
	top:50%;
	margin-top:-31px;
	left:-34px;
	background-position:center left;
}	
a.arrow.next {
	width:24px;
	height:54px;
	top:50%;
	margin-top:-31px;
	right:-34px;
	background-position:center right;
}

body.moved-skip-buttons a.arrow.prev {
	left:0;
	z-index:100;
}	
body.moved-skip-buttons a.arrow.next {
	right:0;
	z-index:100;
}

.main-wrapper.video-wrapper.video-playing a.arrow.prev,
.main-wrapper.video-wrapper.video-playing a.arrow.next {
	opacity:0.2;
}

.main-wrapper.video-wrapper:hover a.arrow.prev,
.main-wrapper.video-wrapper:hover a.arrow.next {
	opacity:1;
}


a.arrow.up {
	height:34px;
	width:54px;
	top:-34px;
	left:50%;
	margin-left:-34px;
	background-position:top center;
}	
a.arrow.down {
	height:34px;
	width:54px;
	bottom:-34px;
	left:50%;
	margin-left:-34px;
	background-position:bottom center;
}	
a.arrow:hover,
a.arrow.hover {
	background-color:#A0132E;
}

a.arrow.down span,
a.arrow.up span {
	position:relative;
	float:left;
	display:block;
	height:34px;
	background-color:#FFFFFF;
	color:#333333;
	width:158px;
	font-family: 'Intro_Bold';
	text-transform:uppercase;
	font-size:12px;
	text-align:center;
}	
a.arrow.down span {
	padding-top:12px;
	height:22px;
}
a.arrow.up span {
	padding-top:4px;
	height:30px;
}	
a.arrow.down:hover span,
a.arrow.down.hover span,
a.arrow.up:hover span,
a.arrow.up.hover span {
	color:#A0132E;
}	

.panel-y.panel_1 .panel-x.panel_1 a.arrow.down,
.panel-y.panel_1 .panel-x.panel_1 a.arrow.up {
	left:34px;
	width:198px;
}
.panel-y.panel_1 .panel-x.panel_1 a.arrow.down span.text {
	width:198px;
}
.panel-y.panel_1 .panel-x.panel_2 a.arrow.down,
.panel-y.panel_1 .panel-x.panel_2 a.arrow.up {
	left:294px;
}
.panel-y.panel_1 .panel-x.panel_3 a.arrow.down,
.panel-y.panel_1 .panel-x.panel_3 a.arrow.up {
	left:450px;
}

a.back-to-mainmovie {
	position:fixed;
	top:-32px;
	right:200px;
	background-color:#FFFFFF;
	color:#333333;
	font-size:12px;
	z-index:800;
	text-decoration:none;
	height:32px;
	line-height:32px;
	padding:0 15px 0 15px;
	font-family: 'Intro_Bold';
}
a.back-to-mainmovie:hover {
	color:#A0132E;
}

a.back-to-mainmovie.home {
	background-color:#000000;
	color:#FFFFFF;
}
a.back-to-mainmovie.home:hover {
	color:#BC1231;
}


a.language {
	position:fixed;
	top:0px;
	right:200px;
	background-color:#000000;
	color:#FFFFFF;
	font-size:12px;
	z-index:800;
	text-decoration:none;
	height:32px;
	line-height:32px;
	padding:0 15px 0 15px;
	font-family: 'Intro_Bold';
	transition:top 0.4s ease-in-out;
}
a.language:hover {
	color:#BC1231;
}
a.language.hidden {
	top:-32px;
}



a.skip-intro {
	position:absolute;
	left:0px;
	bottom:-60px;
	background-color:#FFFFFF;
	font-size:14px;
	color:#000000;
	display:block;
	height:36px;
	width:auto;
	padding:0 10px 0 10px;
	line-height:36px;
	font-family:'Intro_Bold';
	text-decoration:none;
}

a.skip-intro.latest.en {
	left:200px;
}
a.skip-intro.latest.de {
	left:240px;
}

a.skip-intro:hover {
	color:#BC1231;
}

a.skip-intro span.arrow {
	width:36px;
	height:36px;
	display:block;
	position:absolute;
	right:-36px;
	top:0;
	background-image:url(/_img/_layout/arrows-home-white.svg);
	background-repeat:no-repeat;
	background-position:-36px 0;
}
a.skip-intro:hover span.arrow {
	background-position:-36px -36px;
}

a.problems-with-player {
	position:absolute;
	right:0px;
	bottom:-34px;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
}
a.problems-with-player:hover {
	color:#BC1231;
}


/* ----------------------------------------------------------------------------------- VIDEO */

div.main-wrapper div.video {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#000000;
}

div.main-wrapper div.video:-webkit-full-screen img {
	width: 100%;
	height: 100%;
}
div.main-wrapper div.video:-moz-full-screen img {
	width: 100%;
	height: 100%;
}

/* ----------------------------------------------------------------------------------- Timeline */

div.video div.timeline {
	position:absolute;
	left:93px;
	bottom:24px;
	width:804px;
	height:23px;
	z-index:20;
}	
div.video div.timeline div.timeline-clear {
	position:absolute;
	right:0;
	top:0;
	width:804px;
	height:23px;
	background-image:url(/_img/_layout/timeline.png);
	background-repeat:no-repeat;
	background-position:top right;
}	
div.video div.timeline div.timeline-filled {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:23px;
	background-image:url(/_img/_layout/timeline_filled.png);
	background-repeat:no-repeat;
	background-position:top left;
}

/* ----------------------------------------------------------------------------------- Buttons */

a.video-button {
	height:22px;
	width:22px;
	position:absolute;
	bottom:25px;
	background-image:url(/_img/_layout/video_buttons.png);
	z-index:30;
}
a.play {
	left:23px;
	background-position:0 0;
}
a.pause {
	left:55px;
	background-position:0 -22px;
}
a.sound {
	right:55px;
	background-position:0 -44px;
}
a.fullscreen {
	right:23px;
	background-position:0 -66px;
}
a.video-button:hover {
	background-color:#A0132E;
}	


/* ----------------------------------------------------------------------------------- WEBDOKU INFO */

a.open-webdoku-info {
	position:absolute;
	top:0;
	left:0;
	z-index:400;
	width:52px;
	height:52px;
	background:url(/_img/_layout/icon-info.svg) no-repeat 0 0;
}


a.open-webdoku-info span.text {
	display:none;
}
a.open-webdoku-info:hover {
	background:url(/_img/_layout/icon-info.svg) no-repeat 0 -52px;
}	

div.button-info a.open-webdoku-info {
	position:relative;
	display:block;
	top:auto;
	left:auto;
	z-index:auto;
	width:auto;
	height:32px;
	line-height:32px;
	padding-left:50px;
	background:url(/_img/_layout/icon-info-home.svg) no-repeat 0 -10px;
	color:#000000;
	text-decoration:none;
	margin-left:-12px;
}

div.button-info a.open-webdoku-info:hover {
	background:url(/_img/_layout/icon-info-home.svg) no-repeat 0 -62px;
}


div#webdoku-info,
div.info-overlay {
	border:10px solid #FFFFFF;
	position:fixed;
	width:890px;
	height:457px;
	padding:50px;
	top:50%;
	left:50%;
	margin-top:-100%;
	margin-left:-505px;
	z-index:800;
	opacity:0;
	background-color:#FFFFFF;
	-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s;
}
div#webdoku-info.onscreen,
div.info-overlay.onscreen {
	opacity:1;
	margin-top:-298.5px;
}	
.very-small-screen div#webdoku-info,
.very-small-screen div.info-overlay {
	width:720px;
	height:382px;
	padding:20px;
	margin-top:-200%;
	margin-left:-390px;
}
.very-small-screen div#webdoku-info.onscreen,
.very-small-screen div.info-overlay.onscreen {
	margin-top:-231px;
}	
div#webdoku-info a.close-webdoku-info,
div.info-overlay a.close-info {
	position:absolute;
	width:52px;
	height:52px;
	top:0;
	right:0;
	color:#000000;
	text-decoration:none;
	line-height:52px;
	text-align:center;
	font-family:'Intro_Bold';
	
}
div#webdoku-info div.text-wrapper,
div.info-overlay div.text-wrapper {
	position:relative;
	width:560px;
	height:457px;
	padding-right:50px;
	text-align:left;
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
}
.very-small-screen div#webdoku-info div.text-wrapper,
.very-small-screen div.info-overlay div.text-wrapper {
	width:480px;
	height:370px;
	padding-right:50px;
	text-align:left;
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
}
div#webdoku-info div.text-wrapper h1,
div.info-overlay div.text-wrapper h1 {
	font-size:20px;
	background-color:#B61231;
	padding:5px 20px 5px 10px;
	color:#FFFFFF;
	float:left;
	margin-bottom:10px;
}
div#webdoku-info div.text-wrapper h2,
div.info-overlay div.text-wrapper h2 {
	font-size:16px;
	background-color:#000000;
	padding:4px 16px 4px 10px;
	color:#FFFFFF;
	float:left;
	clear:left;
	margin-bottom:30px;
}
div#webdoku-info div.text-wrapper p,
div.info-overlay div.text-wrapper p {
	clear:left;
	font-size:14px;
	text-transform:none;
	padding-left:10px;
	line-height:24px;
}
div#webdoku-info div.text-wrapper img,
div.info-overlay div.text-wrapper img {
	margin-left:10px;
	max-width:100%;
	height:auto;
}
div#webdoku-info div.text-wrapper p a,
div.info-overlay div.text-wrapper p a {
	color:#B61231;
	font-family:'Intro_Bold';
	text-decoration:none;
}
div#webdoku-info div.text-wrapper div.webdoku-info-section,
div.info-overlay div.text-wrapper div.info-section {
	margin-bottom:70px;
}
div#webdoku-info div.webdoku-info-navigation,
div.info-overlay div.info-navigation {
	position:absolute;
	width:220px;
	left:680px;
	top:116px;
	text-align:center;
}
.very-small-screen div#webdoku-info div.webdoku-info-navigation,
.very-small-screen div.info-overlay div.info-navigation {
	top:80px;
	left:560px;
}
div#webdoku-info div.webdoku-info-navigation ul,
div.info-overlay div.info-navigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
div#webdoku-info div.webdoku-info-navigation ul li,
div.info-overlay div.info-navigation ul li {
}
div#webdoku-info div.webdoku-info-navigation ul li a,
div.info-overlay div.info-navigation ul li a {
	display:block;
	background-color:#000000;
	color:#FFFFFF;
	text-decoration:none;
	padding:3px 12px 3px 6px;
	font-size:12px;
	text-transform:uppercase;
	float:left;
	clear:left;
	text-align:left;
	margin-bottom:10px;
	font-family: 'Intro_Bold';
}

/* ----------------------------------------------------------------------------------- CONTACT INFO */

div.button-info a.open-contact-info {
	position:relative;
	display:block;
	top:auto;
	left:auto;
	z-index:auto;
	width:auto;
	height:32px;
	line-height:32px;
	padding-left:50px;
	background:url(/_img/_layout/icon-contact-home.svg) no-repeat 0 -10px;
	color:#000000;
	text-decoration:none;
	margin-left:-12px;
}
div.button-info a.open-contact-info:hover {
	background:url(/_img/_layout/icon-contact-home.svg) no-repeat 0 -62px;
}	
div#contact-info {
	border:10px solid #FFFFFF;
	position:fixed;
	width:890px;
	height:457px;
	padding:50px;
	top:50%;
	left:50%;
	margin-top:-100%;
	margin-left:-505px;
	z-index:800;
	opacity:0;
	background-color:#FFFFFF;
	-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s;
}
div#contact-info.onscreen {
	opacity:1;
	margin-top:-298.5px;
}	
.very-small-screen div#contact-info {
	width:720px;
	height:382px;
	padding:20px;
	margin-top:-200%;
	margin-left:-390px;
}
.very-small-screen div#contact-info.onscreen {
	margin-top:-231px;
}	
div#contact-info a.close-contact-info {
	position:absolute;
	width:52px;
	height:52px;
	top:0;
	right:0;
	color:#000000;
	text-decoration:none;
	line-height:52px;
	text-align:center;
	font-family:'Intro_Bold';
	
}
div#contact-info div.text-wrapper {
	position:relative;
	width:560px;
	height:457px;
	padding-right:50px;
	text-align:left;
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
}
.very-small-screen div#contact-info div.text-wrapper {
	width:480px;
	height:370px;
	padding-right:50px;
	text-align:left;
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
}
div#contact-info div.text-wrapper h1 {
	font-size:20px;
	background-color:#B61231;
	padding:5px 20px 5px 10px;
	color:#FFFFFF;
	float:left;
}
div#contact-info div.text-wrapper h2 {
	font-size:16px;
	background-color:#000000;
	padding:4px 16px 4px 10px;
	color:#FFFFFF;
	float:left;
	clear:left;
}
div#contact-info div.text-wrapper p {
	clear:left;
	font-size:13px;
	text-transform:none;
	padding-left:10px;
	line-height:20px;
}
div#contact-info div.text-wrapper ul,
div#contact-info div.text-wrapper ol {
	clear:left;
	font-size:13px;
	text-transform:none;
	padding-left:30px;
	line-height:20px;
}
div#contact-info div.text-wrapper img {
	max-width:100%;
	height:auto;
	margin-left:10px;
}
div#contact-info div.text-wrapper p a {
	color:#B61231;
	font-family:'Intro_Bold';
	text-decoration:none;
}
div#contact-info div.text-wrapper div.contact-info-section {
	margin-bottom:70px;
}
div#contact-info div.contact-info-navigation {
	position:absolute;
	width:220px;
	left:680px;
	top:116px;
	text-align:center;
}
.very-small-screen div#contact-info div.contact-info-navigation {
	top:80px;
	left:560px;
}
div#contact-info div.contact-info-navigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
div#contact-info div.contact-info-navigation ul li {
}
div#contact-info div.contact-info-navigation ul li a {
	display:block;
	background-color:#000000;
	color:#FFFFFF;
	text-decoration:none;
	padding:3px 12px 3px 6px;
	font-size:12px;
	text-transform:uppercase;
	float:left;
	clear:left;
	text-align:left;
	margin-bottom:10px;
	font-family: 'Intro_Bold';
}





/* ----------------------------------------------------------------------------------- OVERLAY */

div.overlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:10;
	background-color:rgba(0,0,0,0.70);
	overflow:auto;
}
div.overlay .animateTypo {
	display:none;
}

div.overlay.fullscreen {
	
}

.bonus-wrapper .content {
	text-align:center;
	color:#FFFFFF;
	padding-top:40px;
	width:970px;
	padding-left:20px;
	padding-bottom:120px;
}

.very-small-screen .bonus-wrapper .content {
	width:690px;
	padding-left:60px;
}

div.overlay .content h2 {
	font-weight:normal;
	font-size:30px;
}

.navigation-bonus {
	width:200px;
	position:absolute;
	left:-210px;
	overflow:hidden;
}

.navigation-bonus ul {
}
.navigation-bonus ul li {
	display:block;
	height:32px;
	margin-bottom:8px;
	clear:both;
}
.navigation-bonus ul li a {
	display:block;
	text-decoration:none;
	height:32px;
	line-height:32px;
	float:right;
	clear:right;
	background-color:#FFFFFF;
	padding:0 20px 0 20px;
	color:#333333;
	font-family: 'Intro_Bold';
}
.navigation-bonus ul li a:hover {
	color:#A0132E;
}
.navigation-bonus ul li a.current {
	background-color:#A0132E;
	color:#FFFFFF;
}

/* ----------------------------------------------------------------------------------- Chapter Title */

div.chapter-title {
	position:absolute;
	top:140px;
	left:0;
	width:100%;
	font-size:60px;
	text-align:center;
	color:#FFFFFF;
	font-weight:100;
	text-transform:uppercase;
	letter-spacing:10px;
}
.very-small-screen div.chapter-title {
	top:95px;
	font-size:40px;
	letter-spacing:6px;
}
div.chapter-intro-text {
	display:none;
	position:absolute;
	top:340px;
	left:0;
	width:80%;
	padding:0 10% 0 10%;
	font-size:14px;
	text-align:center;
	color:#FFFFFF;
	font-weight:100;
	text-transform:uppercase;
	letter-spacing:4px;
}
.very-small-screen div.chapter-intro-text {
	top:260px;
	font-size:12px;
	letter-spacing:3px;
}
div.chapter-intro-text a {
	color:#FFFFFF;
font-family:'Intro_Bold';
	text-decoration:none;
}


/* ----------------------------------------------------------------------------------- BONUS ITEMS */

.item {
	width:300px;
	height:150px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	background-color:#999999;
	color:#000000;
	text-align:left;
}
.audio {
	width:150px;
	height:150px;
}
.audio a.play {
	display:block;
	width:150px;
	height:150px;
	top:0;
	left:0;
	position:absolute;
	
}
.item.audio .date {
	margin-left:0;
	clear:left;
}
.item span.image {
	display:block;
	position:absolute;
	top:0;
	left:0;
	-webkit-filter: grayscale(75%);
	filter: grayscale(75%);
	-webkit-transition:-webikt-filter 0.3s;
	transition:filter 0.3s;
}	

.item:hover span.image {
	display:block;
	position:absolute;
	top:0;
	left:0;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}	

.item a span.icon {
	position:absolute;
	top:50%;
	left:50%;
	margin:-25px 0 0 -25px;
	width:50px;
	height:50px;
	border-radius:25px;
	background:#000000 url(/_img/_layout/icons-bonus.svg) no-repeat 0 0;
	background:transparent url(/_img/_layout/icons-bonus.png) no-repeat 0 0;
	opacity:0.65;
	opacity:1;
	-webkit-transition:opacity 0.3s;
	transition:opacity 0.3s;
}

.item.video a span.icon {
	background-position:0 0;
}
.item.text a span.icon {
	background-position:-50px 0;
	margin:-35px 0 0 -25px;
}
.item.audio a span.icon {
	background-position:-100px 0;
	margin:-38px 0 0 -25px;
}
.item.photo a span.icon {
	background-position:-150px 0;
}

.item a:hover span.icon {
	background-color:#FFFFFF;
	background-color:transparent;
	opacity:1;
}
.item.video a:hover span.icon {
	background-position:0 -50px;
}
.item.text a:hover span.icon {
	background-position:-50px -50px;
	margin:-35px 0 0 -25px;
}
.item.audio a:hover span.icon {
	background-position:-100px -50px;
	margin:-38px 0 0 -25px;
}
.item.photo a:hover span.icon {
	background-position:-150px -50px;
}


.photo {
	width:300px;
	height:150px;
}
.video {
	width:300px;
	height:200px;
}
.text {
	width:200px;
	height:300px;
}

.item span {
	display:block;
	float:left;
}
.item span.info {
	display:block;
	background-color:#FFFFFF;
	font-size:12px;
}
.item .chapter {
	color:#FFFFFF;
	background-color:#BE0D2D;
	padding:3px 6px 3px 3px;
	position:absolute;
	top:0;
	left:0;
}
.item.text .chapter {
	margin-bottom:3px;
	position:relative;
	top:auto;
	left:auto;
}	
.item .chapter-number {
	display:none;
}
.item .title {
	color:#000000;
	font-family: 'Intro_Bold';
	clear:left;	
	background-color:#FFFFFF;
	padding:3px 6px 3px 3px;
	position:absolute;
	bottom:0;
}
.item.text .title {
	position:relative;
	bottom:auto;
}
.item.text .title.with-image {
	position:absolute;
	bottom:0;
}
.item .date {
	color:#999999;
	margin-left:6px;
	font-family: 'Intro_Book';
}
.item .timestamp {
	display:none;
}
.item .teaser {
	color:#FFFFFF;
	clear:left;
	padding-top:10px;
	text-transform:none;
}
.item span {}
.item.text {
	background-color:transparent;
	color:#FFFFFF;
	font-size:12px;
}
.item.audio {
	background-color:#000000;;
}


/* ----------------------------------------------------------------------------------- BONUS VIEW SETTINGS */

.open-view-settings {
	position:fixed;
	bottom:-32px;
	left:50%;
	width:100px;
	margin-left:-50px;
	text-decoration:none;
	height:32px;
	line-height:32px;
	font-size:12px;
	background-color:#FFFFFF;
	padding:0 15px 0 15px;
	font-family: 'Intro_Bold';
	color:#000000;
}

.view-settings {
	position:fixed;
	bottom:-100%;
	left:0px;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,0.85);
	text-align:center;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}

.view-setings-wrapper {
	position:relative;
	width:990px;
	margin: 0 auto 0 auto;
	padding-top:20px;
}
.very-small-screen .view-setings-wrapper {
	width:750px;
}

.view-settings a {
	color:#FFFFFF;
}

.view-settings a.close {
	position:absolute;
	background-image:url(/_img/_layout/close-view-settings.svg);
	background-repeat:no-repeat;
	height:32px;
	width:32px;
	display:block;
	top:5px;
	left:50%;
	margin-left:-16px;
	z-index:700;
}
.view-settings a.close span{
	display:none;
}

.line {
	position:relative;
	width:100%;
	margin-top:80px;
}
.line .line-left,
.line .line-right {
	width:400px;
	height:2px;
	background-color:rgba(255,255,255,0.4);
	position:absolute;
	top:14px;
}

.very-small-screen .line .line-left,
.very-small-screen .line .line-right {
	width:300px;
}

.line .line-left {
	left:0px;
}
.line .line-right {
	right:0px;
}

.line h2 {
	color:rgba(255,255,255,0.4);
	font-family: 'Intro_Bold';
	font-weight:normal;
}

ul.buttons {
	list-style-type:none;
}
ul.buttons li {
	float:left;
	margin-left:20px;
	margin-bottom:20px;
}
ul.buttons li a {
	position:relative;
	display:block;
	width:120px;
	height:100px;
	opacity:0.4;
}
ul.buttons li a:hover {
	opacity:0.55;
}

ul.buttons li a.current {
	color:#CC243C;
	opacity:1;
}
ul.buttons li a.current:hover {
	color:#CC243C;
	opacity:0.7;
}
ul.buttons li a span.text {
	position:absolute;
	bottom:10px;
	left:0;
	width:120px;
	height:20px;
	line-height:20px;
	text-align:center;
	font-family: 'Intro_Bold';
	font-size:14px;
}

ul.buttons li a span.icon {
	position:absolute;
	top:0px;
	left:24px;
	width:72px;
	height:72px;
	text-align:center;
	background-image:url(/_img/_layout/filter-and-sort-icons.svg);
	background-repeat:no-repeat;
}

ul.buttons li a.chapter1 span.icon {
	background-position:10px 10px;
}
ul.buttons li a.chapter1.current span.icon {
	background-position:10px -90px;
}
ul.buttons li a.chapter2 span.icon {
	background-position:-90px 10px;
}
ul.buttons li a.chapter2.current span.icon {
	background-position:-90px -90px;
}
ul.buttons li a.chapter3 span.icon {
	background-position:-190px 10px;
}
ul.buttons li a.chapter3.current span.icon {
	background-position:-190px -90px;
}
ul.buttons li a.chapter4 span.icon {
	background-position:-290px 10px;
}
ul.buttons li a.chapter4.current span.icon {
	background-position:-290px -90px;
}
ul.buttons li a.chapter5 span.icon {
	background-position:-390px 10px;
}
ul.buttons li a.chapter5.current span.icon {
	background-position:-390px -90px;
}

ul.buttons li a.audio span.icon {
	background-position:-292px -190px;
}
ul.buttons li a.audio.current span.icon {
	background-position:-292px -290px;
}
ul.buttons li a.video span.icon {
	background-position:-90px -190px;
}
ul.buttons li a.video.current span.icon {
	background-position:-90px -290px;
}
ul.buttons li a.photo span.icon {
	background-position:-390px -190px;
}
ul.buttons li a.photo.current span.icon {
	background-position:-390px -290px;
}
ul.buttons li a.text span.icon {
	background-position:-190px -190px;
}
ul.buttons li a.text.current span.icon {
	background-position:-190px -290px;
}

ul.buttons li a.by-chapter span.icon {
	background-position:10px -390px;
}
ul.buttons li a.by-chapter.current span.icon {
	background-position:10px -490px;
}
ul.buttons li a.by-date span.icon {
	background-position:-190px -390px;
}
ul.buttons li a.by-date.current span.icon {
	background-position:-190px -490px;
}
ul.buttons li a.by-category span.icon {
	background-position:-90px -390px;
}
ul.buttons li a.by-category.current span.icon {
	background-position:-90px -490px;
}
ul.buttons li a.by-random span.icon {
	background-position:-290px -390px;
}
ul.buttons li a.by-random.current span.icon {
	background-position:-290px -490px;
}	



.bonus-wrapper h2 {
	font-family: 'Intro_Bold';
	font-weight:normal;
	margin-bottom:80px;
}

/*
.to-bonus-buttons {
	position:fixed;
	bottom:-32px;
	width:996px;
	height:32px;
	padding-left:12px;
}
*/

.to-bonus-buttons {
	position:absolute;
	bottom: -53px;
	left: 0 !important;
	width:996px;
	height:32px;
	padding-left:0;
}

.to-bonus-buttons ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.to-bonus-buttons ul li {
	float:left;
	margin-right:4px;
}
.to-bonus-buttons ul li a {	
	display:block;
	background-color:#FFFFFF;
	color:#333333;
	font-size:12px;
	text-decoration:none;
	height:32px;
	line-height:32px;
	font-family: 'Intro_Bold';
	text-align:center;
	padding-left:20px;
	padding-right:20px;
}
.to-bonus-buttons ul li a:hover {
	color:#A0132E;
}

/*
.to-bonus-buttons ul li a.chapter1 {
	width:256px;
}
.to-bonus-buttons ul li a.chapter2 {
	width:176px;
}
.to-bonus-buttons ul li a.chapter3 {
	width:136px;
}
.to-bonus-buttons ul li a.chapter4 {
	width:256px;
}
.to-bonus-buttons ul li a.chapter5 {
	width:140px;
}
*/

.bonus-overlay {
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:900;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.85);
}

.bonus-wrapper .item a.play,
.bonus-wrapper .item a.watch,
.bonus-wrapper .item a.read {
	position:absolute;
	top:0;
	left:0;
	display:block;
	height:100%;
	width:100%;
}



a.close-bonus-overlay {
	position:fixed;
	top:-32px;
	left:50%;
	margin-left:-21px;
	width:42px;
	background-color:#FFFFFF;
	color:#333333;
	font-size:12px;
	z-index:910;
	text-decoration:none;
	height:32px;
	line-height:32px;
	text-align:center;
	font-family: 'Intro_Bold';
}
a.close-bonus-overlay:hover {
	color:#A0132E;
}

.main-wrapper.bonus .info,
.audio-wrapper .info {
	position:absolute;
	bottom:-52px;
	left:-10px;
	width:auto;
	height:22px;
	background-color:#FFFFFF;
}
.main-wrapper.bonus .info .title,
.audio-wrapper .info .title {
	color:#000000;
	font-family: 'Intro_Bold';
	background-color:#FFFFFF;
	font-size:12px;
	line-height:22px;
	display:block;
	float:left;
	padding:0 0 0 10px;
	height:22px;
}
.main-wrapper.bonus .info .date,
.audio-wrapper .info .date {
	color:#999999;
	padding:0 14px 0 6px;
	height:22px;
	font-family: 'Intro_Book';
	font-size:12px;
	line-height:22px;
	float:left;
}

.audio-wrapper {
	position:relative;
	width:200px;
	height:200px;
	border:10px solid #FFFFFF;
	margin:auto;
	margin-top:120px;
}	


#galleria{
	height:557px;
}
.very-small-screen #galleria{
	height:422px;
}

.galleria-lightbox-info {
	font-family: 'Intro_Bold' !important;
	color:#000000 !important;
}
.galleria-lightbox-close {
	font-family: 'Intro_Book' !important;
	width:36px !important;
	heigth:56px !important;
	max-heigth:36px !important;
	min-heigth:36px !important;
	font-size:30px !important;
	line-height:32px !important; 
	background-color:transparent !important;
	right:20px !important;
	top:20px !important;
	color:#FFFFFF !important;
}
.galleria-lightbox-close:hover {
	color:#000000 !important;
}
.galleria-lightbox-prevholder,
.galleria-lightbox-nextholder {
	width:100px !important;
	height:100px !important;
	top:50% !important;
	margin-top:-60px !important;
}
.galleria-lightbox-prev,
.galleria-lightbox-next {
	font-size:0 !important;
	color:transparent !important;
	background-color:transparent !important;
	background-image:url(/_img/_layout/arrows.png) !important;
	width:32px  !important;
	height:52px  !important;
	margin-top:-26px !important;
}
.galleria-lightbox-prev {
	background-position:center left !important;
}
.galleria-lightbox-next {
	background-position:center right !important;
}

.galleria-thumbnails {
	padding:50px !important;
}



/* ---------------------------------------------------------- Bonus Text */

div.text-wrapper.bonus.text {
	width:768px;
	border:none;
	color:#FFFFFF;
	margin:0 auto 0 auto;
	padding:0;
	height:100%;
	overflow-y:auto;
	text-align:left;
	background-color:rgba(0,0,0,0.5);
}

div.text-wrapper.bonus.text div.intro-text {
	padding:30px 50px 40px 50px;
	font-size:13px;
	background-color:#FFFFFF;
	margin:100px 50px 20px 50px;
	text-transform:none;
	color:#000000;
}
div.text-wrapper.bonus.text div.bonus-text {
	padding:50px 50px 100px 50px;
	text-transform:none;
}
div.text-wrapper.bonus.text div.bonus-text h2 {
	font-size:22px;
	line-height:22px;
	margin-bottom:22px;
}
div.text-wrapper.bonus.text div.bonus-text p {
	font-size:13px;
	line-height:22px;
	margin-bottom:22px;
}


/* ---------------------------------------------------------- Bonus Audio */

div.audio-wrapper.bonus.audio {
	width:480px;
	height:480px;
	top:50%;
	border:10px solid #FFFFFF;
	margin:-240px auto 0 auto;
	text-align:left;
	background-color:#000000;
}


/* ---------------------------------------------------------- Bonus Wrapper Intro Text */

div.main-wrapper.bonus.photos a#open-intro-text,
div.main-wrapper.bonus.bonus-video a#open-intro-text {
	display:none;
	position:absolute;
	left:10px;
	top:10px;
	color:#FFFFFF;
	text-decoration:none;
	z-index:999;
	width:30px;
	height:30px;
	background:url(/_img/_layout/icon-text.svg) no-repeat center center;
}
div.main-wrapper.bonus.photos a#open-intro-text:hover,
div.main-wrapper.bonus.bonus-video a#open-intro-text:hover {
	background:rgba(0,0,0,0.5) url(/_img/_layout/icon-text.svg) no-repeat center center;
}
div.main-wrapper.bonus.photos div.intro-text,
div.main-wrapper.bonus.bonus-video div.intro-text {
	position:absolute;
	color:#FFFFFF;
	z-index:1000;
}
div.main-wrapper.bonus.photos div.intro-text div.text-wrapper,
div.main-wrapper.bonus.bonus-video div.intro-text div.text-wrapper {
	position:relative;
	padding:20px 50px 30px 20px;
	background-color:#FFFFFF;
	color:#000000;
	margin:10px;
	width:260px;
}
div.main-wrapper.bonus.photos div.intro-text h2,
div.main-wrapper.bonus.bonus-video div.intro-text h2 {
	margin:0 0 20px 0;
	padding:0;
	font-family: 'Intro_Book';
	font-size:18px;
	line-height:20px;
}
div.main-wrapper.bonus.photos div.intro-text p,
div.main-wrapper.bonus.bonus-video div.intro-text p {
	margin:0;
	padding:0;
	font-family: 'Intro_Book';
	font-size:14px;
	line-height:20px;
	text-transform:none;
}
div.main-wrapper.bonus.photos div.intro-text a#close-intro-text,
div.main-wrapper.bonus.bonus-video div.intro-text a#close-intro-text {
	position:absolute;
	right:13px;
	top:13px;
	color:#000000;
	text-decoration:none;
	font-family: 'Intro_Bold';
	font-size:14px;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
}	


.vjs-default-skin::cue {
	background:#FFFFFF;
}


/* ----------------------------------------------------------------------------------- PAGE LOADING */

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: #000000;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 8px;
}





/* ----------------------------------------------------------------------------------- INFO-PAGE */

.iScrollHorizontalScrollbar {
	position: absolute;
	z-index: 9999;
	height: 16px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	overflow: hidden;
}
.iScrollHorizontalScrollbar.iScrollBothScrollbars {
	right: 18px;
}
.iScrollVerticalScrollbar {
	position: absolute;
	z-index: 9999;
	width: 12px;
	bottom: 2px;
	top: 2px;
	right: 2px;
	overflow: hidden;
}
.iScrollVerticalScrollbar.iScrollBothScrollbars {
	bottom: 18px;
}
.iScrollIndicator {
	position: absolute;
	background: #FFFFFF;
}
.iScrollHorizontalScrollbar .iScrollIndicator {
	height: 100%;
	background: #FFFFFF;
}
.iScrollVerticalScrollbar .iScrollIndicator {
	width: 100%;
	background: #FFFFFF;
}
#infopage-wrapper {
	color:#222222;
	text-align:center;
	margin:0;
	padding:0;
	height:100%;
	position:relative;
	text-align:left;
	width:100%;
	margin:auto;
	height:100%;
	overflow:hidden;
	text-transform:none;
}
#infopage-wrapper div.infopage {
	position:relative;
	top:0;
	text-align:center;
	width:100%;
	color:#000000;
}
#infopage-wrapper div.chapter {
	position:relative;
	text-align:left;
	width:600px;
	margin:auto;
	padding:50px;
}
.clear {
	clear:both;
}
#infopage-wrapper .infopage h1 {
	font-size:20px;
	text-transform:uppercase;
	font-family:'Intro_Bold';
	font-weight:normal;
	color:#FFFFFF;
	background-color:#000000;
	padding:5px 10px 5px 10px;
	margin-left:-10px;
	float:left;
	clear:left;
}
#infopage-wrapper .infopage h2 {
	font-size:16px;
	font-family:'Intro_Bold';
	text-transform:uppercase;
	font-weight:normal;
	color:#000000;
	background-color:#FFFFFF;
	padding:5px 10px 5px 10px;
	margin-left:-10px;
	float:left;
	clear:left;
}
#infopage-wrapper .infopage h3 {
	font-family:'Intro_Bold';
	text-transform:uppercase;
	font-weight:normal;
	margin:80px 0 28px 0;
	font-size:14px;
	color:#000000;
	background-color:#FFFFFF;
	padding:5px 10px 5px 10px;
	margin-left:-10px;
	float:left;
	clear:left;
}
#infopage-wrapper .infopage p, .infopage ul, .infopage ol {
	font-size:14px;
	line-height:200%;
	clear:left;
}
#infopage-wrapper .infopage p {
	margin-bottom:14px;
	padding-right:40px;
	background-color:rgba(255,255,255,1);
	color:#000000;
	padding:10px 20px 20px 10px;
	margin-left:-10px;
}
#infopage-wrapper .infopage p a,
#infopage-wrapper .infopage ul a, 
#infopage-wrapper .infopage ol a {
	color:#B21230;
	text-decoration:none;
	font-family:'Intro_Bold';
}
#infopage-wrapper .infopage ul, #infopage-wrapper  .infopage ol {
	margin:0 0 14px 0;
	padding-right:40px;
	background-color:rgba(255,255,255,1);
	color:#000000;
	padding:10px 20px 20px 10px;
	margin-left:-10px;
	padding-left:40px;
}
#infopage-wrapper .infopage img {
	margin-bottom:14px;
	margin-top:8px;
	margin-left:-10px;
}
#infopage-wrapper .infopage .float-left {
	float:left;
	margin-right:14px;
}
#infopage-wrapper .infopage .bildunterzeile {
	font-size:12px;
	display:block;
	margin-bottom:28px;
	margin-top:-7px;
	line-height:140%;
	max-width:60%;
}
#infopage-navigation {
	text-transform:none;
	position:fixed;
	left:-170px;
	top:70px;
	width:250px;
	text-align:left;
	padding:0px;
	z-index:100;
	height:auto;
	overflow:auto;
	font-size:12px;
}
#infopage-navigation ul {
	margin:0 0 0 0;
	padding:0;
	color:#FFFFFF;
	list-style-type:none;
}
#infopage-navigation li {
	margin:0;
	padding:0;
}
#infopage-navigation li ul li {
	margin-bottom:0px;
	margin-top:4px;
	white-space:nowrap;
	clear:left;
}
#infopage-navigation a {
	padding:0;
	font-family:'Intro_Bold';
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	line-height:140%;
	display:block;
	height:32px;
	line-height:32px;
	text-transform:uppercase;
	max-width:10px;
	max-width:1000px;
	text-align:right;
	float:left;
	clear:left;
	-webkit-transition:max-width 0.3s;
	transition:max-width 0.3s;
	margin-bottom:2px;
}	
#infopage-navigation ul li ul li a {
	height:22px;
	line-height:22px;
	text-transform:uppercase;
}	
#infopage-navigation li.current a {
	max-width:200px;
}
.very-small-screen #infopage-navigation li.current a {
	max-width:10px;
}
#infopage-navigation li ul {
	clear:left;
	max-height:1px;
	overflow:hidden;
	-webkit-transition:max-height 0.3s, padding-bottom 0.3s;
	transition:max-height 0.3s, padding-bottom 0.3s;
	padding-bottom:0;
}
#infopage-navigation li.current ul {
	max-height:1000px;
	padding-bottom:10px;
}
#infopage-navigation a span {
	display:block;
	float:right;
	background-color:rgba(0,0,0,0.5);
	padding:0 20px 0 10px;
	height:32px;
	text-align:right;
}
#infopage-navigation li ul li a span {
	display:block;
	background-color:rgba(255,255,255,1) !important;
	color:#000000;
	float:right;
	height:22px;
	font-size:11px;
}	
#infopage-navigation li.current a span {
	background-color:rgba(0,0,0,1);
}
#infopage-navigation:hover a {
	max-width:200px;
}
.very-small-screen #infopage-navigation:hover li.current a {
	max-width:200px;
}
#infopage-wrapper .iScrollIndicator {
	background-color:#000000;
	cursor:pointer;
}


/* ------------------------------------------------------------ SATRT FULLSCREEN ALERT */

div.start-fullscreen {
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	width:360px;
	height:160px;
	padding:20px;
	margin-left:-200px;
	margin-top:-100px;
	z-index:2000;
	background-color:#FFFFFF;
}

div.start-fullscreen p {
	margin:0;
	padding:0;
	font-family: 'Intro_Book';
	font-size:16px;
	line-height:20px;
	text-transform:none;
}

div.start-fullscreen ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	bottom:20px;
	right:20px;
}

div.start-fullscreen ul li {
	float:left;
	margin-left:10px;
}

div.start-fullscreen ul li a {
	display:block;
	background-color:#000000;
	color:#FFFFFF;
	text-decoration:none;
	padding:6px 10px;
	font-size:16px;
}




div.screen-width-to-small {
	display:none;
	background-color:#000000;
	color:#FFFFFF;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:10000;
}

body.screen-width-to-small div.screen-width-to-small {
	display:block;
}

div.screen-width-to-small div.help-text {
	height:200px;
	width:300px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-150px 0 0 -150px;
}
div.screen-width-to-small div.help-icon {
	height:150px;
	width:150px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-40px 0 0 -75px;
	background:url(/_img/_layout/rotate-tablet.svg) no-repeat 0 0;
}

div.screen-width-to-small div.help-text h2 {
	font-family:'Intro_Book';
	font-size:16px;
	letter-spacing:4px;
	font-weight:normal;
}

div.screen-width-to-small div.help-text p {
	font-family:'Intro_Book';
	font-size:13px;
	letter-spacing:3px;
	text-transform:none;
}

div.screen-width-to-small div.help-text a {
	display:block;
	padding:5px 10px 5px 10px;
	background:#FFFFFF;
	margin:10px 0 10px 0;
	color:#B71331;
	text-decoration:none;
	font-family:'Intro_Bold';
}


/* --------------------------------------------------------- Meta Nav */
.meta-nav {
	position:absolute;
	bottom:-50px;
	right:0;
	font-size:9px;
	padding:6px;
	font-weight:bold;
	transition:bottom 0.3s;
}
.meta-nav.visible {
	bottom:0;
}
.meta-nav a {
	color:#000;
	text-decoration:none;
	display:inline-block;
	background:#FFF;
	color:#000;
	padding:4px;
}

/* --------------------------------------------------------- Report Bug */

a.report-bug {
	display:block;
	position:fixed;
	right:0;
	bottom:0;
	z-index:9999;
	color:#333333;
	font-size:12px;
	text-decoration:none;
	height:32px;
	line-height:32px;
	font-family: 'Intro_Bold';
	text-align:left;
	padding:0 15px 0 36px;
	background:#FFFFFF url(/_img/_layout/icon_bug.svg) no-repeat 0 0;
}