@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');

body{
    font-family: 'Montserrat', sans-serif;
}

.white{
    color:white;
}

p, ul li{
    font-weight:300;
}

i{
    color:#978172;
}

th, th small{
    font-weight: 300;
}

.fas-main-content{
    padding-right:15px;
    font-size: 28px;
}

.fas-image{
    max-width:34px;
}

h1{
    font-weight:400;
    font-size:26px;
}

h5{
    margin-bottom:0px;
    font-weight: 300;
} 

h6{
    margin-bottom:10px;
    margin-top:50px;
}

label{
    font-weight:300;
}

.hr{
    border-bottom:2px solid #daa520;
    max-width:100px;
    margin-bottom:15px;
    margin-top:15px;
}

.bg-dark {
    background-color: #5e5148 !important;
}

.navbar-dark .navbar-toggler {
    border-color: rgba(255, 255, 255, 1);
}

.nav-link{
    text-transform:uppercase;
    font-weight:300;
    color:white !important;
}

.languages li a{
    font-size:12px;
}

.navbar-dark .navbar-nav .active-lang > .nav-link, .navbar-dark .navbar-nav .nav-link.active-lang, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color:#daa520 !important;
}

.logo{
    display:none;
}

.header-wrapper{
    position:relative;
}

.header-image{
    width:100%;
}

.scrolldown{
    display:none;
}

.custom-input::-webkit-input-placeholder { font-weight:300; } 
.custom-input::-moz-placeholder { font-weight:300;  }  
.custom-input:-ms-input-placeholder { font-weight:300;  }  
.custom-input:-moz-placeholder { font-weight:300; }

.booking{
    background-color:#5e5148;
    padding:15px;    
    color:white;
    font-weight:300;
    font-size:14px;
    margin-bottom:30px;
}

.booking p{
    text-transform:uppercase;    
}

.booking-hidden{
    display:none;
}

.booking label{
    display:inline-block;
    margin-top:7px;
}

.table{
    font-weight:300;
}

.section-informations{
    width:100%;
    margin-top:50px;
}

.form-control{
    border-radius:0px;
    border:1px solid black;
}

.anreise-wrapper, .abreise-wrapper{
    margin-top:5px;
}

#childrenAge-container{
    display: none;
    padding-left:18px;   
    clear:both;
    text-align:left;
    width:100%;
}

#childrenAge-container ol li{
    font-size:16px !important;
    margin-top:5px;
}

#childrenAge-container ol{
    margin:0 auto;
    width:100%;
    padding-left:14px;
    font-weight:300;
}

#childrenAge-container input{    
    width:35px;
    height:30px;
    font-size:16px;
    margin-top:5px;
    margin-bottom:5px;     
}

#childrenAge-container li{    
    float:left; 
    width:80px;
    margin-bottom:15px;
}

#childrenAge{
    text-align:left; 
}

.request{
    margin-bottom:30px;
}

.request a{
    color: #212529;
    text-decoration:underline;
}

.custom-input{
    background-image: url("../img/layout/calendar.png");
    background-repeat: no-repeat;
    background-size: 20px 23px;
    background-position:95% 50%;  
}

.buttons-wrapper{
    width:100%;
    overflow: hidden;
}

.buttons-wrapper .btn{
    width:100%;
    margin-bottom:15px;
}

.buttons-wrapper .btn:first-child{
    float:left;
}

.buttons-wrapper .btn:nth-child(2){
    float:right;
}

.btn-primary{
    background-color:#483e37;
    border-color:#daa520;
    border-radius:0px;
    font-size:14px;
    text-transform:uppercase; 
    padding: 4px;   
    padding-left:10px;
    padding-right:10px;
} 

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}     

.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle{
    background-color:white;
    border-color:#daa520;
    color:#483e37; 
}

.btn-primary:hover .fa-arrow-alt-circle-right, .btn-primary:hover .white{
    color:#483e37;      
}

.btn-back{
    margin-top:30px !important;
    margin-bottom:30px !important;
}

.btn{
    width: 100%;
}

.btn-booking{
    height:38px;
}

.btn-prices{
    pointer-events: none;
}

.fa-arrow-alt-circle-right{
    color:white; 
    margin-left:20px;
}

.fa-calendar-alt{
    color:black;
}

.section1 >div:last-child img, .section2 >div:last-child img{
    width:100%;
}

.section1 >div:last-child, .section2 >div:last-child, .section3 >div:last-child, .section4 >div:last-child{
    position:relative;
}

.section1-text-wrapper, .section2-text-wrapper{
    padding-right:15px;
    padding-left:15px;
}

.section1 >div:first-child, .section2 >div:first-child{
    margin-bottom:30px;
    margin-top:30px;
}

div.section-request > div:last-child{      
    position:relative;
}  

.piantina-wrapper{
    width:100%;
    text-align:center;
}

