@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Muli:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');

/*we need to style the popup with CSS so it is placed as a popup does*/
#popup {
    display:none;
    position:absolute;
    margin:0 auto;
	z-index: 6000 !important;
	background-color: #FFF;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 250px 152px #000;
	max-width: 100%;
	padding: 30px;

}

.whatsapp-container {position:fixed;right:85px;bottom:25px;z-index:100;width:167px;height:60px;-webkit-border-radius:10px;border-radius:10px;border:3px solid #11fb61;cursor:pointer;display:flex;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box};
.whatsapp-container span{font-size:16px;line-height:22px;display:inline-block;width:107px;height:54px;display:flex;align-items:center;justify-content:center;color:#0fd92b;padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;box-sizing:border-box};
.whatsapp-container img{width:60px;height:60px;position:absolute;right:-3px;top:-3px;z-index:5};
.whatsapp-container:hover img{opacity:1;filter:alpha(opacity=100)}


	
@media (min-width:992px){
	.whatsapp-container{right:31px!important;}
	}

#text-storia {

 
	max-width:780px !important;
    margin-left: auto;
    margin-right: auto;
    text-align: left;

}

#foto-content img {

 
	text-align: center;
	align-content: center;

    width: 780px;
	max-width:100%;

    height: auto;

    max-height: 100%;

}


 hr {

  border-top: 1px solid #FFF;
}


body {
  color: #FFF;
	font-size: 1.2rem;
}


.form-control{
    border: 1px solid #c69c6f !important;
	
	border-radius:8px 0px 8px 0px !important;
}

@media (min-width: 992px) {


    
    .form-group{
        margin-bottom: 40px;
    }
    
    #request-form{
        width: 800px;
        margin: 0 auto;
        margin-top: 50px;
    } }

@media (min-width: 1200px) {



    
    #request-form{
        width: 900px;
    }    


}


.bostldalmiel
{
    display: none !important;
}

.hp{
    display: none !important;
}
.form-toc{
    font-size: 12px !important;
    border: 1px solid silver;
    height: 200px;
    overflow: auto;
    padding: 20px;
    margin-bottom: 25px;
}

.form-toc p{
    font-size: 14px;
}

.btn{
    border-radius: 0;
    border: 1px solid white !important; 
    background-color: rgb(118, 78, 33);
    text-transform: uppercase;
    padding: 12px 90px;
    transition: all .5s;
}

.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
}



.btn:hover, .btn.active{
    background-color: rgb(198, 156, 112) !important;
    border: 1px solid white !important;
}


@media (max-height: 800px) {
    #menu{
    }
    
    #menu-decoration{
        height: 100vh !important;
    }
    
    
}

  

 th,
  td {

    
      border-color:  #d2d3d4 !important;

  }


/*accordion*/
.accordion{
	border: 0px !important;
}

.accordion .btn-link{
	color: white !important;
    background-color: #c69c6f !important; 
	margin-bottom: 10px !important;
	border-width: 0 !important;
	width: 100%;
	white-space: normal;

}

.accordion .btn-link:hover, .accordion .btn-link:focus{
    	text-decoration: none !important;
    background-color: rgb(118, 78, 33) !important;
	margin-bottom: 10px !important;
	border-width: 0 !important;
}




body {
	font-family: 'Muli', sans-serif;
    margin: 0;
    padding: 0;  
        background-color: #eaeaea;
}

#foto-diego{margin:0;padding:0; width:100%; max-width:320px;}

#foto-diego2 {
    margin:0; padding:0; width:100%; max-width:538px;
}


.hp{
    display: none;
}


ul.apartment-features{

    font-size: 1rem;
}

#meinacrep {
 border-radius: 50%;
    max-height: 100%;
    max-width: 100%;
    width: 200px;
    height: 200px;

}

td {
    vertical-align:bottom !important;
  }

#dumanda {
	text-align:center;
	text-decoration:none;
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 15px;

}

#dumanda a{
	color:#764e21;
	text-decoration:none;
}

#dumanda  a:hover{
	color: #c69c6f;
	text-decoration:none;

}

#dumanda-bg {
    width: 100%;
	background-color: #eaeaea;
    padding-top: 10px;
    padding-bottom: 10px;
}


