@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800italic,700,700italic);
  

*{
cursor: url('../data/cursor.gif'), default;

}

body{
margin:0;
padding:0;
cursor: url('../data/cursor.gif'), default;
}



/*TYPO*/

h1{
font-family: 'Open Sans', sans-serif;
font-style: italic;
font-weight: 800;
line-height: 0.0;
font-size: 23pt;
color: white;
}


h2{
font-family: 'Open Sans', sans-serif;
font-style: italic;
font-weight: 800;

font-size: 12pt;
color: white;
}

h3{
font-family: 'Open Sans', sans-serif;
font-style: italic;
font-weight: 800;

font-size: 16pt;
color: white;
}

h4{
font-family: 'Open Sans', sans-serif;
font-style: italic;
font-weight: 800;
line-height: 1;
font-size: 70pt;
color: white;
}


a{
font-family: 'Open Sans', sans-serif;
font-style: italic;
font-weight: 800;
line-height: 0.0;
font-size: 14pt;
text-decoration: none;
color: white;

  cursor: url('../data/link.png'), default;
}


p{
  font-family: 'Open Sans', sans-serif;
font-style: italic;
font-weight: 800;
line-height: 1.2;
font-size: 12pt;
text-decoration: none;
color: white;
}






.logo{
position: fixed;
  	z-index: 9999;
  	top:30%;
  	pointer-events: none;


  }









.center{
 display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.text{

	text-align: left;
	bottom: 0px;
	right:10px;
}





/*default parts*/

    .mund{
    	z-index: 50;
    	position: fixed;
top:45%;
left:49%;
}

    .nase{
  	z-index: 55;
  	position: fixed;
top:23%;
left:48%;
}
    .augelinks{
    	z-index: 50;
    	position: fixed;
top:21%;
left:40%;
}
    .augerechts{
    	z-index: 50;
    	position: fixed;
top:19%;
left:55%;
}





img{

      cursor: url('../data/drag.gif') 10 43, default;
}
  
ul{
    pointer-events: none;
  }




/*dropout infobox*/

  .info {
    position:fixed;
    z-index: 999;
    text-align: right;
    height: 130px;
    font-size:18px;
    color: #000;
    justify-content: center; /* align horizontal */

    right:10px;
    bottom: -65px;

}



.slide-up
{
    bottom: 0px !important;
}

.slide-down
{
    bottom: -65px !important;
}




/*dropout parts box*/



  .stock {
    position:fixed;
    z-index: 200;
    text-align:center;
    height: 230px;
    font-size:18px;
    color: #000;
    justify-content: center; /* align horizontal */

    left:25px;
    bottom: -140px;
  


   
}



.slide-up-obj
{
    bottom: 0px !important;
}

.slide-down-obj
{
    bottom: -140px !important;
}


.floating{
  float: left;
 
}

.paddingimage{
    padding-left: 50px;
}









/*no scrollbar*/

::-webkit-scrollbar
{
  width: 0px;  /* for vertical scrollbars */
  height: 0px; /* for horizontal scrollbars */
}



/* discription box */

.discription{
position: fixed;
border-color: white;
border-width: 4px;
border-style: solid;
z-index: 15;
left: 20px;
top:20px;
text-align: center;

margin: 0 auto;


}


.inner{
  padding-left: 30px;
    padding-right: 30px;
}


.discription {
   -webkit-animation-delay: 10s; /* Chrome, Safari, Opera */
    animation-delay: 10s;
 -webkit-animation-duration: 2s;animation-duration: 2s;
            -webkit-animation-fill-mode: both;animation-fill-mode: both;
         }
         
         @-webkit-keyframes fadeOut {
            0% {opacity: 1;}
            100% {opacity: 0;}
         }
         
         @keyframes fadeOut {
            0% {opacity: 1;}
            100% {opacity: 0;}
         }
         
         .fadeOut {
            -webkit-animation-name: fadeOut;
            animation-name: fadeOut;
         }






/*MOBILE*/
.mobile{
display: none;
position:fixed;
z-index: 88889;
top: 50%;
left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.mobilebg{
display: none;
}


 @media screen and (max-width: 1024px) { 
 .mobile{
  display:block;
}

.mobilebg{
display:block;
position: fixed;
z-index: 88888;
height:100%;
}

}