*
{

margin: 0;
font-family: arial;
transition: 0.5s;
}
body {
	background: linear-gradient(-45deg, #92ce058e,  #92ce05e0,#92ce0596,  #92ce05f5);
	background-size: 1000% 1000%;
	-webkit-animation: gradient 15s ease infinite;
          animation: gradient 15s ease infinite;
   overflow: hidden;       
}

@-webkit-keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
  }
}
/* Phone site */

/* Head Bereich */
#contanir
{
  
  width: 100%;
 
}


#head
{
   height: 50Px;
   background-color: transparent;
   position: fixed;
   width: 100%;
   justify-content: center;
   display: flex;
   /*box-shadow: 0px 0px 20px black;*/
 
}
#head > div
{
  width: 50px;
  display:flex; 
  margin:  5px;
  
}

.Button1
  {
  width: 100%;
   /*display:flex; */
   overflow: hidden;
   font-weight: bold;
   color: white;
   text-align: center;
   padding: 5px 1%;
   text-decoration: none;
   font-size: 17px;
   text-shadow: 0px 0px 20px white; 
   border:  2px solid white;
   border-radius: 50px;
   
  }
.Button1:hover
  {
   transform: scale(1.1);
  }
  .Button1:active
  {
   transform: scale(0.7); 
  }
#logo
{
    position: fixed;
    top: 25%;
    left: 50%;     
    transform: translate(-50%, -25% ) ;
    width: 100%;
    max-width: 500px;
    min-width: 150px;
    /*margin-left: 10px;*/
   
    
}
/*#bt1
{
  position: fixed;
    top: 70%;
    left: 50%;     
    transform: translate(-50%, -25% ) ;
    width: 90%;
    max-width: 500px;
    min-width: 100px;
    font-size: 27px;
}
#bt2
{
  position: fixed;
    top: 80%;
    left: 50%;     
    transform: translate(-50%, -25% ) ;
    width: 90%;
    max-width: 500px;
    min-width: 100px;
    font-size: 27px;
}
#bt2:hover
{
   transform: scale(1.1) translate(-50%, -25% );
}
#bt2:active
  {
   transform: scale(0.7)translate(-50%, -25% ); 
  }*/
 
  .buttonbox
  {
    position: fixed;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50% );
    width: 90%;
    max-width: 500px;
    min-width: 100px;
    margin: 0;
  }
  #buttonboxde {display: block;}
  #buttonboxar {display: none;}
  #buttonboxen {display: none;}
  .Button2
  {
   box-sizing: border-box;
   display: block;
  
   font-weight: bold;
   float: left;
   color: white;
   text-align: center;
   padding: 5px 1%;
   text-decoration: none;
   font-size: 20px;
   text-shadow: 0px 0px 20px white; 
   border:  2px solid white;
   border-radius: 50px;
   width: 100%;
   margin-top:  30px;
  }
.Button2:hover
  {
   transform: scale(1.1);
  }
  .Button2:active
  {
   transform: scale(0.7); 
  }
 

#stripes
{
  width: 100%;
  
}
/*----------naviBar----------*/




/*----------slideBar----------*/

/*----------------------------*/



 



/* body Bereich */
body {
  margin: 0px;
 overflow: hidden;
 }

/* Taplet site */
@media only screen and (min-width: 768px)
{


   
}


/* Desktop site */
@media only screen and (min-width: 1028px)
{
   
}





/* Extra code */
@viewport {
    width: device-width;
    zoom: 1;
 }
@-ms-viewport
{
    width: device-width;
    zoom: 1;
}
/*::-webkit-scrollbar
{width: 0;
height: 0;}*/