#dumanda-bg:hover{
	background-color: #c69c6f);
    height: 100% !important;
    padding-top: 10px;
    padding-bottom: 10px;

}

a.back-to-top {
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #454e57 url("../img/up-senza-codla.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
    transition: .2s ease;
    opacity: 0.5;
}
a.back-to-top:hover{
    opacity: 1;
}



body.open{
    overflow: hidden;
}


.bostldalmiel
{
    display: none;
}

.form-toc{
    font-size: 12px !important;
    border: 1px solid silver;
    height: 200px;
    overflow: auto;
    padding: 20px;
    margin-bottom: 25px;
}

.form-toc p{
    font-size: 14px;
}

.btn{
    border-radius: 0;
    border: 1px solid white !important; 
    background-color: rgb(118, 78, 33);
    text-transform: uppercase;
    padding: 12px 40px;
    transition: all .5s;
}

.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
}



.btn:hover, .btn.active{
    background-color: rgb(162, 162, 162) !important;
    border: 1px solid white !important;
}

p.main{
    letter-spacing: 1px;
    color: #FFF;
    line-height: 128%;
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 1.1rem;
    font-weight: 500;
}









p.page a{
    color:black;
}


p.page a:hover, p.page li a.active{
    text-decoration: underline;
    color: rgb(118, 78, 33);
}




/* unvisited link */
a:link {
    color: #c69c6f;
}

/* visited link */
a:visited {
   color: #c69c6f;
}

/* mouse over link */
a:hover {
     color: #FFF;
}




#scrolldown{
    display: none;
}

#scrolldown #show-more{
    color: rgb(118, 78, 33);    
}

#scrolldown #show-more:hover{
    text-decoration: none;
    
}

.top-gallery-wrapper{
    position: relative;
    overflow: hidden;
}



.owl-carousel .item{
    background-color: white;
    
}

.owl-carousel{
    width: 130%;
    margin-left: -15%;
}


.grid {
    margin-bottom: 20px;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 33.333%;
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 98%;
  margin: 1%;
  opacity: .7;
  transition: all .5s;
  
}

.grid-item img:hover{
    opacity: 1;
}


#customBtnWrapper
{
    position: absolute;
    z-index: 999;
    bottom: 25px;
    right: 25px;
    background-color: rgb(0, 0, 0);
    padding-top: 5px;
    padding-bottom: 5px;
    color: white;
    height: 70px;
    overflow: hidden;
    display: none;
    cursor: pointer;
}

.separator{
    width: 1px;
    height: 100%;
    display: block;
    float: left;
    background-color: white;
}

#customNextBtn
{
    display: block;
    float: left;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 5px;
    height: 100%;
    border-left: 1px solid white;
    font-size: 2rem;
    color: white;
}

#customPrevBtn
{
    display: block;
    float: left;
    padding-left: 25px;
    padding-top: 5px;
    height: 100%;
    padding-right: 25px;
    font-size: 2rem;
    color: white;
}

#customNextBtn:hover, #customPrevBtn:hover{
    color: rgb(162, 162, 162);
} 



.ui-datepicker{z-index: 99999999999999 !important};


div.suptitle{
    
}

h1{
    font-size: 2.4rem;
    color: #FFF;
    word-wrap:break-word;
	font-family: 'EB Garamond', serif;
    font-weight: normal;
}

.suptitle{
    font-size: 0.8rem;
    color: rgb(118, 78, 33);
    text-transform: uppercase;
    letter-spacing: 2px;
	font-family: 'EB Garamond', serif;
}

h2{
    margin-bottom: 40px;
    font-size: 1.4rem;
    color: #c69c6f;
    letter-spacing: 1px;
	font-family: 'EB Garamond', serif;
}

h3{
    font-size: 1.1rem; 
}

h4{
    font-size: 1.0rem;
    margin-bottom: 3px;
    letter-spacing: 3.5px;   
    white-space: pre-wrap;      /* Webkit */    
   white-space: -moz-pre-wrap; /* Firefox */     
   white-space: -pre-wrap;     /* Opera <7 */    
   white-space: -o-pre-wrap;   /* Opera 7 */     
   word-wrap: break-word;
}

