.chinesischdrehen {
  padding:0;
  margin:20px;
  margin-right: auto;
  margin-left: auto;
 
  width:100%;
  display:block;
}
.chinesischdrehen img{
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
 
  -o-transition: 0.70s;
  width: 200px;
  height: auto;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.chinesischdrehen img:hover{
 transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
 
  -o-transition: 0.70s;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

a.infobox {border-bottom: 1px dashed #000; text-decoration:none; }
a.infobox:hover {cursor:help; color:#000; background:white; }
a.infobox span {visibility:hidden; position: relative; text-decoration:none; }
a.infobox:hover span, a.infobox:focus span, a.infobox:active span {
    visibility:visible; left:0;
    border:1px solid #333; color:#333; background:#D8E8E9; padding:30px;}