@import url('https://fonts.googleapis.com/css?family=Uncial+Antiqua');

#c-inner {
width:100%;
max-width:61vw;
height:100%;
margin:0 auto;
}
.c-outer {
width:100%;
height:22vw;
background:#fff;
}
.penta-home {
    height: 18vw;
    max-width: 100%;
    margin: 2vw;
  float: left;
}
.c-claim {
    font-size: 3vw;
    float: left;
    margin-top: 8vw;
font-family: 'Uncial Antiqua', cursive;
text-shadow: #aaa 0 0 10px;
}
#pent,#pent2 {
position:absolute;
width:100%;
height:100%;
}
#septem {
 float: left;
    margin-top: 6vw;
    margin-left: 3vw;
    height: 9vw;
    width: 9vw;
    position: relative;
}
#pent {
   /* width: 100px;
    height: 100px;*/
   
    position: relative;
    -webkit-animation: myfirst2 40s linear 0s infinite normal; /* Chrome, Safari, Opera */
    animation: myfirst2 40s linear 0s infinite normal;
}
#pent2 {
  position:absolute;
  left:0;
  top:0;
    -webkit-animation: rotsep 30s linear 0s infinite normal; /* Chrome, Safari, Opera */
    animation: rotsep 30s linear 0s infinite normal;
  }
/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst2 {
    0%   {transform: rotateZ(0deg);}
    100% {transform: rotateZ(360deg);}
}

/* Standard syntax */
@keyframes myfirst2 {
   0%   {transform: rotateZ(0deg);}
    100% {transform: rotateZ(360deg);}
}

@keyframes rotsep {
   0%   {transform: rotateZ(0deg);}
    100% {transform: rotateZ(360deg);}
}
#singlesign {
background:url(https://magische-siegel.de/wp-content/uploads/tattwas/5.png);
    height: 2.5vw;
    position: absolute;
    width: 2.5vw;
    top: 3.2vw;
    left: 3.3vw;
background-size:contain;
}
.so-widget-sow-button  a{
color:#fff !important;
}
#footer-widget nav-item:hover{
background:transparent !important;
}
.mobile-header {
display:none;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.mobile-header h1 {
text-align:center;
font-family:'Uncial Antiqua', cursive;
padding:56px 0 51px;
}
.mobile-header img {
max-width:110px;
}
@media only screen and (max-width: 768px) {
.c-outer {
display:none;

}
.mobile-header {
display:flex;
}

}