h5{
    font-style: normal;
    margin-bottom: 14px;
	line-height: 150%;
}


/*top bar*/
#top-bar{
    overflow: hidden;
    text-align: center;
    position: relative;
    background-color: #eaeaea;
    z-index: 1000;
    height: 80px;
}

#top-bar #menu-trigger{
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    background-image:url("../img/menu_open.png");
	    background-color: rgb(118, 78, 33); 
    background-size:cover;      
}

#top-bar #menu-trigger.open{
    background-image:url("../img/menu_close.png");
    background-size:cover;
}

#top-logo img{
    width: 130px;
    padding-top: 12px;
    display: block;
}

#languages{
    position: absolute;
    top: 0px;
    right: 0;
    width: 80px;
    height: 80px;
    width: 80px;
    height: 80px;
    background-color: #b5b3b3;  
    transition: all .3s ease;
}

#languages:hover{
    opacity: .9;
}

#languages #language-switcher{
    width: 0%;
    height: 100%;
    background-color: rgb(118, 78, 33); 
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s ease;
    overflow: hidden;
}

#languages #language-switcher.opened{
    width: 100%;
}


#languages #language-switcher ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#languages #language-switcher ul li{
    height: 50%;
    width: 100%;
    display: block;
    border-bottom: 1px solid white;
}

#languages #language-switcher ul li:nth-child(2){
    border: 0;
}

#languages #language-switcher ul li a{
    padding: 1px;
    display: block;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    padding-top: 9px;
}

#languages #language-switcher ul li a.active, #languages #language-switcher ul li a:hover{
    background-color: rgb(162, 162, 162);
}

#languages a{
    display: block;
    width: 100%;
    height: 100%;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
    padding-top: 24px;
    padding-left: 0px;
    transition: all .3s ease;
}

#languages a:hover{
	background-color: #c69c6f;
}



/*
 * Thumbnails
 */
.thumbnail{
    opacity: 1;
    transition: .3s all linear;   
}
.thumbnail:hover{
    opacity: .6;
}

/*
 * Quick request
 */
#quick-request{
    display: none;
}



/*
 * General "block"
 */
.block{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 42px;
    padding-bottom: 8px;
}


/*block-menu*/
div.block-menu{
}

div.block-menu .block-item{
    height: 530px;
    position: relative;
    background-size: cover;
	background-position: center;
    border: 2px solid rgb(162, 162, 162);
    width: 90%;
    margin: 10px auto;
    transition: all .5s;
}



div.block-menu .block-item:hover{
}

div.block-menu .block-item:hover a{
    border-color: rgb(118, 78, 33);
}

div.block-menu .block-item a{
    position: absolute;
    transition: all .5s;
    top: calc(50% - 100px);
    left: calc(50% - 100px);
    background-color: white;
    border: 10px solid rgb(255, 255, 255);
    border: 10px solid rgba(255, 255, 255, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    display: block;
    width: 200px;
    height: 200px;
    color: rgb(118, 78, 33);
    padding-top: 64px;
    border-radius: 100px;
    text-transform: uppercase;
    text-align: center;
	font-size: 40px;
	font-family: 'EB Garamond', serif;;s
}

div.block-menu .block-item a.two-lines{
    padding-top: 69px;
}

div.block-menu .block-item a:hover{
    text-decoration: none;
}

.block-thumbnail{
    width: 100%;
}


/*teaser*/
.teaser-menu{
   /* margin-bottom: 20px;*/
}

.teaser-right{
    background-image:url("../fotos/teaser-specials.jpg");
    background-size: cover;
    display: block;
	position: relative;
	height: 370px;
}

.teaser-left{
    background-color: rgb(0, 0, 0);
    text-align: center;
    color: white;
    padding-top: 50px;
    padding-bottom: 75px;
}

.teaser-left p{
    font-size: .9rem;
    letter-spacing: 2px;
    line-height: 200%;
    padding-top: 40px;
}

.teaser-right-storia{
    background-image:url("../fotos/teaser-manutenzione1.jpg");
    background-size: cover;
    display: block;
	position: relative;
	height: 370px;
}

.teaser-left-storia{
    background-color: rgb(62, 43, 22);
    text-align: center;
    color: white;
    padding-top: 50px;
    padding-bottom: 75px;
}

.teaser-left-storia p{
    font-size: .9rem;
    letter-spacing: 2px;
    line-height: 200%;
    padding-top: 40px;
}


.teaser-left-storia2{
    background-image:url("../fotos/teaser-manutenzione2.jpg");
    background-size: cover;
    display: block;
	position: relative;
	height: 370px;
}

.teaser-right-storia2{
    background-color: rgb(62, 43, 22);
    text-align: center;
    color: white;
    padding-top: 50px;
    padding-bottom: 75px;
}

.teaser-right-storia2 p{
    font-size: .9rem;
    letter-spacing: 2px;
    line-height: 200%;
    padding-top: 40px;
}


/*
 * Top logo
 */
 
#top-logo-wrapper{
}
 
