* {
  margin:0;
  padding:0;
}

a {
  font-family: arial, verdana, tahoma, helvetica, sans-serif;
}

a:link { color:#000000; text-decoration:none; }
 
a:visited { color:#000000; text-decoration:none; }
 
a:focus { color:#979797; text-decoration:none; }
 
a:hover { color:#979797; text-decoration:none;  opacity:0.5; }
 
a:active { color:#979797; text-decoration:none; }

span {
  font-family: arial, verdana, tahoma, helvetica, sans-serif;
  font-size:2vh;
}

p {
  font-family: arial, verdana, tahoma, helvetica, sans-serif;
  font-size:2vh;
}

ul {
  font-family: arial, verdana, tahoma, helvetica, sans-serif;
}

li {
  font-family: arial, verdana, tahoma, helvetica, sans-serif;
}

h1 {
  font-family: arial, verdana, tahoma, helvetica, sans-serif;
  font-size: 3vw;
}

h2 {
  font-family: arial, verdana, tahoma, helvetica, sans-serif;
  font-size: 2.5vw;
}

h3 {
  font-family: arial, verdana, tahoma, helvetica, sans-serif;
  font-size: 2vw;
}

h4 {
  font-family: arial, verdana, tahoma, helvetica, sans-serif;
  font-size: 1.75vw;
}

h5 {
  font-family: arial, verdana, tahoma, helvetica, sans-serif;
  font-size: 1.5vw;
}

h6 {
  font-family: arial, verdana, tahoma, helvetica, sans-serif;
  font-size: 1.25vw;
}

h7 {
  font-family: arial, verdana, tahoma, helvetica, sans-serif;
  font-size: 1vw;
}

h8 {
  font-family: arial, verdana, tahoma, helvetica, sans-serif;
  font-size: 0.75vw;
}

h9 {
  font-family: arial, verdana, tahoma, helvetica, sans-serif;
  font-size: 0.5vw;
}
.anchor{
  display: block;
  position: relative; 
  top: 320px;
}

html {
}


body {
position: absolute;
  background-Color:#000000;
  overflow-y:hidden;
  overflow-x:hidden;
  top: 0px;
  bottom: 0px;
  left:0px;
  right:0px;
}

div#main {
  position: absolute;
  width:100%;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  margin:auto;
}

div#Textbg{
  position: absolute;
  top:0px;
  bottom:0px;
  left:-70vw;
  right:0vw;
  background-repeat:no-repeat;
  background-size: 100vw;
  overflow: hidden;
  z-index:3;
  transition: all 0.5s;
  clip-path: polygon(23% 0, 100% 0, 100% 100%, 23% 100%);
  pointer-events: none;
}

div#Textbg3{
  position: absolute;
  top:0px;
  bottom:0px;
  left:0vw;
  right:0vw;
  overflow: hidden;
  z-index:3;
  transition: all 0.5s;
  clip-path: polygon(23% 0, 100% 0, 100% 100%, 23% 100%);
  pointer-events: none;
}

div#Textbg2{
  position: absolute;
  top:0px;
  bottom:0px;
  left:0%;
  right:0px;
  background-image:url(../images/MondsichelBG.svg);
  background-repeat:no-repeat;
  background-size: 100vw;
  overflow: hidden;
  z-index:3;
  pointer-events: none;
  transition: all 0.5s;
}
div#Hmenu{
  position: absolute;
  top:0px;
  bottom:0px;
  left:0%;
  right:0px;
  background-image:url(../images/Mondsichel.svg);
  background-repeat:no-repeat;
  background-size: 100vw;
  overflow: hidden;
  z-index:-1;
}

div#Hmenubg{
  position: absolute;
  top:0px;
  bottom:0px;
  left:-70vw;
  right:0vw;
  background-repeat:no-repeat;
  background-size: 100vw;
  overflow: hidden;
  z-index:-1;
  transition: all 0.5s;
}

