@charset "utf-8";
 <style type="text/css">
<!--
a {
color: #FFFFFF; 
text-decoration: none; }
a:hover {
color: navy;
font-style: italic; }
body {
width: 4961px ;
height: 3508px;
background-image: url(//www.christophrothmeier.de/wp-content/uploads/2022/10/stage3-o.jpg);
background-size: 4961px 3508px;
background-position: left top; 
background-color: #FFFFFF!important;
}
.xymenu {
margin-top: 475px;
margin-left: 40px;
position: absolute;
z-index: 200;
}
.xymenu {
width: 350px;
margin-top: 200px!important;
margin-left: 40px;
position: fixed;
z-index: 1000;
background-color: transparent;
padding: 10px;
font-size: 15px;
font-weight: 500;
}
.artists {
padding: 100px;
width: 350px!important;
height: auto;
position: absolute;
top: 600px;
margin-left: 4200px!important;
z-index: 500;
}
.gif1 {
padding: 15px;
width: 350px!important;
height: auto;
position: absolute;
top: 2600px;
margin-left: 800px!important;
z-index: 150;
}
.gif2 {
-webkit-animation:spin 8s linear infinite;
-moz-animation:spin 8s linear infinite;
animation:spin 8s linear infinite;
padding: 15px;
width: 750px!important;
height: auto;
position: absolute;
top: 1600px;
margin-left: 2550px!important;
z-index: 150;
}
.gif3 {
padding: 15px;
width: 350px!important;
height: auto;
position: absolute;
margin-top: 2700px!important;
margin-left: 4000px!important;
z-index: 150;
}	
.gif3 {
animation: slider11 15s linear infinite;
}
@keyframes slider11 {
0%   { top: 50px }
50%  { top: -50px }
100% { top: 50px }
}
.gif4 {
padding: 15px;
width: 300px!important;
height: auto;
position: absolute;
top: 3000px;
margin-left: 2950px!important;
z-index: 150;
}
.gif5 {
padding: 15px;
padding-right: 0px;
width: 380px!important;
height: auto;
position: absolute;
top: 720px;
margin-left: 3280px!important;
z-index: 150;
}
.gif6 {
padding: 15px;
width: 800px!important;
height: auto;
position: absolute;
top: 1500px;
margin-left: 1200px!important;
}
.gif7 {
padding: 15px;
width: 250px!important;
height: auto;
position: absolute;
top: 1500px;
margin-left: 2350px!important;
}
.audio1 {
height: auto;
position: absolute;
top: 1400px;
margin-left: 250px!important;
z-index: 500;
}
.audio2 {
padding: 50px;
height: auto;
position: absolute;
top: 900px!important;
margin-left: 2070px!important;
z-index: 500;
}
.audio3 {
padding: 15px;
height: auto;
position: absolute;
top: 2630px;
margin-left: 4220px!important;
z-index: 500;}
.bubblesall {
overflow: hidden;
}
.bubble1 {
width: 20px;
height: 20px;
position: absolute;
margin-left: 200px!important;
z-index: 2;
}
.bubble2 {
width: 20px;
height: 20px;
margin-left: 2200px!important;
z-index: 1;
}
.bubble3 {
width: 20px;
height: 20px;
margin-left: 4200px!important;
z-index: 1;
}
.kabel01 {
width: 5000px;
height: 551px;
position: absolute;
top: 880px;
margin-left: 0px!important;
z-index: 1;
}
.kabel02 {
width: 5000px;
height: 551px;
position: absolute;
top: 4300px!important;
margin-left: 0px!important;
z-index: 1;
}
.uboot01 {
width: 510px;
height: 500px;
position: absolute;
top: 4280px!important;
z-index: 1;
}
.pfeil1 {
display: none; }
@media only screen and (min-width: 801px) {}
@media only screen and (max-width: 800px) {}
-->
</style>