@charset "utf-8"; /* CSS Document by Onstay AG © 2026 */

@keyframes bgslides { 0% { background-position: 0% bottom; background-size: 180%;  } 100% { background-position: right bottom; background-size: 180%;  } } 
@keyframes welcome_mobile { from { opacity:0; } to { opacity:1; } } 


    main   { max-height: calc(100vh - 96px); overflow-y: auto; } 




@media (max-width: 2560px) { 
    div.guestForm div.booking > div.room { max-width: calc(33.3% - 16px); } 
} 
@media (max-width: 1920px) { 
    div.guestForm div.booking > div.room { max-width: calc(50% - 16px); } 
} 
@media (max-width: 1280px) { 
    div.guestForm div.booking > div.room { max-width: calc(100% - 16px); } 
} 



@media (max-width: 796px) and (min-width: 600px) {

    div.guestForm div.booking > div.room > span.roominfo         { flex-direction: row; flex-wrap: wrap; }
    div.guestForm div.booking > div.room > span.roominfo > b     { min-width:100%; max-width:100%; }
    div.guestForm div.booking > div.room > span.roominfo > img   { max-width:50%; }
    div.guestForm div.booking > div.room > span.roominfo > small { min-width: 50%; max-width: 50%; padding-left: 20px; }
    
    

}
    
    
    