div#Hmenubg1{
  position: absolute;
  top:0px;
  bottom:0px;
  left:0vw;
  right:0vw;
  background-repeat:no-repeat;
  background-size: 100vw;
  overflow: hidden;
  z-index:1;
  transition: all 0.5s;
}

div#Menueinblenten{
  width:9vw;
  height:9vw;  
}

div#MenuBackFeld3 {
  position: absolute;
  width:8vw;
  height:10vw;
  top:0vh;
  left:9vw;
  cursor: pointer;
  z-index:0;
}

div#Menubutton {
  position: absolute;
  width:8vw;
  height:8vw;
  top:2vh;
  left:71vw;
  cursor: pointer;
  z-index:-2;
}

div#Menubutton1 {
  position: absolute;
  width:8vw;
  height:8vw;
  top:2vh;
  left:1vw;
  cursor: pointer;
  z-index:-2;
}

div#MenuBackFeld4 {
  position: absolute;
  width:17vw;
  height:10vw;
  top:9vw;
  left:0vw;
  cursor: pointer;
  z-index:0;
}

div#FirmenMenu {
  position: absolute;
  bottom:2vw;
  right:2vw;
  width:40vw;
  height:8vh;
  text-align:right;
  z-index:1;
}

div#Linkmenu{
  position: absolute;
  bottom:2vw;
  left:2vw;
  width:55vw;
  height:8vh;
  text-align:right;
  z-index:3;
  transition: all 0.5s;

}

div#Linkmenu1{
  position: absolute;
  bottom:2vw;
  left:-52vw;
  width:55vw;
  height:8vh;
  text-align:right;
  z-index:3;
  transition: all 0.5s;
}

div#Linkmenu2{
  position: absolute;
  bottom:2vw;
  left:-52vw;
  width:55vw;
  height:8vh;
  text-align:right;
  z-index:-10;
  transition: all 0.5s;
}

div#MenuBackFeld1 {
  position: absolute;
  width:100vw;
  height:3vw;
  top:0vh;
  left:0vw;
  z-index:4;
}

div#MenuBackFeld2 {
  position: absolute;
  width:20vw;
  height:2vw;
  bottom:0vh;
  left:0vw;
  z-index:3;
}

div#MenuBackFeld5 {
  position: absolute;
  width:3vw;
  top:0vw;
  bottom:0vh;
  left:0vw;
  z-index:4;
}

div#text{
  position: absolute;
  top:20vh;
  bottom:15vh;
  left:0vw;
  right:1.5vw;
  overflow-y: scroll;
  overflow-x: hidden;
  transition: left 0.5s;
  z-index:2;
  padding-left:10vw;
  padding-right:2.5vw;
}

div#text1{
  position: absolute;
  top:20vh;
  bottom:15vh;
  left:20vw;
  right:1.5vw;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index:2;
  padding-left:10vw;
  padding-right:2.5vw;
  transition: left 0.5s;
}

div#text2{
  position: absolute;
  top:20vh;
  bottom:15vh;
  left:20vw;
  right:1.5vw;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index:2;
  padding-left:10vw;
  padding-right:2.5vw;
  transition: left 0.5s;
  border:solid 1px blue;
  display:none;
}

div#text3{
  position: absolute;
  top:40vh;
  bottom:17vh;
  left:30vw;
  right:30vw;
  overflow-y: hidden;
  overflow-x: hidden;
  z-index:500;
  padding-top:1vw;
  padding-bottom:2.5vw;
  padding-left:2.5vw;
  padding-right:2.5vw;
  border:solid 0.5vw #7d7d7d;
  box-shadow: -0.0vw -0.0vw 4vw silver;
    
  -webkit-border-top-right-radius: 4vh;
  -moz-border-radius-topright: 4vh;
  border-top-right-radius: 4vh;
  -webkit-border-top-left-radius: 4vh;
  -moz-border-radius-topleft: 4vh;
  border-top-left-radius: 4vh;
  -webkit-border-bottom-right-radius: 4vh;
  -moz-border-radius-bottomright: 4vh;
  border-bottom-right-radius: 4vh;
  -webkit-border-bottom-left-radius: 4vh;
  -moz-border-radius-bottomleft: 4vh;
  border-bottom-left-radius: 4vh;
  background-color: rgba(255, 255, 255, 0.75);
  
  transition: left 0.5s;  
} 

