@import url('https://fonts.googleapis.com/css?family=Roboto');


#textteil a:link{

color:white;
 }
 #textteil a:visited{
color:white
 }

@media screen and (min-width: 765px) {
#bodyclass{
          -webkit-transition: background 2s; 
          transition: background 2s; 
          opacity:1; 
          background-color:black; 
          padding-top:3vh; 
          
          
          font-size:3.5vw;
          height:80vh;
          
          
 }
 #background{
 background-image:url('../Graphics/background.png');
 background-repeat:no-repeat;
 background-size:cover;
 
 background-position:bottom;
      height: 100vh;
    width: 100%;
    position: fixed;
    top: 16vh;
    z-index: 0;
  
  
  }
 
 #titel{
  font-size: 4vh;
 
   }
   
  #titel a:link{
  text-decoration:none;
  color:white;
  cursor:pointer;
   }
   
   #titel a:visited{
  text-decoration:none;
  color:white;
  cursor:pointer;
   }
   

body {
  font-family: "roboto", sans-serif;
  background-color:black;
  background-repeat:no-repeat;
  background-position:top;
  background-size:cover;
  background-attachment: fixed;
  
  
}

.container nav.desk,
.container nav.mob{

font-size: 2vh;
  top: 9vh;
  right:0;
  max-width: 65%;
  position:absolute;
  height: 60px;
  margin-right:4vw;
}

nav.desk ul {
  list-style: none;
  width: 99%;
  height: 60px;
  margin: 0 auto;
  margin-right:10vw;
}

nav.desk ul li {

  width: auto;
  float: left;
  padding:1.1em;
  padding-bottom: 0;
  text-align: center;
  line-height: 60px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  color:white;
}

nav.desk ul li:hover,
nav.mob ul li:hover{
  color:#FFBB00;
}

nav.desk ul li.active,
nav.mob ul li.active{
  
  color:#FFBB00;
}


nav.mob ul li .active:hover{
  background: black;
  color:#ffBB00;
}

nav.mob ul li a:hover{
  background: black;
  color:#ffBB00;
}

nav ul li a {
    
  color:inherit;
  text-decoration: none;
 
}




.mob,
.hamburger-btn {
  display: none;
}




#mainBlockBlack {
  color:white; 
  background-color:black; 
  height:auto; 
  margin-left:15vw; 
  margin-right:15vw; 
  padding-top:1vh;
  position:relative;
  z-index:50;
  padding-bottom:2vh;
      margin-bottom:8vh;

}

#titelleiste {
  height:auto; 
  margin:0,0,0,0; 
  padding-top:6vh; 
  padding-bottom:6vh; 
  z-index:50;
  position:relative;
  }

.custom-select{
display:none;
visibility:hidden;
 }
}

@media screen and (max-width: 764px) {

  #mainBlockBlack {
  color:white; 
  background-color:black; 
  height:auto; 
  margin-left:5vw; 
  margin-right:5vw; 
  padding-top:1vh;
  padding-bottom: 2vh;
  font-size:7vw;
  position:relative;
      margin-bottom: 8vh;
  z-index:49;
}

 #luecke{
 height:0;
  }
  
   #background{
 background-image:url('../Graphics/background.png');
 background-repeat:no-repeat;
 background-size:cover;
position:fixed;
 background-position:bottom;
      height: 100vh;
    width: 100%;
   
    top: 0;
    z-index: 0;
  
  
  }

 #titelleiste {
  height:auto; 
  margin:0,0,0,0; 
  padding-top:4vh; 
  padding-bottom:1vh; 
  z-index:50;
  position:relative;
 
  }
  #titel {
  font-size:2em;
   }
   
   #titel a:link{
  text-decoration:none;
  color:white;
  cursor:pointer;
   }
   
   #titel a:visited{
  text-decoration:none;
  color:white;
  cursor:pointer;
   } 

  #bodyclass{
          -webkit-transition: background 2s; 
          transition: background 2s; 
          opacity:1; 
          background-color:black; 
          padding-top:5vh; 
         
          background-repeat:no-repeat;
          background-size:cover;
          
          background-position:bottom;
          font-size:4vw;
          height:80vh;
          position:absolute;
          width:100%;
 }
  
  nav.desk{
    display: none;
  }

  nav.mob,
  .hamburger-btn {
    display: block;
    color:#ff0000;
  }
  
  .hamburger-btn {
    position: relative;
  }

  .hamburger-btn .fa-bars,
  .hamburger-btn .fa-times {
    position: fixed;
    right: 25px;
    top: 15px;
    font-size: 35px;
    
    cursor: pointer;
  }

  .mob ul{
    margin-top: 60px;
    color:#ff0000;
    display: none;
  }

  .mob li {
    text-align: center;
    padding: 20px;
    text-transform: uppercase;
    cursor: pointer;
  }
  
  .mob ul.active {
    display: block;
 color:#ff0000; 
  }
}