.lens:hover, .owl-prev:hover, .owl-next:hover{
    cursor: pointer;
}

.lens{
    position: absolute;
    bottom: 5%;
    width: 20px;
    height: 20px;
    right: 2%;
    background-image: url("../img/layout/lens.png");
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    transition: .3 ease all;
    z-index: 100;
}

.owl-carousel a:hover .lens{
    opacity: .5;
}

.arrow-route{
    display:inline-block;
    margin-top:-5px;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    background: none;
    color: #FFF;
    text-decoration: none;
}

.owl-nav{
    margin-top:0px !important;
}

.owl-prev{
    position: absolute;
    top: calc(50% - 10px);
    left: 5%;
    opacity: 1;
    transition: .3 ease all;
    z-index: 100;
}

.owl-next{
    position: absolute;
    top: calc(50% - 10px);
    right: 5%;
    opacity: 1;
    transition: .3 ease all;
    z-index: 100;
}

.owl-prev:hover, .owl-next:hover{
    cursor: pointer;
    opacity: .5;
}

.offers{
    margin-bottom:100px;
}

.offers h1{
    margin-bottom:5px;
    margin-top:15px;
}

.offers img{
    width:100%;
    max-width:510px;
}

footer{
    background-color:#5e5148;
    color:white;
    padding:15px;
    position:relative;                           
    margin-top:150px;
    padding-top:30px;
}

footer i{
    color:white;
    margin-right:5px;
}

footer a, footer a:hover{
    color:white;
}

.mountain{
    position:absolute;
    top:-84px;
    right:10%;
}

.logo-footer{
    margin-bottom:30px;
    width:100%;
    max-width:196px;
}

.partner{
    padding:15px;
    text-align:center;
}

.partner img{
    margin:15px;
}

.sitemap1 ul, .sitemap2 ul{
    list-style-type:none;
}

.underfooter{
    background-color:#191919;
    color:white;
    padding:15px;
    text-align:center;
    font-size:14px;
}

.underfooter a{
    color:white;
}

.fancybox-caption{
    display:none;
}

#googlemaps{
    width:100%;
    height:84px;
}

#googlemaps-streetview{
    width:100%;
    height:236px;    
}

.googlemaps-logo{
    width:100%;
    max-width:150px !important;
} 

.fixed-top{
    position:relative;
}  

.logo-text{
    display:none;
} 

