@font-face {
    font-family: 'SangBleuVersailles';
    src: url('fonts/SangBleuVersailles-RegularItalic.otf');

}



html {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  }

  @keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
body {
  margin: 0px;
}

/*VIEPORT DESKTOP*/


  #head {
    min-height: 100%;
    height:auto !important;
    height:100%;


}

#menu_button {
  height: 40px;
  float:right;
  padding-top: 10px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 10px;
}



#auswahl {
  width:25%;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 150px;
  padding-bottom: 50px;
  }

  #menupunkt1{
    display: none;
  }
  #menupunkt2{
    display: none;
  }
  #menupunkt3{
    display: none;
  }
  #menupunkt4{
    display: none;
  }


  /*VIEPORT Mobile*/

@media only screen and (max-width:599px) {
body {
  width: 375px;
  margin-left: auto;
  margin-right: auto;
  }




  #auswahl {
    width:70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 100px;
    }