body { background:url(bilder/sd-hintergrund.jpg) no-repeat center center fixed; font:300 14px/21px Arial, Helvetica, sans-serif;  font-family: 'Roboto', sans-serif;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;}
body.contentpane { background:#fff;}

@keyframes rotate
{
0%   {transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
    }
100% {transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
    }
}
.sd-dreh-logo{
    font-size:25px;
    background: #353F47;
    color:#FFF;
    height: 200px;
    width:200px;
    border-radius:150px;
    line-height: 100px;
    text-align:center;
    color: #FFF;
    position: relative;
    display: inline-block;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
    text-shadow:1px 1px 1px #999;
    -webkit-animation:rotate linear 4s infinite;
    animation:rotate linear 4s infinite;
    -webkit-perspective:500px; /* Chrome, Safari, Opera  */
    perspective:500px;
    margin-top: 20px;
	opacity: 0.8;
}

.sd-dreh-logo img{
	
    font-size:14px;
    position: absolute;
   /* width: 100%;*/
    text-align: center;
    bottom:70px;
    line-height: 16px;
    left: 30%;
    backface-visibility:visible;
    -webkit-backface-visibility:visible; /* Chrome, Safari, Opera */
    backface-visibility:visible;
}
.sd-dreh-logo span{
    font-size:16px;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom:30px;
    line-height: 16px;
    left: 0;
    backface-visibility:visible;
    -webkit-backface-visibility:visible; /* Chrome, Safari, Opera */
    backface-visibility:visible;
}
.ueberschriftcontainer {
	border:solid 1px #D0CBCB;
	border-radius:5px;
	max-width:550px;
	padding:5px;
	background: #ffffff;
	opacity: 0.7;
	
	-webkit-box-shadow: 0px 0px 15px 5px rgba(114,112,112,0.83);
box-shadow: 0px 0px 15px 5px rgba(114,112,112,0.83);
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}