#top-logo img{
    margin: 0 auto;
}

span.vertical-line{
    width: 1px;
    height: 45px;
    margin: 0 auto;
    margin-top: 28px;
    margin-bottom: 25px;
    display: block;
    background-color: rgb(118, 78, 33);
    font-weight: normal;
    color: rgb(118, 78, 33);
}
span.app-line{
    width: 1px;
    height: 30px;
    display: block;
    margin: 0 auto;
    background-color: #99803A;
    font-weight: normal;
    color: #99803A;
}


.yt-video iframe{
    height: 350px;
}

.footer{
    text-align: center;
    margin: 0 0 0 0;
    color: #000;  
}

.footer p{
    line-height: 140%;
    font-size: 1.1rem;
}

.footer a{
    color: inherit;
}

.footer a:hover{
    text-decoration: none;
    color: silver;
}

#footer-logo{
    width: 100%;
    max-width: 200px;
    margin: 25px 0;
}

#footer-left{
    background-color: rgb(162, 162, 162);
    background-image: url(../img/bg-sas.jpg);
    background-repeat: repeat;
}
#footer-middle{
    background-color: #FFF;
    padding: 25px 0;    
}
#footer-right{
     background-color: rgb(162, 162, 162);
    background-image: url(../img/bg-sas.jpg);
    background-repeat: repeat;
    padding: 25px 0;    
}

#south-tyrol-map{
    width: 90%;
    max-width: 373px;
}

ul#social{
    list-style-type: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
ul#social li{
    display: inline-block;
    margin: 5px;
    background-color: #c69c6f;
    transition: all .3s ease;
}

ul#social li:hover{
    background-color: rgb(118, 78, 33);
}

ul#footer-logos{
    list-style-type: none;
    overflow: hidden;
    margin: 25px 0 0 0;
    padding: 0;
}
ul#footer-logos li{
    display: inline-block;
    padding: 20px 35px 5px 5px;
    height: 68px; 
    background-image:url("../img/rissa-storta-logos-footer.png");
    background-repeat: no-repeat;
    background-position: center right;
}
ul#footer-logos li:last-child{
    background: none;
}
ul#footer-logos li a img{
    height: 30px;
}

#credits{
    background-color: #eaeaea;
    font-size: 1rem;
    color: #000;
    text-align: center;
    padding: 25px;
    clear: both;
    overflow: hidden;
}


#credits a{
    color: #000;
}


#credits a:hover, #credits li a.active{
    text-decoration: underline;
    color: rgb(118, 78, 33);
}



/*navigation*/
#menu-wrapper{
    position: fixed;
    z-index: 1300;
    width: 100%;
    top: 80px;
    height: 100vh;
    transition: all 1s ease;
    left: -100%; 
    background-color: #eaeaea;
    background-size:cover;
    overflow: auto;
}


#menu-wrapper #menu-decoration{
    position: absolute;
    z-index: 110;
    left: 0;
    width: 100%;
    height: 100vh;
    top: 0;
    background-repeat: no-repeat;
    background-image:url("../fotos/bg_menu.jpg");
    background-size: cover;
    background-color: #2b2523;    
}    



#menu-wrapper.open{
    left: 0;
}


