#logo-large {
    display: none;
}

#logo-small {
    display: initial;
    z-index: 10;
    position: relative;
    top: 13px;
    margin-right: auto;
    margin-left: auto;
}

header {
    width: calc(100% - 50px);
    padding-right: 25px;
    padding-left: 25px;
}



.scroll-no {
    height: 100vh;
    overflow: hidden;
}

/* Off-canvas menu */

 #menu {
    z-index: 2;
    position: fixed;
    top: 0px;
    bottom: 0px;
    width: 100%;
    transition: right 0.4s ease-in-out;
    -webkit-transition: right 0.4s ease-in-out;
    -moz-transition: right 0.4s ease-in-out;
    -ms-transition: right 0.4s ease-in-out;
    -o-transition: right 0.4s ease-in-out;
    background-color: #484848;
    padding-top: 50px;
    overflow: auto;
} 

#menu ul li {
    display: list-item;
    list-style-type: none;
    width: 250px;
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    line-height: 200%;
}

ul#menu-mobile.menu {
    padding-left: 20px;   /* Ensures that the menu list has no excess padding on the left */
}
    
.menu-show {
    right: 0px;
} 
    
.menu-hide {
    right: -100%;
}
    
.menu-icon-show {
    background: #484848 url('menu-icon-show.svg') center center no-repeat;
    background-size: 25px;
}
    
.menu-icon-hide {
    background: #484848 url('menu-icon-hide.svg') center center no-repeat;
    background-size: 25px;
}

/* Adjustments for the navigation */

#navigation-large {
    display: none;
}

#navigation-small {
    display: block;
}

#trigger {
    display: block;
    z-index: 4;
    position: absolute; 
    top: 0;
    right: 0;
    cursor: pointer;
    width: 50px;
    height: 50px;
}

.phone a {
    margin-left: 0px;
    color: white;
    padding-left: 50px;
    background: url(phone.svg) 13px center no-repeat;
}

.book a {
    margin-left: 0px;
    background-color: #d20000;
    border-radius: 6px;
    padding: 5px 70px 5px 50px;
}

.location a {
    margin-left: 0px;
    padding-left: 50px;
    background: url(location.svg) 5px center no-repeat;
}

.location.current-menu-item a {
    background: url(location-current.svg) 5px center no-repeat;
}

.facilities a {
    margin-left: 0px;
    padding-left: 50px;
    background: url(facilities.svg) no-repeat;
}

.prices a {
    margin-left: 0px;
    padding-left: 50px;
    background: url(prices.svg) 5px center no-repeat;
}

.prices.current-menu-item a {
    background: url(prices-current.svg) 5px center no-repeat;
}

.questions a {
    margin-left: 0px;
    padding-left: 50px;
    background: url(questions.svg) 5px center no-repeat;
}

.questions.current-menu-item a {
    background: url(questions-current.svg) 5px center no-repeat;
}



/* Adjustments for the facilities page */

#facilities-pointer {
    display: none;
}

#reception {
    padding-top: 100px;
}

.icon-spacing {
    margin-left: 10px;
}

.icon-margin-bottom {
    margin-bottom: 10px;
}

.facilities-headline {
    width: 80%;
    font-size: 20px;
    line-height: 120%;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.facilities-subline {
    width: 80%;
    font-size: 18px;
    line-height: 120%;
}

.facilities-description {
    padding-top: 20px;
    padding-bottom: 20px;
}


/* Adjustments for the prices page */

#prices-container {
    padding-top: 80px;
    padding-bottom: 20px;
}

#prices-headline {
    width: calc(90% - 40px); 
    height: auto; 
    font-weight: bold; 
    line-height: 120%;
    color: white; 
    background-color: #56b7e0; 
    border-radius: 8px; 
    padding-right: 20px; 
    padding-left: 20px;  
    margin-bottom: 20px;
}



#pricelist {
    border-spacing: 0px;
    border-collapse: separate;
    width: 90%;
}

#pricelist .dorm-12,
#pricelist .dorm-18,
#pricelist .quad-room, 
#pricelist .twin-room {
    display: block;
    width: 100%;
    border: 0px;
    border-top: 30px solid #eee6cb;
    margin-right: auto;
    margin-left: auto;
  }





.dorm-12 {
    text-align: center;
    padding: 120px 0px 25px 0px;
    background: #eee6cb url(dorm-12-mobile.svg) top center no-repeat;
    background-size: 240px;
    margin-bottom: 5px;
}

.dorm-18 {
    text-align: center;
    padding: 120px 0px 25px 0px;
    background: #eee6cb url(dorm-18-mobile.svg) top center no-repeat;
    background-size: 240px;
    margin-bottom: 5px;
}

.quad-room {
    text-align: center;
    padding: 120px 0px 25px 0px;
    background: #eee6cb url(quad-room-mobile.svg) top center no-repeat;
    background-size: 220px;
    margin-bottom: 5px;
}

.twin-room {
    text-align: center;
    padding: 120px 0px 25px 0px;
    background: #eee6cb url(twin-room-mobile.svg) top center no-repeat;
    background-size: 220px;
    margin-bottom: 5px;
}




/* Adjustments for the questions page */

#backpack-bike {
    display: none;
}

#clock-washing-beer {
    display: none;
}

#questions-background {
    padding-bottom: 0px;
}

#questions-container {
    width: calc(100% - 20px);
    padding-top: 80px;
    padding-right: 10px;
    padding-left: 10px;
}

#questions-headline {
    margin-bottom: 20px;
}

a.toc:link {
    width: calc(100% - 80px);
    background: #dadada;
    padding-top: 10px;
    padding-bottom: 10px;
	}

a.toplink:link {
    margin-top: 0px;
	}

.question {
    width: 70%;
    background: #dadada;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
}

.answer {
    width: 70%;
    background: #56b7e0;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
}



/* Post-it-notes */

.post-it-note {
    width: calc(90% - 80px);
    height: auto; 
    font-size: 18px; 
    line-height: 120%; 
    font-weight: normal; 
    color: white; 
    color: #484848; 
    background-color: #ffffa5; 
    border-top: 50px solid #f8e196; 
    padding-top: 20px; 
    padding-right: 40px; 
    padding-bottom: 30px; 
    padding-left: 40px; 
    margin-top: 20px; 
    margin-right: auto; 
    margin-bottom: 20px; 
    margin-left: auto;
}

.questions-post-it { 
    width: calc(100% - 30px);
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
}