.bilderbox1 {
  border:solid 0.5vw #7d7d7d;
  box-shadow: -2vw 2vw 4vw Gray;
  
  -webkit-border-top-right-radius: 4vh;
  -moz-border-radius-topright: 4vh;
  border-top-right-radius: 4vh;
  -webkit-border-top-left-radius: 4vh;
  -moz-border-radius-topleft: 4vh;
  border-top-left-radius: 4vh;
  -webkit-border-bottom-right-radius: 4vh;
  -moz-border-radius-bottomright: 4vh;
  border-bottom-right-radius: 4vh;
  -webkit-border-bottom-left-radius: 4vh;
  -moz-border-radius-bottomleft: 4vh;
  border-bottom-left-radius: 4vh;
}

.bilderbox2 {
  border:solid 0.5vw #7d7d7d;
  box-shadow: 2vw 2vw 4vw Gray;
  
  -webkit-border-top-right-radius: 4vh;
  -moz-border-radius-topright: 4vh;
  border-top-right-radius: 4vh;
  -webkit-border-top-left-radius: 4vh;
  -moz-border-radius-topleft: 4vh;
  border-top-left-radius: 4vh;
  -webkit-border-bottom-right-radius: 4vh;
  -moz-border-radius-bottomright: 4vh;
  border-bottom-right-radius: 4vh;
  -webkit-border-bottom-left-radius: 4vh;
  -moz-border-radius-bottomleft: 4vh;
  border-bottom-left-radius: 4vh;
}

#Menueinblenten:hover #text{
  left:20vw;                                       
  z-index:2;
}

#Menueinblenten:hover #Hmenubg{
  left:0vw;
  z-index:1;
}

#Menueinblenten:active #Textbg{
  left:0vw;
}

#Menueinblenten:hover #Menubutton{
  left:-4vw;
}



#Menueinblenten:hover #Linkmenu1{
  left:-52vw;
}

div#Content{
  position: absolute;
  top:0vh;
  bottom:2vh;
  right:1vw;
  left:1vw;
  width:98vw;
  height:90vh;
  background-color:#c5bdbd;
  z-index:-4;
  -webkit-border-top-right-radius: 2vh;
  -moz-border-radius-topright: 2vh;
  border-top-right-radius: 2vh;
  -webkit-border-top-left-radius: 2vh;
  -moz-border-radius-topleft: 2vh;
  border-top-left-radius: 2vh;
  margin-top:1%;
}

div#Contentbg{
  position: absolute;
  top:0vh;
  bottom:0vh;
  right:0vw;
  left:20vw;
  z-index:1;
}

div#Logo {
  position: absolute;
  top:0;
  right:0;
  width:30%;
  height:25%;
  background-image:url(../images/MysticMindLogo.svg);
  background-repeat:no-repeat;
  background-size: 100%;
  margin:2%;
}

div#RundLogo {
  position: absolute;
  top:0vh;
  bottom:0vh;
  right:0vw;
  left:0vw;
  background-image:url(../images/RundLogo.svg);
  background-repeat:no-repeat;
  background-position: center 10vh;
  background-size: 52vh;
  z-index:-100;
}

div#ZusatzMenu {
  position: absolute;
  bottom:0vh;
  right:1vw;
  left:1vw;
  width:98vw;
  height:12vh;
  background-color:#727271;
  z-index:-3;
  -webkit-border-bottom-right-radius: 22vh;
  -moz-border-radius-bottomright: 2vh;
  border-bottom-right-radius: 2vh;
  -webkit-border-bottom-left-radius: 22vh;
  -moz-border-radius-bottomleft: 2vh;
  border-bottom-left-radius: 2vh;
  margin-bottom:1%;
  //Sbox-shadow: 0.5vw 0.5vw 4vw silver;
}

