body {
  padding-top: 0px;
  overflow:hidden;
}
.clear {
  clear: both;
}

#f1_container {
  position: relative;
  /* margin: 10px auto; */
  margin: 10px auto 0 50px;
  width: 898px;
  height: 640px;
  z-index: 1;
}
#f1_container {
  perspective: 1000;
}
#f1_card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 1.0s linear;
}
#f1_container:hover #f1_card {
  transform: rotateY(180deg);
  1box-shadow: -5px 5px 5px #aaa;
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.face.back {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 0px;
  color: white;
  text-align: center;
  background-color: #aaa;
}

footer {
  margin-top: 20px;
  padding-top: 10px;
}

#footerLinks h2 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.4;
}
#footerLinks ul {
  list-style-type: none;
  margin-left: 0;
}
#footerBottom {
  text-align: center;
}

#teil1 {
    position: fixed;
    width: 80px; 
    height: 47px;
    top:80%; 
    right: 100px;
	background-image:url('../img/arrows-hand-clear-pointer-right.png');
	z-index:100;
}
	
#teil1:hover {
	-webkit-box-shadow: 0px 0px 15px 10px rgba(255, 255, 255, .75);
	box-shadow: 0px 0px 15px 10px rgba(255, 255, 255, .75);
}
	
#teil1 {
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 185, 233, .75);
	box-shadow: 0px 0px 15px 5px rgba(0, 185, 233, .75);
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	border-radius:60%;
}

#flip2 {
    position: fixed;
    width: 80px; 
    height: 47px;
    top:60%; 
    right: 100px;
	/* position:absolute;
	top:510px;
	right:140px; */
	width:92px;
	height:92px;
	background-image:url('../img/ma21-about-icon.png');
    padding: 0px;
    z-index:10;
}

#panel2 {
	position:fixed;
	top:80px;
	right:70px;
	width:280px;
	height:290px;
	margin-top:0px;
    background-image:url('../img/notizzettel02.png');
    /* padding-top: 0px;
    text-align: center;
    background-color: #e5eecc; 
    border: solid 50% #c3c3c3;
    background-size:cover;
    -moz-box-shadow: 10px 10px 20px #000000;
    -webkit-box-shadow: 10px 10px 20px #000000;
    box-shadow: 10px 10px 20px #000000; */
    z-index:100;
    display: none;
}

footer {
  position: fixed;
  left:0;
  bottom:0;
  width: 100%;
  height: 24px;
  background: rgba(0,0,0,0.8);
  z-index: 1000;
  
  -o-box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
  -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
  -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
  box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
}

footer p {
  margin: 0px 0 0 20px;
  font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-size:16px;
  line-height:18px;
}

footer img {
	position:absolute;
  	left: 20px;
  	bottom:10px;
}

footer a{
	color:white;
	text-decoration:none;
}