*, *:before, *:after
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}
html
{
	position:fixed;
	height:100vh;
	width:100vw;
}
body
{
	font-family:Candara, Arial;
	font-size:100%;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:black;
	background-image:url('../img/background.jpg?V=156');
	background-size:100% 100%;
	background-repeat:no-repeat;
	border:none;
	margin:0;
	padding:0;
	overflow:hidden;
	color:#404040;
}
div.main
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
	background:none;
	margin:0;
	padding:0;
	overflow:hidden;
	color:#404040;
	-webkit-transition:top 500ms ease;
	transition:top 500ms ease;
}
div#vollbild
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:black;
	margin:0;
	padding:0;
	text-align:center;
	z-index:0;
	opacity:0;
	visibility:hidden;
	display:none;
	cursor:pointer;
	-webkit-transition:opacity 500ms ease;
	transition:opycity 500ms ease;
}
div#holder
{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:none;
	margin:0;
	padding:0;
	background-color:black;
	background-image:url('');
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
}
div.installinlay
{
	position:relative;
	top:.1em;
	min-width:320px;
	max-width:600px;
	height:13em;
	background-color:#2d4a5e;
	color:white;
	margin:0;
	padding:.3em 1em;
	border:1px solid #ffffff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	display:inline-block;
}
div.implink
{
	position:fixed;
	right:8px;
	bottom:8px;
	background:none;
	color:#507090;
	font-size:80%;
	cursor:pointer;
	z-index:100;
}
div.imptext
{
	position:fixed;
	right:8px;
	bottom:8px;
	width:auto;
	height:auto;
	margin:0;
	padding:.5em 1em;
	background-color:#f8f8f8;
	color:#606060;
	font-size:80%;
	border:1px solid #0000a0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow: 0px 0px 6px 0px #000000; 
	box-shadow: 0px 0px 6px 0px #000000;
	z-index:101;
	display:none;
	visibility:hidden;
	opacity:0;
	-webkit-transition:opacity 300ms ease;
	transition:opycity 300ms ease;
}
a.imptext
{
	text-decoration:none;
	color:#3030e0;
}
div.imageholder
{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	padding:0;
	margin:0;
	background:none;
	-webkit-transition:top 500ms ease, left 500ms ease;
	transition:top 500ms ease, left 500ms ease;
}
div#imagecenter
{
	position:absolute;
	padding:0;
	margin:0;
	background:none;
	-webkit-transition:500ms ease;
	transition:500ms ease;
}
div.linkwindow
{
	position:absolute;
	margin:0;
	padding:0;
	background:none;
	cursor:pointer;
	text-align:center;
}
div.number
{
	position:absolute;
	top:20%;
	left:0;
	width:100%;
	height:60%;
	padding:0;
	margin:0;
	background:none;
	opacity:0;
	color:white;
	-webkit-transition:opacity 200ms;
	transition:opacity 200ms;
}
div.menutext
{
	color:#b4986f!important;
}
#cTage
{
	text-align:right;
}
#cStunden
{
	text-align:right;
}
#cMinuten
{
	text-align:right;
}
#cSekunden
{
	text-align:right;
}
@media screen and (orientation: portrait)
{
	div.installapp
	{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:14.1em;
		background:none;
		margin:0;
		padding:0;
		visibility:hidden;
		display:none;
		text-align:center;
		-webkit-transition:top 500ms ease;
		transition:top 500ms ease;
	}
	img.squeezable
	{
		position:absolute;
		top:-20%;
		left:-25%;
		width:155%;
		height:150%;
		z-index:5;
	}
	img.squeezable1
	{
		position:absolute;
		top:-20%;
		left:-25%;
		width:155%;
		height:150%;
		z-index:6;
	}
	div#linkcover
	{
		position:absolute;
		top:-20%;
		left:-25%;
		width:155%;
		height:150%;
		background:none;
		z-index:8;
	}
	img.squeezable2
	{
		position:absolute;
		top:2%;
		left:0;
		position:absolute;
		opacity:.5;
		width:100%;
		height:100%;
		z-index:3;
	}
	img.squeezable3
	{
		position:absolute;
		top:7%;
		left:19%;
		position:absolute;
		width:100%;
		height:100%;
		z-index:4;
	}
	img.squeezable4
	{
		position:absolute;
		top:-20%;
		left:-25%;
		width:155%;
		height:150%;
		opacity:.4;
		z-index:7;
	}
	div.countdown
	{
		position:fixed;
		bottom:1em;
		left:0;
		max-width:600px;
		height:auto;
		background:none;
		color:white;
		opacity:.5;
		margin:0;
		padding:0;
		font-size:140%;
		font-weight:400;
		font-style:italic;
		display:none;
		z-index:99;
	}
	div.suchen
	{
		position:absolute;
		top:20%;
		left:0;
		width:100%;
		height:80%;
		opacity:0;
		color:#ffd595;
		font-size:120%;
		text-align:center;
		-webkit-transition:opacity 500ms;
		transition:opacity 500ms;
		z-index:1;
		overflow-x:hidden;
		overflow-y:auto;
		-webkit-overflow-scrolling: touch;
	}
	div.schrift
	{
		position:absolute;
		top:20%;
		left:0;
		width:100%;
		height:80%;
		opacity:0;
		color:#ffd595;
		font-size:120%;
		-webkit-transition:opacity 500ms;
		transition:opacity 500ms;
		z-index:2;
		overflow-x:hidden;
		overflow-y:auto;
		-webkit-overflow-scrolling: touch;
	}
	div.sternbild
	{
		position:absolute;
		top:20%;
		left:1%;
		width:52%;
		height:20%;
		background-image:url('');
		background-size:contain;
		background-repeat:no-repeat;
		opacity:0;
		-webkit-transition:opacity 300ms;
		transition:opacity 300ms;
		z-index:0;
		overflow:hidden;
	}
	h3.text
	{
		padding-right:1em;
		margin:0;
		text-align:right;
		font-weight:300;
		font-size:90%;
		margin:15% 0 12% 0;
	}
	h3.autor
	{
		padding:1em 1em 1em 0;
		margin:0;
		text-align:right;
		font-weight:300;
		font-size:90%;
	}
	div.schatten
	{
		position:absolute;
		top:19%;
		left:0;
		width:100%;
		height:32px;
		background-color:transparent;
		background-image:url('../img/schatten.png?V=156');
		background-size:100% 100%;
		background-repeat:no-repeat;
		opacity:0;
		-webkit-transition:opacity 500ms;
		transition:opacity 500ms;
		z-index:3;
		overflow:hidden;
	}
	iframe.videoplay
	{
		position:absolute;
		top:22%;
		left:0;
		width:100%;
		height:78%;
		opacity:0;
		-webkit-transition:opacity 500ms;
		transition:opacity 500ms;
		z-index:0;
		overflow:hidden;
	}
	img.squeezable0
	{
		position:relative;
		width:80%;
		height:auto;
		margin:auto 0;
		z-index:1;
	}
}
@media screen and (orientation: landscape)
{
	div.installapp
	{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:14.1em;
		background:none;
		margin:0;
		padding:0;
		visibility:hidden;
		display:none;
		text-align:center;
		-webkit-transition:top 500ms ease;
		transition:top 500ms ease;
	}
	img.squeezable
	{
		position:absolute;
		top:-20%;
		left:-25%;
		width:155%;
		height:150%;
		z-index:5;
	}
	img.squeezable1
	{
		position:absolute;
		top:-20%;
		left:-25%;
		width:155%;
		height:150%;
		z-index:6;
	}
	div#linkcover
	{
		position:absolute;
		top:-20%;
		left:-25%;
		width:155%;
		height:150%;
		background:none;
		z-index:8;
	}
	img.squeezable2
	{
		position:absolute;
		top:2%;
		left:0;
		position:absolute;
		opacity:.5;
		width:100%;
		height:100%;
		z-index:3;
	}
	img.squeezable3
	{
		position:absolute;
		top:7%;
		left:19%;
		position:absolute;
		width:100%;
		height:100%;
		z-index:4;
	}
	img.squeezable4
	{
		position:absolute;
		top:-20%;
		left:-25%;
		width:155%;
		height:150%;
		opacity:.4;
		z-index:7;
	}
	div.countdown
	{
		position:fixed;
		top:4px;
		left:0;
		max-width:600px;
		height:auto;
		background:none;
		color:white;
		opacity:.5;
		margin:0;
		padding:0;
		font-size:140%;
		font-weight:400;
		font-style:italic;
		display:none;
		z-index:99;
	}
	div.suchen
	{
		position:absolute;
		top:5%;
		left:22%;
		width:78%;
		height:95%;
		opacity:0;
		color:#ffd595;
		font-size:120%;
		text-align:center;
		-webkit-transition:opacity 500ms;
		transition:opacity 500ms;
		z-index:1;
		overflow-x:hidden;
		overflow-y:auto;
		-webkit-overflow-scrolling: touch;
	}
	div.schrift
	{
		position:absolute;
		top:0;
		left:22%;
		width:78%;
		height:100%;
		opacity:0;
		color:#ffd595;
		font-size:120%;
		-webkit-transition:opacity 500ms;
		transition:opacity 500ms;
		z-index:2;
		overflow-x:hidden;
		overflow-y:auto;
		-webkit-overflow-scrolling: touch;
	}
	div.sternbild
	{
		position:absolute;
		top:10em;
		left:1%;
		width:20%;
		height:40%;
		opacity:0;
		background-image:url('');
		background-size:contain;
		background-repeat:no-repeat;
		-webkit-transition:opacity 300ms;
		transition:opacity 300ms;
		z-index:0;
		overflow:hidden;
	}
	h3.text
	{
		padding:1em 1em 1em 0;
		margin:0;
		text-align:right;
		font-weight:300;
		font-size:90%;
		margin:0;
	}
	h3.autor
	{
		padding:1em 1em 1em 0;
		margin:0;
		text-align:right;
		font-weight:300;
		font-size:90%;
	}
	div.schatten
	{
		position:absolute;
		top:0;
		left:0;
		width:0;
		height:0;
		background:none;
		opacity:0;
		z-index:0;
		overflow:hidden;
	}
	iframe.videoplay
	{
		position:absolute;
		top:0;
		left:22%;
		width:78%;
		height:100%;
		opacity:0;
		background-color:black;
		-webkit-transition:opacity 500ms;
		transition:opacity 500ms;
		z-index:0;
		overflow:hidden;
	}
	img.squeezable0
	{
		position:relative;
		width:auto;
		height:80%;
		margin:auto 0;
		z-index:1;
	}
	img.squeezable0t
	{
		position:relative;
		width:20%;
		height:auto;
		margin:auto 0;
		z-index:1;
	}
}
@media all and (display-mode:standalone)
{
	div.installapp
	{
		display:none;
		cursor:none;
	}
}
div.mediacover
{
	position:absolute;
	top:20px;
	left:10px;
	width:auto;
	height:48px;
	opacity:0;
	color:white;
	-webkit-transition:opacity 1000ms;
	transition:opacity 1000ms;
	z-index:4;
	overflow:hidden;
	visibility:hidden;
	display:none;
}
td.media
{
	width:48px;
	height:48px;
	background-image:url('../img/video.png?V=156');
	background-size:cover;
	opacity:1;
	color:white;
	cursor:pointer;
}
td.whatmedia
{
	width:auto;
	height:48px;
	background:none;
	opacity:1;
	color:#ffdf68;
}
p.text
{
	padding:.5em 1em;
	margin:0;
}
p.link
{
	padding:.5em 1em;
	color:#6b919c;
	cursor:pointer;
	margin:0;
}
h2.text
{
	font-size:140%;
	padding:1em 0;
	margin:0;
	text-align:center;
}
h4.impressum
{
	padding:1em 1em 1em 0;
	margin:0;
	color:#a3c0ce;
	text-align:right;
	font-weight:300;
	font-size:75%;
}
a.impressum
{
	text-decoration:none;
	color:#a3c0ff;
	font-weight:300;
}
div.show
{
	cursor:pointer;
	/*border:1px solid white;*/
}
#snackbar
{
	position:fixed;
	top:40%;
	left:0;
	width:100%;
	height:auto;
	background-color:#081e30;
	color:#f0fff0;
	text-align:center;
	margin:0;
	padding:32px 16px;
	border:2px solid red;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	opacity:0;
	-webkit-transition:opacity 500ms ease-in-out;
	transition:opacity 500ms ease-in-out;
	z-index:0;
	cursor:pointer;
	display:none;
}
div.version
{
	position:fixed;
	z-index:100;
	opacity:0.3;
	color:white;
	background:none;
	bottom:8px;
	left:8px;
	width:auto;
	height:auto;
	font-size:65%;
}