div#ZusatzMenuBG {
  position: absolute;
  bottom:0vh;
  right:1vw;
  left:1vw;
  width:98vw;
  height:12vh;
  background-color:#c5c6c6;
  z-index:-4;
  -webkit-border-bottom-right-radius: 2vh;
  -moz-border-radius-bottomright: 2vh;
  border-bottom-right-radius: 2vh;
  -webkit-border-bottom-left-radius: 22vh;
  -moz-border-radius-bottomleft: 2vh;
  border-bottom-left-radius: 2vh;
  margin-bottom:1%;
}

.Menubildon {
  margin-top:1vw;
  width:6vw;
  height:6vw;
  border:solid 0.5vw #d1d1d1;
  box-shadow: 0.5vw 0.5vw 1vw silver;
  -webkit-border-top-left-radius: 1.5vw;
  -moz-border-radius-topleft: 1.5vw;
  border-top-left-radius: 1.5vw;
  -webkit-border-top-right-radius: 6vw;
  -moz-border-radius-topright: 6vw;
  border-top-right-radius: 6vw;
  -webkit-border-bottom-left-radius: 6vw;
  -moz-border-radius-bottomleft: 6vw;
  border-bottom-left-radius: 6vw;
  -webkit-border-bottom-right-radius: 6vw;
  -moz-border-radius-bottomright: 6vw;
  border-bottom-right-radius: 6vw;
  background-color:#fff;
  //transition: width 1s, height 1s;
}

.Menubildoff {
  margin-top:1vw;
  width:6vw;
  height:6vw;
  border:solid 0.5vw #7d7d7d;
  box-shadow: 0.5vw 0.5vw 1vw black;
  -webkit-border-top-left-radius: 1.5vw;
  -moz-border-radius-topleft: 1.5vw;
  border-top-left-radius: 1.5vw;
  -webkit-border-top-right-radius: 6vw;
  -moz-border-radius-topright: 6vw;
  border-top-right-radius: 6vw;
  -webkit-border-bottom-left-radius: 6vw;
  -moz-border-radius-bottomleft: 6vw;
  border-bottom-left-radius: 6vw;
  -webkit-border-bottom-right-radius: 6vw;
  -moz-border-radius-bottomright: 6vw;
  border-bottom-right-radius: 6vw;
 //transition: width 1s, height 1s;
}

.FirmenMenubildon {
  position: relative;
  //width:13vh;
  //height:13vh;
  max-height:80vw;
  overflow-y:auto;
  overflow-x:hidden;
  bottom:0.5vh;
  box-shadow: 0.5vw 0.5vw 1vw silver;
 -webkit-border-top-left-radius: 10vh;
  -moz-border-radius-topleft: 10vh;
  border-top-left-radius: 10vh;
  -webkit-border-top-right-radius: 10vh;
  -moz-border-radius-topright: 10vh;
  border-top-right-radius: 10vh;
  -webkit-border-bottom-left-radius: 10vh;
  -moz-border-radius-bottomleft: 10vh;
  border-bottom-left-radius: 10vh;
  -webkit-border-bottom-right-radius: 10vh;
  -moz-border-radius-bottomright: 10vh;
  border-bottom-right-radius: 10vh;
}

.FirmenMenubildoff {
  position: relative;
  //width:13vh;
  //height:13vh;
  max-height:80vw;
  overflow-y:auto;
  overflow-x:hidden;
  bottom:0.5vh;
 -webkit-border-top-left-radius: 10vh;
  -moz-border-radius-topleft: 10vh;
  border-top-left-radius: 10vh;
  -webkit-border-top-right-radius: 10vh;
  -moz-border-radius-topright: 10vh;
  border-top-right-radius: 10vh;
  -webkit-border-bottom-left-radius: 10vh;
  -moz-border-radius-bottomleft: 10vh;
  border-bottom-left-radius: 10vh;
  -webkit-border-bottom-right-radius: 10vh;
  -moz-border-radius-bottomright: 10vh;
  border-bottom-right-radius: 10vh;
}

