hr {
float:top;
min-width : 100%;
	  border: 0; 
  height: 0.063em; 
  background-image: -webkit-linear-gradient(left, #ff3569, #ffe881, black);
  background-image: -moz-linear-gradient(left, #ff3569, #ffe881, black);
  background-image: -ms-linear-gradient(left, #ff3569, #ffe881, black);
  background-image: -o-linear-gradient(left, #ff3569, #ffe881, black);
  margin : 0 0 1em 0;
}

body {
font : normal normal 100.01% Helvetica, Arial, sans-serif;
color : black;
background-image : url(../image/xxx.jpg);
background-attachment : fixed;
min-width : 40em;
}
p {
margin : 3em 0 0 3em;
}
p a {
color : black;
}
html {
padding : 0;
}
body {
margin : 0;
padding : 0;
color : white;
}
html, body {
width : 100%;
height : 100%;
margin : 0;
padding : 0;
overflow : hidden;
}
#hintergrund {
width : 100%;
height : 100%;
position : relative;
z-index : 1;
}
#content {
padding : 15px 0;
background : radial-gradient(50% 50%, #bc915a, #fff);
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
z-index : 2;
overflow : auto;
}
header, nav, footer, article {
display : block;
}
#kasten {
max-width : 100%;
margin : 0 auto;
}
.zentriert {
max-width : 60%;
margin : 0 auto;
}
#logo {
opacity : 0.60000002384185791015625;
position : fixed;
margin : 0;
padding : 0.5%;
top : 0;
left : 0;
width : 100%;
height : auto;
list-style : none;
color : black;
border : #0d330a solid 1px;
box-shadow : 1px 2px 4px rgba(0, 0, 0, 0.2);
z-index : 1;
}
#logo h1 {
text-align : center;
padding : 0;
margin : 0;
margin-left : auto;
margin-right : auto;
color : #073a1e;
}
header, section  {
position : relative;
top : 3em;
left : 0;
width : auto;
min-height : 8em;
text-align : center;
line-height : 1.5;
padding : 2% 2% 2% 2%;
margin : 4em 0 2% 0;
background : #073a1e;
border : #0d330a solid 1px;
border-radius : 0;
box-shadow : 1px 2px 4px rgba(0, 0, 0, 0.2);
z-index : 2;
}
header h1 {
text-align : center;
}
nav {
list-style : none;
max-width : 35%;
margin : 4% 0 0 0;
padding : 2.5em 0 0 0;
z-index : 1;
}
nav ul {
margin : 0;
padding : 0;
}
a:link {
color : black;
}
a:visited {
color : black;
}
article {
position : relative;
float : right;
width : 64%;
text-align : center;
margin : 2% 0 2% 0;
padding : 2%;
padding : 2% 2% 2% 2%;
margin : 4em 0 2% 0;
border : #0d330a solid 1px;
border-radius : 0;
box-shadow : 1px 2px 4px rgba(0, 0, 0, 0.2);
}
.rand {
margin : -0.3em;
}
footer {
position : relative;
bottom : 0;
list-style : none;
float : right;
width : 100%;
clear : both;
line-height : 1.5;
padding : 0% 2% 2% 2%;
margin : 1em 0 0 0;
border : #0d330a solid 1px;
border-radius : 0;
box-shadow : 1px 2px 4px rgba(0, 0, 0, 0.2);
}
#nav_mobile {
display : none;
}
footer li {
text-align : center;
float : left;
margin : 0;
padding : 0 2% 0 2%;
color : black;
}
.abschluss img {
background-color : #073a1e;
background : url(../image/rot.png);
width : 4em;
height : 4em;
border-right : 1px solid black;
}
ol#skip {
margin : 0;
padding : 0;
}
ol#skip li {
display : inline;
list-style : none;
}
ol#skip a:link, ol#skip a:visited, ol#skip a:hover {
left : -400em;
position : absolute;
color : white;
background : #073a1e;
}
ol#skip a:active, ol#skip a:focus {
position : fixed;
left : 0;
top : 0;
text-align : center;
width : 100%;
height : 10%;
z-index : 1;
}
header a:link, article a:link {
color : black;
padding : 0 1% 0 1%;
}
footer a:link {
color : #073a1e;
}
a:visited {
color : #073a1e;
}
li a:active, li a:focus {
color : black;
text-align : center;
width : auto;
margin : 0;
padding : 0;
text-decoration : underline;
}
a:active, a:focus {
color : black;
text-align : center;
margin : 0;
padding : 0;
text-decoration : underline;
}
ol#abschluss {
margin : 0;
padding : 0;
}
ol#abschluss li {
display : inline;
list-style : none;
}
ol#abschluss a:link, ol#abschluss a:visited, ol#abschluss a:hover {
left : -400em;
position : absolute;
color : white;
background : #286241;
}
ol#abschluss a:active, ol#abschluss a:focus {
position : fixed;
left : 0;
top : 0;
text-align : center;
width : 100%;
height : 10%;
z-index : 1;
}
h2 :active, h2 :focus {
color : black;
}
footer li {
display : inline;
list-style : none;
border-right : 1px solid black;
line-height : 100%;
margin : 2em 0 2em 0;
}
footer li:last-child {
border-right : none;
}
footer li:first-child {
border-left : none;
}
.blocktext {
margin-left : auto;
margin-right : auto;
width : 100%;
}
#bild {
display : block;
clear : both;
max-width : 85%;
margin : 0 auto;
}
#bild a img {
background-color : #073a1e;
background : url(../image/rot.png);
width : 2em;
height : 2em;
margin : 2% 0 0 0;
}
.dreh {
position : relative;
top : 30%;
left : 30em;
width : 8em;
height : 8em;
margin : -60px 0 0 -60px;
animation : spin 120s linear infinite;
}
@keyframes spin {
100% {
transform : rotate(360deg);
}
}
.ball {
display : inline-block;
width : 100%;
height : 100%;
margin : 0;
border-radius : 50%;
position : relative;
background : url('..//erde.jpg') repeat-x;
background-size : auto 100%;
animation : move-map 120s linear infinite;
}
.ball:before {
content : "";
position : absolute;
top : 0%;
left : 0%;
width : 100%;
height : 100%;
border-radius : 50%;
box-shadow : -40px 10px 70px 10px rgba(0, 0, 0, 0.5) inset;
z-index : 2;
}
.ball:after {
content : "";
position : absolute;
border-radius : 50%;
width : 100%;
height : 100%;
top : 0;
left : 0;
opacity : 0.300000011920928955078125;
background : radial-gradient(circle at 50% 80%, #81e8f6, #76deef 10%, #055194 66%, #062745 100%);
}
.ball .shadow {
position : absolute;
width : 100%;
height : 100%;
background : radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 50%);

z-index : -1;
}
.stage {
width : 4em;
height : 4em;
display : inline-block;
margin : 20px;
perspective : 1200px;
perspective-origin : 50% 50%;
}
@keyframes move-map {
0% {
background-position : -849px 0;
}
100% {
background-position : 0 0;
}
} 

section a:link {
color :red;
}
section a:visited {
color : yellow;
}