* {
   font-family: 'Montserrat', sans-serif;
   margin: 0;
   padding: 0;
   overflow-x: hidden;
 }
 body,html {
  height:100%;
  margin: 0; 
 }
  #logo {
   position: relative;
   z-index: 99;
}
#logo img {
   position: fixed;
   top: 5px;
   left: 18px;
   width:100%; 
   height:auto; 
   max-width:300px;
}
  p.title{
    font-family: 'Montserrat';
    font-style:normal;
    font-size: 100px;
    src: local(''),
         url('../fonts/montserrat-v23-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/montserrat-v23-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    color:white;    
    text-align: center;
    margin: auto;
    width: 50%;
    vertical-align: middle;
    margin-top: 20%;
    
  }
  
 #impressum{
 max-width: 40%;
 color:black;
 bottom: 10px;
 left: 10px;
 margin-left: 5%;
 }
 #titleImp{
   margin-top: 5%;
   margin-left: 5%;
   margin-right: 5%;
   margin-bottom: 2%;
 }
 #title{
   color: white;
 }

 ul{
   list-style-type: none;
 }

 #doseblau, #dosegruen, #dosegelb{
   z-index:99;
   max-width:17%;
   position: absolute;
 }
 #brombeer, #fl, #brombeerDeckel1, #brombeerDeckel2, #brombeerDeckel3 {
   z-index:99;
   position: absolute;
 }
 #dosegelb{
  top:8%;
  left:-8%;
 }
 #dosegruen{
 top:30%;
 right:-10%;
 }
#doseblau{
left:80%;
}
#brombeer{
 left:3%;
 top:-30%;
 max-width:40%;
}
#fl{
  right:2%;
  top:-40%;
  max-width:27%;
}
#brombeerDeckel1, #brombeerDeckel2, #brombeerDeckel3{
  max-width:35%;
  top:-60%;
}
#brombeerDeckel2{
  left:30%;
  max-width:30%;
  padding-top: 1%;
}
#brombeerDeckel3{
  left:70%;
}
#alleDosen{
  z-index:99;
   position: absolute;
   max-width:23%;
   right:80%;
}
 #purpur{
   position: relative;
   transform: translate(0%, -80%);
   z-index: 1;
   top:0;
   right:0;
   max-width: 100%;
 }
 nav{
   z-index:99;
 }
 .bg-light{
  opacity: 0.9;
 }
 .bg-image {
  /* Full height */
  max-width: 140%;
  transform: translate(0%, -40%);
  z-index: 2;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.container{
  position: relative;
  /*border: solid 1px red;*/
  height: 250px;
  max-width: 100%;
  overflow: hidden;
  transform: translate(0%, -1420%);
  margin-top: 3%;
}

.full-height {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0px;
  bottom: 0;
  height: 100%;
}
#wiltext,#willkommen{
  position: absolute;
  z-index:99;
  position:relative;
  text-align: left;
  color:#2ca8a1;
  margin-left: 10%;
  margin-right: 60%;
  margin-bottom: 1%;
}
#bg{
  width:100%;
}
#text2{
  color:black;
  padding:1%;
  margin-right: 70%;
  background-color: white;
}
#text3{
  color:black;
  padding:1%;
  margin-top: 3%;
  margin-left: 70%;
  right:2%;
  background-color: white;
}
#text4{
  color:black;
  padding:1%;
  margin-right: 70%;
  margin-top: 7%;;
  background-color: white;
}#text5{
  color:black;
  padding:1%;
  margin-top: 7%;;
  background-color: white;
}
video{
  left:30%;
}