@media (max-width: 796px) { 
    
    div.guestForm div.booking > div.room                      { flex-direction: column; } 
    div.guestForm div.booking > div.room > span               { max-width: 100%; } 
    div.guestForm div.booking > div.room > span:first-child   { border-radius: 7px 7px 0px 0px; }
    div.guestForm div.booking > div.room > span:last-child    { border-radius: 0px 0px 7px 7px; }
    div.guestForm div.booking > div.room > span.roominfo > p  { display: none; }
    
    
    header > img#logo { margin: -4px auto -4px 52px;  }

    
    
    
    html { 
        animation-name: none; 
        background: #ddf4ff !important; 
        min-height: calc(100vh - 40px); 
        min-height: -webkit-fill-available; 
        font-size:0.9em;
    } html:before { 
        animation-name: none; 
        background: linear-gradient(180deg,#ddf4ff 0%, #14407a 150%) !important;
        opacity: 1; 
        background-size: cover !important; 
        background-attachment: fixed;
    } 
    body { 
        animation-name: bgslides; 
        animation-timing-function: linear; 
        animation-duration: 7s;
        background-image: url("mountains.svg");
        background-position: right bottom;
        min-height: -webkit-fill-available;
        background-size: 180%; 
        background-attachment: local; 
    } body:before { display:none !important; } 
    
    
    
    
    
    
    
    
    body > button.cookie.off { box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5); }
    div.cookieStage { background:transparent; padding: 8px 8px; }
    div.cookieStage > div { max-height: calc(100vh - 60px); min-height: calc(100vh - 60px); 
        overflow-y: auto; background-image: none; padding-top:48px; padding-bottom:40px; box-shadow: 0px 0px 8px 0px black; } 
    div.cookieStage > div > b { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='mediumseagreen'%3E%3Cpath d='M480-100q-78.85 0-148.2-29.92-69.35-29.93-120.65-81.23-51.3-51.3-81.23-120.65Q100-401.15 100-480q0-77.31 29.77-146.23 29.77-68.92 81-121.19 51.23-52.27 120-82.93Q399.54-861 477.31-861q15.28 0 31.29 1.23 16.02 1.23 32.09 3.92-2.84 45 11 81.54 13.85 36.54 40.77 62.27 26.92 25.73 65.35 38.42 38.42 12.7 85.5 10.77-12.16 59 24.81 106.08 36.96 47.08 91.42 54.46.23 2.54.34 4.73.12 2.2.12 4.73 0 80.69-30.08 152.03-30.09 71.34-81.66 124.96-51.57 53.63-120.64 84.74Q558.54-100 480-100Zm-59.62-467.69q21.54 0 36.74-15.58 15.19-15.58 15.19-37.11 0-21.54-15.26-36.74-15.26-15.19-37.05-15.19-21.15 0-36.73 15.26-15.58 15.26-15.58 37.05 0 21.15 15.58 36.73 15.58 15.58 37.11 15.58Zm-80 200q21.54 0 36.74-15.58 15.19-15.58 15.19-37.11 0-21.54-15.26-36.74-15.26-15.19-37.05-15.19-21.15 0-36.73 15.26-15.58 15.26-15.58 37.05 0 21.15 15.58 36.73 15.58 15.58 37.11 15.58Zm260 40q13.54 0 22.74-9.58 9.19-9.58 9.19-23.11 0-13.54-9.29-22.74-9.29-9.19-23.02-9.19-13.15 0-22.73 9.29T567.69-360q0 13.15 9.58 22.73t23.11 9.58ZM480.14-140q129.19 0 229.25-93.62 100.07-93.61 109.84-237.46-53.08-21.23-82.73-60-29.65-38.77-35.04-93.46-82.38-7.15-137.77-59.08-55.38-51.92-60.69-136.61-76.15-5.08-142.42 21.31-66.27 26.38-115.23 74.11-48.97 47.73-77.16 111.66Q140-549.23 140-480q0 140.69 99.65 240.35Q339.31-140 480.14-140ZM480-487.85Z'/%3E%3C/svg%3E");
    background-size: 48px; text-align: left; padding-left: 64px; background-position: 2px 4px; } 
    div.cookieStage > div > p { padding: 1px 4px 12px 1px; font-size: 0.825rem; line-height: 1.45; font-weight: 400; }
    div.cookieStage > div > button { background-color: mediumseagreen; font-size: 1.5rem; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5); }
    
    header { /* position: fixed; z-index: 10; background-size: 32px; box-shadow: none; background-color: transparent; top: 0px; */ } 
    footer { /* opacity: 0.5; */ } 
    div.guestForm { background-color: transparent; }    
    
    
    
    main.loading, main.welcome { padding-top: 30vh !important; } 
    main h1 { 
        color: white !important;
        font-weight: 600;
        font-size: 1.3rem;
        letter-spacing: 0px;
        word-spacing: 4px; 
        width: 100%; 
        text-align: center;
        align-items: center;
        justify-content: center;
        opacity:1;
    } 
    main.welcome > h1 { 
        animation-name: welcome_mobile; 
        animation-duration: 0.67s; 
        animation-timing-function: ease-in-out; 
    } 
    main.loading > h1, 
    main.welcome > h1 { text-shadow: 0 0 0px rgba(0,0,0,0); } 
    main.ready > h1 { visibility:hidden; } 
    
    div.guestForm > p { 
    padding: 120px 24px 12px 24px;
    background-size: 86px;
    background-position: center 17px;
    line-height: 1.45;
    font-size: 0.9rem;
    background-color: rgba(255,255,255,0);
    color: white;
    border: 2px solid white;
    } 
    div.guestForm > p > small { 
        margin: 12px 0px 1px 0px; 
        padding: 10px 1px; 
        background: transparent;  
        color: white; 
        opacity: 1; 
        font-size: 0.9rem; 
        border-top: 1px solid white; 
    } 
    div.guestForm > p.alert { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='white'%3E%3Cpath d='M480-300q10.46 0 17.54-7.08 7.08-7.07 7.08-17.54 0-10.46-7.08-17.53-7.08-7.08-17.54-7.08-10.46 0-17.54 7.08-7.08 7.07-7.08 17.53 0 10.47 7.08 17.54Q469.54-300 480-300Zm-20-118.46h40v-243.08h-40v243.08ZM224.62-160q-26.66 0-45.64-18.98T160-224.62v-510.76q0-26.66 18.98-45.64T224.62-800h188q-5.47-30.62 14.65-55.31Q447.38-880 480.38-880t53.12 24.69q20.12 24.69 13.88 55.31h188q26.66 0 45.64 18.98T800-735.38v510.76q0 26.66-18.98 45.64T735.38-160H224.62Zm0-40h510.76q9.24 0 16.93-7.69 7.69-7.69 7.69-16.93v-510.76q0-9.24-7.69-16.93-7.69-7.69-16.93-7.69H224.62q-9.24 0-16.93 7.69-7.69 7.69-7.69 16.93v510.76q0 9.24 7.69 16.93 7.69 7.69 16.93 7.69ZM480-782.31q13 0 21.5-8.5t8.5-21.5q0-13-8.5-21.5t-21.5-8.5q-13 0-21.5 8.5t-8.5 21.5q0 13 8.5 21.5t21.5 8.5ZM200-200v-560 560Z'/%3E%3C/svg%3E"); }
    
    
    
    div.guestForm { padding: 2px; max-width:100%; } 
    
    
    
    div.guestForm div.booking > p {  } 
    div.guestForm > button { margin: 2px auto; top: 2px; padding: 8px 16px 7px 48px; z-index:20; } 
    
    
    
    
    
    
    div.guestForm div.booking > div.room > span > textarea, div.guestForm div.booking > div.room > span > input, div.guestForm div.booking > div.room > span > select {
    padding: 8px 5px 8px 8px;
}
    
    
    div.guestForm div.booking > div.room > span > select { 
        padding: 8px 16px 8px 16px; 
        text-align: center !important;
        -webkit-apperance: none;
         appearance: none;
        
    }
    
    div.guestForm div.booking > div.room > span.guestdata > b { 
    text-align: right;
    padding-bottom: 32px;
}
    
    
    
    /*
    
    
    
    
    TldLNk5PVlhQVlNZUkREMw==
    
    
    
    
    
    
    
    
    
    
    
    
    
    div.guestForm  > button { z-index: 11; } 
    div.guestForm div.booking { padding: 0px 6px 12px 6px; } 
    div.guestForm div.booking > p { 
        padding: 10px 24px 12px 24px;
        font-size: 0.925rem;
        line-height: 1.25;
        text-align: left;
        color: black;
        background: rgba(255,255,255,0.3);
    } 
    div.guestForm div.booking > div.room { 
        margin: 8px 0px 24px 0px; 
        width: 100%; 
        min-width: 100%; 
    } 
    
    div.cookieStage { padding-top: 12px; }
    div.cookieStage > div { max-height: calc(100vh - 24px); overflow-y: auto; background-image: none; padding-top:48px; padding-bottom:240px; } 
    div.cookieStage > div > b { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='mediumseagreen'%3E%3Cpath d='M480-100q-78.85 0-148.2-29.92-69.35-29.93-120.65-81.23-51.3-51.3-81.23-120.65Q100-401.15 100-480q0-77.31 29.77-146.23 29.77-68.92 81-121.19 51.23-52.27 120-82.93Q399.54-861 477.31-861q15.28 0 31.29 1.23 16.02 1.23 32.09 3.92-2.84 45 11 81.54 13.85 36.54 40.77 62.27 26.92 25.73 65.35 38.42 38.42 12.7 85.5 10.77-12.16 59 24.81 106.08 36.96 47.08 91.42 54.46.23 2.54.34 4.73.12 2.2.12 4.73 0 80.69-30.08 152.03-30.09 71.34-81.66 124.96-51.57 53.63-120.64 84.74Q558.54-100 480-100Zm-59.62-467.69q21.54 0 36.74-15.58 15.19-15.58 15.19-37.11 0-21.54-15.26-36.74-15.26-15.19-37.05-15.19-21.15 0-36.73 15.26-15.58 15.26-15.58 37.05 0 21.15 15.58 36.73 15.58 15.58 37.11 15.58Zm-80 200q21.54 0 36.74-15.58 15.19-15.58 15.19-37.11 0-21.54-15.26-36.74-15.26-15.19-37.05-15.19-21.15 0-36.73 15.26-15.58 15.26-15.58 37.05 0 21.15 15.58 36.73 15.58 15.58 37.11 15.58Zm260 40q13.54 0 22.74-9.58 9.19-9.58 9.19-23.11 0-13.54-9.29-22.74-9.29-9.19-23.02-9.19-13.15 0-22.73 9.29T567.69-360q0 13.15 9.58 22.73t23.11 9.58ZM480.14-140q129.19 0 229.25-93.62 100.07-93.61 109.84-237.46-53.08-21.23-82.73-60-29.65-38.77-35.04-93.46-82.38-7.15-137.77-59.08-55.38-51.92-60.69-136.61-76.15-5.08-142.42 21.31-66.27 26.38-115.23 74.11-48.97 47.73-77.16 111.66Q140-549.23 140-480q0 140.69 99.65 240.35Q339.31-140 480.14-140ZM480-487.85Z'/%3E%3C/svg%3E");
    background-size: 48px; text-align: left; padding-left: 64px; background-position: 2px 4px; } 
    
    
    
    */
    
}