.SocialNetworkMenuon {
  position: relative;
  width:8vh;
  height:8vh;
  max-height:80vh;
  overflow:hidden;
  bottom:0.2vw;
  box-shadow: 0.5vw -0.5vw 1vw silver;
 -webkit-border-top-left-radius: 50vh;
  -moz-border-radius-topleft: 50vh;
  border-top-left-radius: 50vh;
  -webkit-border-top-right-radius: 50vh;
  -moz-border-radius-topright: 50vh;
  border-top-right-radius: 50vh;
  -webkit-border-bottom-left-radius: 50vh;
  -moz-border-radius-bottomleft: 50vh;
  border-bottom-left-radius: 50vh;
  -webkit-border-bottom-right-radius: 50vh;
  -moz-border-radius-bottomright: 50vh;
  border-bottom-right-radius: 50vh;
}

.SocialNetworkMenuoff {
  position: relative;
  width:8vh;
  height:8vh;
  max-height:80vh;
  overflow:hidden;
  bottom:0vw;
 -webkit-border-top-left-radius: 6vw;
  -moz-border-radius-topleft: 6vw;
  border-top-left-radius: 6vw;
  -webkit-border-top-right-radius: 6vw;
  -moz-border-radius-topright: 6vw;
  border-top-right-radius: 6vw;
  -webkit-border-bottom-left-radius: 6vw;
  -moz-border-radius-bottomleft: 6vw;
  border-bottom-left-radius: 6vw;
  -webkit-border-bottom-right-radius: 6vw;
  -moz-border-radius-bottomright: 6vw;
  border-bottom-right-radius: 6vw;
}

.MenubildonUmenu {
 width:30vw;
 height:3vw;
}

#MenubildoffUmenu {
 width:30vw;
 height:3vw;
}

#FirmenMenubildoffUmenu {
 position: absolute;
 margin-top:0vw;
 text-align:left;
 height:0vw;
 overflow:hidden;
}

.SocialNetworkMenuonUmenu {
  position: relative;
  width:6vw;
  max-height:80vw;
  overflow-y:auto;
  overflow-x:hidden;
  bottom:0vw;
  box-shadow: 0.5vw -0.5vw 1vw silver;
 -webkit-border-top-left-radius: 1vh;
  -moz-border-radius-topleft: 1vh;
  border-top-left-radius: 1vh;
  -webkit-border-top-right-radius: 1vh;
  -moz-border-radius-topright: 1vh;
  border-top-right-radius: 1vh;
  -webkit-border-bottom-left-radius: 1vh;
  -moz-border-radius-bottomleft: 1vh;
  border-bottom-left-radius: 1vh;
  -webkit-border-bottom-right-radius: 1vh;
  -moz-border-radius-bottomright: 1vh;
  border-bottom-right-radius: 1vh;
}

#SocialNetworkMenuoffUmenu {
  position: relative;
  width:6vw;
  max-height:80vw;
  overflow-y:auto;
  overflow-x:hidden;
  bottom:0vw;
}



/* width */
::-webkit-scrollbar {
  width: 0.2vw;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #000; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

hr.style-seven {
    overflow: visible;
    height: 3vw;
    border-style: solid;
    border-color: black;
    border-width: 0.1vw 0 0 0;
    border-radius: 2vw;
}
hr.style-seven:before {
    display: block;
    content: "";
    height: 3vw;
    margin-top: -3.1vw;
    border-style: solid;
    border-color: black;
    border-width: 0 0 0.1vw 0;
    border-radius: 2vw;
}

div#video {
	float:right;
	width:20vw;
	height:20vw;
}

/* A wrapper for your images to transition */
.transition-wrapper {
  position:relative;
  //height:300px;
  //width:300px;
  margin:0 auto;
}

/* Position each image and apply a transition */
.transition-wrapper img {
  position:absolute;
  left:2vw;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

/* Automatically hide an image during hover (to reveal the other one) */
.transition-wrapper img:last-of-type:hover {
  opacity:0;
}