html {
  position: relative;
  min-height: 100%;
}

.header {
 min-height: 10rem;
}

#earth {
position:fixed;
left:0;
right:0;
margin: auto;
transform: translateX(-50%);
width: 300px;
height: 300px;
transition: transform 200ms linear;
animation: rotate 48s linear infinite;
color: #000;
border-radius: 50%;
background: url(../images/earth.jpg) 0 / 630px repeat;
box-shadow: 20px 0 30px 6px rgba(0, 0, 0, 1) inset, 0px 0px 20px rgba(82, 168, 236, 0.6);
transform-style: preserve-3d;
z-index:0;
transform: scale(1.7);
}

#earth:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
border-radius: 50%;
box-shadow: -50px 15px 80px 10px rgba(0,0,0,.9) inset;
}

#earth:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
opacity: .2;
border-radius: 50%;
background: radial-gradient(circle at 100px 100px, #fff, #000);
}

.logo{
position: relative;
padding-top:25px;
text-align:center;
z-index:1;
}
.logo>h1{
color:white;
text-transform: uppercase;
font-size:50px;
font-weight: bold;
font-family:"Comic Sans MS",Verdana,Helvetica; 
}

#subheader
{
position: absolute;
top:120px;
background-color: transparent;
width: 100%;
height: 20px;
font-size:12px;
text-align:center;
color:white;
font-weight: bold;
font-family:"Comic Sans MS",Verdana,Helvetica;
padding: 0;
border-radius: 15px 15px 15px 15px;
}

.marquee {
 height: 20px;
 padding: 2px;
 overflow: hidden;
 white-space: nowrap;
}

.footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 60px;
  line-height: 60px;
}

.spiegeln {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: "FlipH";
	filter: FlipH;
}

#particles-js {
  position: fixed;
  width: 100%;
  height: 100%;
}

.dropdown:hover>.dropdown-menu{
  display:block;
}