.headercontainer{
    background-color:#f2f2f2;
}
.gray {
    background-color:#f2f2f2; 
}

/*Logo*/
#logo {
    /*background-color: #000678; */
    padding: 30px 10px 20px 10px;
}

.navbar-toggler{
    border-style: none;
}


.banner{
  padding: 0px;
  height:400px;  
  background-repeat: no-repeat;
  background-position: 65% 50%; 
  background-size: auto 100%;
}



#map {
    width: 100%;
    height: 400px;
    background-color: lightgrey;
    display: none;
}  

#map_placeholder {
    width: 100%;
    height: 400px;
    background-color: white;
    border: 1px solid lightgray;
    padding-top: 2%;
}  

.mybtn {
    background-color: inherit;
    border: 3px solid #e54933;
    color: #e54933 !important;  
    padding: 5px 15px 5px 15px;
    font-weight: bold;
}

.maps_icon{
    width: 100px;height: 100px;
    display: block;
}

.smallprint{
    font-weight: lighter;
    font-size: 0.8em;
}
 
.banner_home{
    background-image: url('../Images/banner/home.jpg');
    background-position: 30% 0%;
}

.banner_room{
    background-image: url('../Images/banner/room.jpg');
    background-position: 50% 0%;
}

.banner_umgebung{
    background-image: url('../Images/banner/umgebung.jpg');
    background-position: 50% 0%;
}

.banner_contact{
    background-image: url('../Images/banner/contact.jpg');
    background-position: 75% 0%;
}


@media screen and (min-width: 800px) {
    .banner{
        min-height:400px;
        background-position: 0% 50%;
        background-size: 100% auto; 
    }
    .banner_home{
        background-position: 0% 50%;
    }  
    .banner_room{
        background-position: 0% 60%;
    } 
    .banner_umgebung{
        background-position: 0% 38%;
    }
    .banner_contact{
        background-position: 0% 30%;
}
}

@media screen and (min-width: 1600px) {
    .banner{
        min-height:550px;
        background-size: 100% auto; 
    } 
    .banner_home{
        background-position: 0% 50%;
    } 
    .banner_room{
        background-position: 0% 60%;
    }
    .banner_umgebung{
        background-position: 0% 50%;
    }
    .banner_contact{
        background-position: 0% 30%;
}


}

@media screen and (max-width: 375px) {
    h1{
        font-size: 2.2em !important;
    }
    h2{
        font-size: 1.5em !important;
    }
}


/* Font stuff */
.Calluna-Regular { 
    font-family: Calluna-Regular;
    font-weight: normal;
    font-style: normal;
    font-size: 2.8em;
}

.description {
    color: #e54933 !important;  
    font-size: 1.2em;
    margin-bottom: 0px;
    margin-top: 5px;
}

.nav-item.active .nav-link, .nav-item .nav-link:hover{
    color: #e54933 !important;                        
}

a, a:hover {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}

.link {
    color: #e54933 !important;  
}