#anchor-article{
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}




    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {

    #googlemaps{
        height:150px;
    }

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    #googlemaps{
        height:200px;
    }
    
    #googlemaps-streetview{
        height:332px;    
    }

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
    
    .hide{
        display:none !important;
    }
    
    h5{
        display:none;  
    }
    
    .logo{
        z-index:20000;
        position:relative;
        display:inline-block;
        width:100%;
        max-width:100px;
        margin-bottom:-43px;
    }    
    
    .fas-main-content{
        padding-top:18px;
    }
    
    .navbar{
        border-bottom:3px solid #978172;
        position:relative;
    }
    
    .nav-link{
        font-size: 13px;
    }
    
    .white-space{
        transition:.5s all;
        width:100%;
        height:30px;
        background-color:white;
    }  
    
    .fixed-top {
        position: fixed;
        top: 13px;
        right: 0;
        left: 15%;
        z-index: 1030;
        transition:.5s all;
    }
    
    .hasScrolled{
        top:7px !important;
        transition:.5s all;
    }
    
    .hasScrolled .logo-text{
        display: inline-block;
        position: fixed;
        left: 2%;
        top: 18px;
        color: white;
        font-weight: 300;
        font-size: 11px;
    }
    
    .hasScrolled2{
        transition:.5s all;
        background-color:#5E5148;
        height:50px !important;
    }      
       
    .contact, .sitemap1, .sitemap2{
        margin-top:33px;
    }
    
    .section1, .section2{
        display:flex;                                 
        width:100%;
        margin-bottom:0px;
    }
    
    .section1 >div:first-child, .section1 >div:last-child{
        width:50%;
    }   
    
    .section1 >div:first-child, .section2 >div:first-child{
        align-items: center;
        justify-content: center;
        display:flex;
    }
    
    .section2 >div:first-child{
        width:50%;
        order:2;
    }
                                                           
    .section2 >div:last-child{
        width:50%;
    }
    
    div.section-article-detail{
        width:100%;
        overflow:hidden;
    }
    
    div.section-article-detail > div:first-child{   
        width:50%;    
        float:left;  
    }

    div.section-article-detail > div:last-child{  
        width:50%;  
        float:right;     
        position:relative;
    }
    
    div.section-request{
        width:100%;
        overflow:hidden;
    }
    
    div.section-request > div:first-child{   
        width:50%;    
        float:left;  
    }

    div.section-request > div:last-child{  
        width:50%;  
        float:right;     
    }   
    
    .request{
        margin: 0 auto;
    }
    
    div.article-detail-text{
        margin: 0 auto;
    }
    
    .buttons-wrapper .btn{
        width:48%;
        margin-bottom:0px;
    }
    
    .btn-primary, .booking p{
        margin-top:30px;
    }
    
    .btn-primary{
        float:right;
    } 
    
    .btn-back{
        margin-top:60px !important;
        margin-bottom:0px !important;
    }
    
    .offers h1{
        margin-bottom:5px;
        margin-top:-5px;
    }
        
    .offers img{
        max-width:250px;
    }
        
    .lens-wrapper img{
        position:absolute;
    }
    
    #googlemaps{
        height:250px;
    }  
    
    #googlemaps-streetview{
        height:262px;    
    }

    }
          
    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
 
    h6{
        font-size:22px;
    }
    
    .logo {
        max-width: 145px;
    }
    
    .fixed-top {
        left: 18%;
    }
    
    .nav-link {
        font-size: 15px;
    }
 
    .white-space{
        height:45px;
    }     
 
    .navbar-brand{
        margin-right:40px;
    }
    
    .languages{
        margin-left:40px;
    }
    
    .section1-text-wrapper, .section2-text-wrapper{
        padding-right:30px;
        padding-left:30px;
    }    
    
    .anreise-wrapper, .abreise-wrapper{
        margin-top:30px;
    }
    
    .lens{
        width: 35px;
        height: 35px;
    }
    
    .owl-prev{
        top: calc(50% - 17px);
        width: 35px;
        height: 35px;
    }
    
    .owl-next{
        top: calc(50% - 17px);
        width: 35px;
        height: 35px;
    }
    
    .credits p, .credits ul li{
        font-size:18px;
        font-weight:300;
        line-height: 150%;
    }
    
    #googlemaps{
        height:350px;
    }
    
    .custom-input::-webkit-input-placeholder { color:white; } 
    .custom-input::-moz-placeholder { color:white;  }  
    .custom-input:-ms-input-placeholder { color:white;  }  
    .custom-input:-moz-placeholder { color:white; }
    
    .booking-hidden{
        display:inline-block;
    }    
    
    #googlemaps-streetview{
        height:338px;    
    }
    
    .hasScrolled .logo-text{
        font-size: 15px;
    }
    

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
    
    .offers h1{
        margin-bottom:0px;
        font-size:30px;
    }
    
    .logo {
        max-width: 253px;
        margin-bottom: -65px;
    }
    
    .fixed-top {
        left: 23%;
        top: 26px;
    }
    
    .nav-link {
        font-size:18px;
    }
    
    .section1, .section2, .section-article-detail{
        font-size:18px;    
    }
    
    .navbar{
        height:90px;
    }
    
    .booking label {
        margin-top: 4px;
    }
    
    footer{
        font-size:18px;
    }
    
    #googlemaps{
        height:450px;
    }
    
    #googlemaps-streetview{
        height:402px;    
    }
    
    .hasScrolled{
        top:3px !important;
    }
    
    .hasScrolled .logo-text{
        top: 13px;
        font-size: 20px;
    }
    
    .scrolldown{
        position:absolute;
        bottom:10%;
        left:0;
        right:0;
        margin: 0 auto;
        display:inline-block;
    }
    
    .btn-prices{
        max-width:28%;
    }

    }
    
    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1600px) {
      
    .logo{
        margin-left:90px;
    }
    
    .nav-link {
        font-size:22px;
    }
    
    h1{
        font-size:36px;
    }
    
    .section1, .section2, .section-informations, .section-request, .section-article-detail{
        font-size:22px;
        line-height:190%;
    }
    
    .section1-text-wrapper .fas-main-content, .section2-text-wrapper .fas-main-content{
        font-size:56px;
    }
    
    .fas-image{
        max-width:57px;
    }
    
    .section1-text-wrapper, .section2-text-wrapper{
        width:810px;
    }
    
    .container{
        max-width:1600px;
    }
    
    .booking{
        font-size:20px;
    } 
    
    .btn-primary{
        min-width:324px;
        font-size:20px;
    }
    
    .partner{
        padding-top:65px;
        padding-bottom:65px;
    }
    
    .fa-home{
        margin-left:-30px;
    }
    
    .lens{
        width: 53px;
        height: 53px;
        right: 4%;
    }
    
    #googlemaps{
        height:500px;
    }
    
    #googlemaps-streetview{
        height:547px;    
    }
    
    .hasScrolled .logo-text{
        left: 8%;
        font-size: 23px;
    }

    }   
    
    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1700px) {
    
    .logo{
        margin-left:150px;
    }
    
    .container{
        max-width:1700px;
    }
    
    #googlemaps{
        height:570px;
    }
    
    #googlemaps-streetview{
        height:634px;    
    }
    
    .hasScrolled .logo-text{
        font-size: 24px;
    }
    
    }