#menu-trigger.open{
    background-image:url("../img/menu_open.png");
    background-size:cover;
}

ul.sub-menu{
    padding: 0;
    list-style-type: none;
}

#menu{
    z-index: 130;
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;   
    padding-top: 30px; 
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;    
    overflow-y: auto;
    max-height: 99vh;
}


#menu > li:last-child{
    margin-bottom: 90px;
}

#menu li{
}

#menu li li{
    border: 0;
    margin-bottom: 0;
}



#menu li a{
    color: white;
    font-size: 1.7rem;
    font-weight: normal;
    text-transform: uppercase;
    transition: all .3s;
}

#menu li li a{
    font-weight: normal;
    font-size: 1.2rem;
    font-style: normal;
    text-transform: none;
    transition: all .3s;
    border-bottom: 1px solid #ffffff;
    max-width: 90%;
    margin: 0 auto;
    
}

#menu li a.active{
    text-decoration: none;
    color: #c69c6f;
}

#menu li a:hover {
    text-decoration: none;
    color: rgb(118, 78, 33);
}



.apartment{
    margin-top: 25px;
    margin-bottom: 25px;
}

.apartment .description{
    font-size: 1.2rem;
    text-align: left;
}

.apartment img.app-left{
    width: 100%;
}

.apartment img.app-right{
    width: 100%;
}

ul.apartment-features{
    padding: 0;

}    


.fixedbg{
  min-height: 50vh;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-image:url("../fotos/giant-chess-villa-garden.jpg");
  margin-bottom: -70px;
  
}

.submit-button{
    margin: 0 auto !important;
    display: block !important;
    padding: 15px !important;
    width: 100%;
    max-width: 300px;
}




@media (min-width: 16px) {
 .page{
        background-color: #2b2523;

    }  

}


@media (min-width: 576px) {
 .page{
        background-color: #2b2523;

    }  
	
	
	
	
    
    #top-logo img{
        width: 170px;
        padding-top: 5px;
    }
    
    .app-line{
        width: 2px;
        height: 60px;
        background-color: silver;
        position: absolute;
        left: 60px;
        top: 140px;
        z-index: 20;
    }
    
    #meinacrep {
 border-radius: 50%;
    max-height: 100%;
    max-width: 100%;
    width: 200px;
    height: 200px;

}
    
    

}

@media (min-width: 768px) {
	
	
    
    h1{

        font-weight: bold;
        font-size: 4rem;
    }
    
    h4{
    font-size: 1.4rem;
    margin-bottom: 3px;
    letter-spacing: 3.5px;   
}
    
    #menu > li:last-child{
        margin-bottom: 50px;
    }    
    
    #meinacrep {
 border-radius: 50%;
    max-height: 100%;
    max-width: 100%;
    width: 300px;
    height: 300px;

}
    .suptitle{
    font-size: 1.2rem;
    color: #b5b3b3;
    text-transform: uppercase;
    letter-spacing: 2px;
	font-family: 'Muli', sans-serif;
}

    ul.apartment-features{
    padding: 0;
    font-size: 1.3rem;
}    
    
     .page{
        background-color: #2b2523;

    }  

    a.back-to-top{
        left: -10000000px;
    }

    .apartment{ 
        height: 570px;
        width: 100%;
        max-width: 600px;
        margin: 100px auto 25px auto;   
    }
    

    ul.apartment-features{
        display: inline-block;
        text-align: center;
        padding: 0;
    }    
    
    .apartment-top{
        position: relative;
    }
    
    
    .apartment .description{
        position: absolute;
        left: 60px;
        top: 80px;
    }
    
    .apartment img.app-right{
        position: absolute;
        top: 220px;
        left: 0;
        width: 60%;
        z-index: 16;
    }
    
    
    
    .apartment img.app-left{
        position: absolute;
        width: 60%;
        right: 0;
        top: 0;
        z-index: 14;
    } 


}

