@charset "UTF-8";



body {

	
	background-image: url(/bg-ger.gif);
	position: static;
	
	
	
}


.hmtl {scroll-behaviour: smooth;}

.booklet {
	white-space: nowrap;
	position: relative;
	cursor: pointer;
	width: 100%;
	height: 100%;
}
.arrows {
	text-align: right;
	font-weight: bolder;
	font-size: 65px;
	position: fixed;
	top: 50%;
	color: rgba(0,10,255,1.00);
	left: 91%;
	text-shadow: 0 0;
	z-index: 4;
}
#1 {
}
#2 {
}
#3 {
}
#4 {
}

#5 {
}
#6 {
}
#7 {
}
#8 {
}
#9 {
}
#10 {
}
#11 {
}
img {
	width: 100%;
	margin: 0px;
	height: auto;
	opacity: 1;
}

.player {
	position: fixed;
	z-index: 3;
}
#explain {
	color: rgba(0,10,255,1.00);
	position: fixed;
	z-index: 3;
	margin-left: 45%;
	margin-top: -21%;
	background-color: rgba(255,255,255,0.61);
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	-webkit-transition: opacity 0.4s ease-in;
	transition: opacity 0.4s ease-in;
	cursor: pointer;
}
:-webkit-full-screen .tohide {
  display: none;
}
:-moz-full-screen .tohide {
  display: none;
}
:-ms-fullscreen .tohide {
  display: none;
}
:fullscreen .tohide {
  display: none;
}



:-webkit-full-screen .toshow{
  display: block;
}
:-moz-full-screen .toshow {
  display: block;
}
:-ms-fullscreen .toshow {
  display: block;
}
:fullscreen .toshow {
  display: block;
}

.tohide {
}
:-webkit-full-screen #sc {
  height: 100% !important;
  bottom: auto;
}
:-moz-full-screen #sc {
  height: 100% !important;
  bottom: auto;
}
:-ms-fullscreen #sc {
  height: 100% !important;
  bottom: auto;
}
:fullscreen #sc {
  height: 100% !important;
  bottom: auto;
}
#sc {
	bottom: 0%;
	height: auto;
}
.auto {
	width: 100%;
	height: auto;
}

button {
}
.toshow {
	display: none;
}
.closer {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0%;
	display: none;
	z-index: 2;
}
.tohide2 {
	opacity: 0.21;
}
a {
	text-decoration: none;
}
a:visited {
	color: rgba(0,10,255,1.00);
}
a:active {
	color: rgba(0,10,255,1.00);
	font-style: italic;
}
#15 {
	bottom: 402px;
}
.cursor {
}
body {
}