.pacifico {text-align: center;font-family: "Pacifico", cursive;color: #FFFF00;font-size: xx-large;}
.myDiv6 {width:30px;text-align: center;font-size:x-large;color:blue;font-family: "Pacifico", cursive;}
.myDivrp {width:30px;text-align: center;font-size:x-large;color:blue;font-family: "Pacifico", cursive;}


/* Schrift Bibione */
        
#rotate-text {
position: fixed;
top: 70px; left: 25px;
color:blue;
font-family: "Pacifico", cursive;
font-size:40px;
text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px yellow,
0px 10px 10px yellow, 0px 0px 10px yellow, 0px 0px 10px yellow, 0px 0px 10px yellow,
0px 0px 10px yellow, 0px 0px 10px yellow;
width: 25px;
transform: rotate(-10deg);
}


/* LOGO Schrift */

.logo {
position: fixed; top: 15px; left: 30px;
width:30px; 
font-family: "Pacifico", cursive;
text-align: center;
font-size:x-large;
color:blue;}


.logo2 {
position: fixed; top: 25px; left: 45px;
width:30px; 
font-family: "Pacifico", cursive;
text-align: center;
font-size:x-large;
color:blue;}




/* Kopf */


.auto-style1 {
text-align:center;
  background-color:blue;
  color: yellow;
}

.auto-style2 {
  font-family: Times New Roman;
  font-size:  large;
}

.auto-style3 {
  font-family: "Pacifico", cursive;
  font-size:  xx-large;
}


.home {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}



#back {
    position: fixed;
    border: 1px solid white;
    border-radius: 15px;
    bottom: 0px;
    right: 0px;
    background-color: blue;
	font-size:medium;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
    color:white;
    width: 48px;
    height: 48px;
}

.pfeilback {
	text-decoration: none;
			font-size:x-large;
			color:white;
}





/*  Logo Buchstaben RP */

.myDivrp {
position: fixed;
top: 17px; left: 30px;
width:30px; 
text-align: center;
font-size:x-large;
color:blue;}

.myDiv6 {
position: fixed;
top: 27px; left: 45px;
width:30px; 
text-align: center;
font-size:x-large;
color:blue;}








/* Sonne */

.view {
  position: fixed;
  top: 35;
  left: 25;
  perspective: 400;
}

.plane {
  width: 50px;
  height: 50px;
  transform-style: preserve-3d;
}
.plane.main {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform: rotateX(60deg) rotateZ(-30deg);
  -webkit-animation: rotate 20s infinite linear;
          animation: rotate 20s infinite linear;
}
.plane.main .circle {
  width: 50px;
  height: 50px;
  position: absolute;
  transform-style: preserve-3d;
  border-radius: 150%;
  box-sizing: border-box;
  box-shadow: 0 0 25px yellow, inset 0 0 40px yellow;
}
.plane.main .circle:nth-child(1) {
  transform: rotateZ(72deg) rotateX(63.435deg);
}
.plane.main .circle:nth-child(2) {
  transform: rotateZ(144deg) rotateX(63.435deg);
}
.plane.main .circle:nth-child(3) {
  transform: rotateZ(216deg) rotateX(63.435deg);
}
.plane.main .circle:nth-child(4) {
  transform: rotateZ(288deg) rotateX(63.435deg);
}
.plane.main .circle:nth-child(5) {
  transform: rotateZ(360deg) rotateX(63.435deg);
}

@-webkit-keyframes rotate {
  0% {
    transform: rotateX(0) rotateY(0) rotateZ(0);
  }
  100% {
    transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);
  }
}

@keyframes rotate {
  0% {
    transform: rotateX(0) rotateY(0) rotateZ(0);
  }
  100% {
    transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);
  }