*{
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}

.banner_lake_view{
    width: 100%;
    height: 100vh;
    background-image: url(./images/Sauna_Window_1_reduccedsSize.jpg) ; 
    background-size: cover;
    background-position: center;
}

.banner_water{
    width: 100%;
    height: 100vh;
    background-image: url(./images/Jumping_in_water_2.jpg); 
    background-size: cover;
    background-position: center;
}

.banner_wood{
    width: 100%;
    height: 100vh;
    background-image: url(./images/Wood_Stack_1_reducedSize.jpg); 
    background-size: cover;
    background-position: center;
}
.banner_night_lake{
    width: 100%;
    height: 100vh;
    background-image: url(./images/Moekki-13_reducedSize.jpg); 
    background-size: cover;
    background-position: center;
}



.navbar{
    width: 85%;
    margin: auto;
    padding: 35px 0;
    display: flex;
    align-items: center;
    justify-content:space-between ;
}
.navbar ul li{
    list-style: none;
    display: inline-block;
    margin: 0 20px;
    position: relative;
}
.navbar ul li a{
    text-decoration: none;
     color: #fff ;
    text-transform: uppercase;
}

.navbar ul li b{
    text-decoration: none;
     color: rgb(17, 10, 10) ;
    text-transform: uppercase;
}

.navbar ul li::after{
    content: '';
    height: 3px;
    width: 0%;
    background: rgb(75, 156, 94);
    position: absolute;
    left: 0;
    bottom: -10px;
    transition: 0.5s;

}
.navbar ul li:hover:after{
    width: 100% ;

}

.defaultContent{
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    }
.defaultContentBottom{
    position: bottom;

    }

#hamburger-icon {
    margin: auto 0;
    display: none;
    cursor: pointer;
    }


.mobile-menu {
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
  height: calc(100vh - 50px);
  width: 100%;
}

.open .mobile-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }

#hamburger-icon {
    margin: auto 0;
    display: none;
    cursor: pointer;
  }

#hamburger-icon div {
    width: 35px;
    height: 3px;
    background-color: white;
    margin: 6px 0;
    transition: 0.4s;
    }




@media only screen and (max-width: 800px) {
    .navbar ul {
    display: none; /* Schaltet die Menüleiste be*/
    }
      #hamburger-icon {
        display: block;
      } 
}

/* #map{ height: 100%} */
#map { height: 90vh; z-index:1 ;}