@media (min-width: 992px) {
	
	.teaser-right{
    background-size: cover;

	height: auto;
}
    .teaser-right-storia{
    background-size: cover;

	height: auto;
}
	
    .teaser-left-storia2{
    background-size: cover;

	height: auto;
}
	
	  

 .page{
        background-color: #2b2523;

    }  
    .submit-button{
        float: right;
    }


    .teaser-menu{
       /*  margin-bottom: 60px; */
    }


    .apartment{ 
        height: 650px;
        max-width: 800px;   
    }

    .top-gallery-wrapper{
        padding-top: 140px;
    }

    .owl-carousel{
        width: 100%;
        margin-left: 0;
    }


    p.main{
        line-height: 153%;
    }

    .form-group{
        margin-bottom: 40px;
    }
    
    #request-form{
        width: 800px;
        margin: 0 auto;
        margin-top: 50px;
    }

    body{
        padding-left: 85px;
        padding-right: 85px;
    }
    
    .fixedbg{
    }
    
    
    .teaser-left{
        padding-top: 80px;
        padding-left: 90px;
        text-align: left;
    }
    
    .teaser-right{  
        display: block;
        
    }
    
    
    .teaser-left p{
        padding-top: 50px;
        padding-right: 60px;
        font-size: 1rem;
        letter-spacing: 1.5px;
        line-height: 240%;
    }
    
    
    .teaser-left-storia{
        padding-top: 80px;
        padding-left: 90px;
        text-align: left;
    }
    
    .teaser-right-storia {  
        display: block;
        
    }
    
    
    .teaser-left-storia p{
        padding-top: 10px;
        padding-right: 50px;
        font-size: 1rem;
        letter-spacing: 1.5px;
        line-height: 180%;
    }
    
    
    .teaser-right-storia2{
        padding-top: 80px;
        padding-left: 90px;
        text-align: left;
    }
    
    .teaser-left-storia2{  
        display: block;
        
    }
    
    
    .teaser-right-storia2 p{
        padding-top: 10px;
        padding-right: 50px;
        font-size: 1rem;
        letter-spacing: 1.5px;
        line-height: 180%;
    }
    
    
    #customBtnWrapper
    {
        display: block;
    }

    #scrolldown{
        display: block;
        width: 100%;
        position: relative;
        top: 0px;
        text-transform: uppercase;
        text-align: center;
    }
    
    div.block-menu .block-item{
        height: 530px;
        position: relative;
        background-size: cover;
		background-position: center;
        border: 2px solid rgb(162, 162, 162);
        width: 23.3%;
    }    



    p{
        font-size: 1.3rem;
		/*margin-right: 30px !important;
		margin-left: 30px !important;*/
        font-weight: 500;
    }

    h1{
        font-size: 4rem;
    }
    
    h2{
        font-size: 2.4rem;
    }
    
    h3{
        font-size: 1.6rem;
    }
    


    /*top bar*/
    #top-bar{
        overflow: hidden;
        text-align: center;
        height: 140px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: fixed;
        width: calc(100% - 170px);
        top: 0;
        transition: top 0.2s ease-in-out;        
    }
    
    #top-bar.up {
      top: -140px; // same as header height. use variables in LESS/SASS
    }    
    
    
    #top-bar #menu-trigger{
        width: 80px;
        height: 80px;
        z-index: 99999999;
        top: 30px;     
    }    

    
    #top-bar #languages
    {
        display: block;
        float: right;
        margin-top: 30px;
    }    
        
    
    
    #menu-wrapper{
        width: calc( 100% - 170px);
        margin-left: 85px;
        left: calc( -100vw - 85px);
        top: 140px; 
    }   
    
    #menu{
        padding-top: 50px;
        max-height: calc(100vh - 140px);
    }


    
    #menu-trigger:hover{
        cursor: pointer;
    }
    

    #menu li a{
        font-size: 2.8rem;
		 letter-spacing: 1px;
		font-weight: bold;
    }   
    
    #menu li li a{
        font-size: 1.4rem !important;
        max-width: 35%;
    }   
    
    


    #decoration-right, #decoration-left{
        display: inline;
    }
    
    #top-logo img{
        width: auto;
        padding: 0;
        margin-top: -20px;
    }
  
    
    .yt-video iframe{
        height: 750px;
    } 
    
    
    .block{
        overflow: hidden;
        text-align: center;
    } 
    
    #quick-request{
        display: block;
        background-color: #000;    
        text-align: center;
        height: 55px;
        padding-top: 10px;
    }
    
    #quick-request form{
        width: 700px;
        margin: 0 auto;
        color: white;
    }
    
    #quick-request form input[type=text]{
        border-radius: 0;
        height: 32px;
        width: 160px;
        margin-left: 5px;
        margin-right: 15px;
    }
    
    .calendar-icon{
        background-image:url("../img/kalender.png");
        background-repeat: no-repeat;
        background-position: 97% 50%;
        background-size: 20px;
    }
    
    #quick-request form button[type=submit]{
        border-radius: 0;
        height: 32px;
        background-color: rgb(118, 78, 33);
        font-style: italic;
        color: white;
        text-align: center;
        padding: 2px;
        width: 200px;
    }   
    


    
    ul#social{
        margin-top: 30px;
        margin-right: 30px;
    }
    ul#social li{
    }
    ul#social li a{
    }
    ul#social li a img{
        height: 50px;
    }
    

       
}



