@charset "UTF-8";
/* CSS chroall #FFF8DC*/

body { 
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif;
}
.container{	position:fixed;}
#chro-canvas {
	position:absolute; 
	top:15vw; 
	left:22.4vw;
	width:7.6vw;
}
.dreieck {
	position:absolute; 
	top:25.5vw;	
	left:24.4vw; 
	width:4vw;
	z-index:2; 
}
#pendulo {
	position:absolute;
	left:26.3vw;
	top:29.8vw;
	-webkit-animation:movi ease-in-out 1s infinite;
	-webkit-transform-origin:50% 0%;
	-webkit-animation-direction:alternate;
}
#largero {
	position:absolute; 
	top:1vw; 
	left:-0.3vw; 
	width:0.4vw; 
	height:9.3vw; 
	background-color:#FF0;
	z-index:1;
}
#kreis {
	position:absolute; 
	top:9.3vw; 
	left:-1.1vw; 
	width:2vw; 
	height:2vw;	
	border-radius:3vw;
	background-color:#666666;
	z-index:2;
}
@-webkit-keyframes movi { 
	0% { -webkit-transform:rotate(-8deg);} 
	100% { -webkit-transform:rotate(8deg);}
}
@keyframes movi { 
	0% { -webkit-transform:rotate(-8deg);} 
	100% { -webkit-transform:rotate(8deg);}
}
#cont-1 { 
	position:fixed;
	top:0; 
	width:100vw; 
	height:100vh; 
	cursor:pointer; 
	display:none; 
	background-color:#FFF8DC;
	z-index:1;
}
#cont-2 { 
	position:fixed; 
	top:0; 
	width:100vw; 
	height:100vh; 
	cursor:pointer; 
	display:none; 
	background-color:#FFF8DC;
	z-index:1;
}
#cont-3 { 
	position:fixed; 
	top:0; 
	width:100vw; 
	height:100vh; 
	cursor:pointer; 
	display:none; 
	background-color:#FFF8DC;
	z-index:1;
}
#cont-4 { 
	position:fixed; 
	top:0; 
	width:100vw; 
	height:100vh; 
	cursor:pointer; 
	display:none; 
	background-color:#FFF8DC;
	z-index:1;
}
#cont-5 { 
	position:fixed; 
	top:0; 
	width:100vw; 
	height:100vh; 
	cursor:pointer; 
	display:none; 
	background-color:#FFF8DC;
	z-index:1;
}
#cont-6-1 { 
	position:fixed; 
	top:0; 
	width:100vw; 
	height:100vh; 
	cursor:pointer; 
	display:none; 
	background-color:#FF9;
	z-index:1;
}
#cont-6-2-3 { 
	position:fixed; 
	top:0; 
	width:100vw; 
	height:100vh; 
	cursor:pointer; 
	display:none; 
	background-color:#FF9;
	z-index:1;
}
#cont-6-4-5 { 
	position:fixed; 
	top:0; 
	width:100vw; 
	height:100vh; 
	cursor:pointer; 
	display:none; 
	background-color:#FF9;
	z-index:1;
}
#cont-6-6 { 
	position:fixed; 
	top:0; 
	width:100vw; 
	height:100vh; 
	cursor:pointer; 
	display:none; 
	background-color:#FF9;
	z-index:1;
}
#cont-7 { 
	position:fixed; 
	top:0; 
	width:100vw; 
	height:100vh; 
	cursor:pointer; 
	display:none; 
	background-color:#FFF8DC;
	z-index:1;
}