@media (min-width: 1200px) {

	
    #menu{
        max-height: calc(100vh - 215px);    
    }
    
    #menu li li a{
        max-width: 40%;
        
    }    



    #menu-wrapper #menu-decoration{
        position: absolute;
        z-index: 110;
        left: 0;
        width: 100%;
        height: calc(100vh - 215px);
        top: 0;
        background-repeat: no-repeat;
        background-image:url("../fotos/bg_menu.jpg");
        background-size: cover;
    }    



    
    h4{
        letter-spacing: 1.5px;
    }
    
    .page{
        position: relative;
        background-color: #2b2523;
        z-index: 100;
        margin-bottom: 74px;
    }    
    

    
    .footer-container
    {
        position: fixed; 
        bottom: 0;
        left: 85px;
        right: 85px; 
    }   
    

    
    .footer{
        overflow: hidden;
        height: 430px;
        margin-top: 0;
        bottom: 0;
        margin: 0;
    }
    
    #footer-logo{
        margin-top: 140px;
        margin-bottom: 80px;
        max-width: 230px;
    }
    
    ul#footer-logos{
        position: absolute;
        bottom: 25px;
        right: -15px;    
        margin: 10px 0 0 0;
    }
    ul#footer-logos li{
        padding: 5px;
        padding-right: 40px;
        height: auto;
    }
    ul#footer-logos li:last-child{
    }
    
    ul#footer-logos li a{
    }
    ul#footer-logos li a img{
        height: 20px;
    }        
    
    #footer-left{ 
        width: 30%;
        float: left; 
        height: 100%;  
    }
    
    
    
    #footer-middle{
        width: 40%;
        float: left;
        height: 100%;
        text-align: left;
        padding-left: 35px;
        padding-top: 50px; 
        position: relative;   
    }
    #footer-right{  
        width: 30%;
        float: right;
        height: 100%;
        text-align: right;
        padding-right: 25px;
        position: relative;  
    } 
    
    #south-tyrol-map{
        position: absolute;
        top: 140px;
        left: 240px;
        width: 30%;
    } 
    
    #request-form{
        width: 900px;
    }    

      

}

@media (min-width: 1500px) {

    #footer-logo{
        max-width: 330px;
        margin-top: 100px;
    }   
    
    #menu li li a{
        max-width: 25%;
    }      
    
    ul#footer-logos li a img{
        height: 35px;
    }        

    #south-tyrol-map{
        width: 50%;
    } 
}


@media (max-width: 1200px) {

    #dumanda {
	display: none;

}
	
	#dumanda-bg {
	display: none;

}
}




/*Edge*/
@supports ( -ms-accelerator:true ) 
{ 
}
/*Ie 10/11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{ 
    .fixedbg {  
      background-attachment: scroll !important;
    } 
            
    
    ul.apartment-features{
		list-style-position: inside !important;
	
    }      
    
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ul.apartment-features{
		list-style-position: inside !important;
	
    }
}


/*-------- iPads (portrait and landscape) iphone fixed bg fix --------*/
@media only screen and (min-device-width : 250px) and (max-device-width : 1024px) {
    .fixedbg{
      background-attachment: initial;
      
    }
}