@charset "utf-8"; /* CSS Document by Onstay AG © 2026 */
@media (prefers-color-scheme: dark) { :root { color-scheme: light; } } 
@media (forced-colors: active) { :root { color-scheme: light; } } 
*, *:before { position:relative; box-sizing:border-box; margin:0px 0px; padding: 0px 0px; border:0px; outline:none; text-decoration:none; color:inherit; background-repeat:no-repeat; } 
html { display: flex; max-width: 100%; min-width: 100%; min-height: 100vh; justify-content: center; align-items: stretch; justify-items: stretch; font-size: 1em; font-family: "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; overflow-x: hidden; background-color: gainsboro; } 
body { display: inline-flex; flex-direction: column; min-width: 100%; max-width: 100%; overflow: hidden; justify-content: space-between; } 
header, footer { display:flex; width: 100%; min-height: 32px; max-height: 32px; } 
header { 
    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='gold'%3E%3Cpath d='M120-680v-55.38q0-27.62 18.5-46.12Q157-800 184.62-800h590.76q27.62 0 46.12 18.5Q840-763 840-735.38V-680h-40v-55.38q0-10.77-6.92-17.7-6.93-6.92-17.7-6.92H184.62q-10.77 0-17.7 6.92-6.92 6.93-6.92 17.7V-680h-40Zm240 520v-80H184.62q-27.62 0-46.12-18.5Q120-277 120-304.62V-360h40v55.38q0 10.77 6.92 17.7 6.93 6.92 17.7 6.92h590.76q10.77 0 17.7-6.92 6.92-6.93 6.92-17.7V-360h40v55.38q0 27.62-18.5 46.12Q803-240 775.38-240H600v80H360Zm120-360Zm-303.38 0 104-104-28.31-28.31L120-520l132.31 132.31L280.62-416l-104-104Zm606.76 0-104 104 28.31 28.31L840-520 707.69-652.31 679.38-624l104 104Z'/%3E%3C/svg%3E");
    background-size: 28px;
    background-position: 10px 2px;
    background-color: black;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 3;
    color: #cdcdcd;
    line-height: normal;
    text-align: center;
    justify-content: center;
    align-items: center; } 
footer { } header, footer, main { min-width: 100%; max-width: 100%; width: 100%; padding:4px; } 
main { display: inline-block; z-index:1; padding-top:32px !important } 
html { } body { min-height: 100vh; min-height: 100dvh; } 
i { font-style: normal; 
    font-family: monospace; 
    line-height: 1.5; 
    font-size: 15px; 
} header, header > i { text-transform: uppercase; } 
footer { 
    max-height: unset;
    background-image: url("onstay_white.svg");
    background-size: 48px;
    background-position: 99.5% center;
    background-repeat: no-repeat;
    opacity: 0.5;
    font-size: 0.8rem;
    justify-content: center;
    line-height: normal;
    align-items: center;
    background-color: darkgoldenrod;
} main { 
    min-height: 186px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1280px !important;
    min-width: auto;
    margin: 0px auto;  
} button { 
    margin: 32px 0px 12px 0px;
    padding: 1rem 2rem;
    font-size: 1.2rem;
    text-align: center;
    color: white;
    background: #424242;
    border-radius: 5px;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
    display: flex;
    min-height: 58px;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    min-width: 64px;
    text-transform: uppercase;
    letter-spacing: 1px;
    pointer-events: all;
} button:hover { 
    background: darkslategray; 
    cursor: pointer; 
} main > p { 
    
    width: 100%; 
    padding: 0px 12px 24px 12px; 
    text-align: left; 
    background-color: rgba(255,255,255,0.65); 
    line-height: 1.5; 
    color: #828282; 
    font-weight: 400; 
    display: flex; 
    flex-direction: column; 
    justify-content: flex-start; 
    align-items: flex-start; 
    min-height: 70px; 
    margin-bottom: 8px; 
    
} main > p.info { 
    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='gray'%3E%3Cpath d='M384-365.23 412.31-394l-86-86 86-86L384-594.77 269.23-480 384-365.23Zm192 0L690.77-480 576-594.77 547.69-566l86 86-86 86L576-365.23ZM224.62-160q-26.85 0-45.74-18.88Q160-197.77 160-224.62v-510.76q0-26.85 18.88-45.74Q197.77-800 224.62-800h188q-5.47-30.62 14.65-55.31Q447.38-880 480-880q33.38 0 53.5 24.69 20.12 24.69 13.88 55.31h188q26.85 0 45.74 18.88Q800-762.23 800-735.38v510.76q0 26.85-18.88 45.74Q762.23-160 735.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.69ZM501.5-790.81q8.5-8.5 8.5-21.5t-8.5-21.5q-8.5-8.5-21.5-8.5t-21.5 8.5q-8.5 8.5-8.5 21.5t8.5 21.5q8.5 8.5 21.5 8.5t21.5-8.5ZM200-200v-560 560Z'/%3E%3C/svg%3E");
    padding: 20px 24px 24px 68px;
    background-size: 48px;
    background-position: 12px 12px;
    line-height: 1.85;
    font-size: 1em;
    margin: 12px;
    border-radius: 5px;
    display: inline-block;
} form.login { 
    display: inline-flex; 
    flex-direction: column; 
    box-sizing: border-box; 
    padding: 24px; 
    border-radius: 5px; 
    width: 300px; 
    background-color: gainsboro; 
    box-shadow: 0px 0px 64px 0px rgba(0,0,0,0.1); 
    margin: 96px auto; 
} label { display: block;
    width: 100%;
    box-sizing: border-box;
    line-height: normal;
    text-transform: uppercase;
    opacity: 0.5;
    padding: 12px 0px 2px 0px; 
} input { 
    display: block;
    box-sizing: border-box;
    line-height: normal;
    font-size: 1.2rem;
    border-radius: 3px;
    padding: 8px 4px;
    margin: 2px 0px 6px;
    text-align: left;
    font-weight: 400;
} 
form.login > input { 
    text-align: center; 
    background-color: transparent !important; 
    border: 2px solid gray; 
    border-radius: 6px; 
} 
header > form { 
    display: block;
    position: absolute;
    top: 1px;
    right: 4px;
} button.logout { 
    margin: 0px 0px 0px 0px; 
    display: flex; 
    position: absolute; 
    max-height: 22px !important; 
    padding: 1px 12px 1px 12px; 
    min-height: 26px; 
    top: 2px; 
    right: 2px; 
    line-height: normal; 
    font-size: 0.75rem; 
    border-radius: 3px; 
    background-color: indianred; 
} 
form.login > label { 
    padding-left: 32px;
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-bottom: 10px;
    margin-top: 4px;
    color: gray;
    background-size: 24px;
    opacity:0.9; 
    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='gray'%3E%3Cpath d='M100-220v-40h760v40H100Zm21.38-238.92-30.46-17.7 38.62-67.69H52.31v-35.38h77.23l-38.62-65.69 30.46-17.7 38.62 65.7 38.62-65.7 30.46 17.7-38.62 65.69h77.23v35.38h-77.23l38.62 67.69-30.46 17.7-38.62-67.7-38.62 67.7Zm320 0-30.46-17.7 38.62-67.69h-77.23v-35.38h77.23l-38.62-65.69 30.46-17.7 38.62 65.7 38.62-65.7 30.46 17.7-38.62 65.69h77.23v35.38h-77.23l38.62 67.69-30.46 17.7-38.62-67.7-38.62 67.7Zm320 0-30.46-17.7 38.62-67.69h-77.23v-35.38h77.23l-38.62-65.69 30.46-17.7 38.62 65.7 38.62-65.7 30.46 17.7-38.62 65.69h77.23v35.38h-77.23l38.62 67.69-30.46 17.7-38.62-67.7-38.62 67.7Z'/%3E%3C/svg%3E");
} 

form.login > label.usr { 
    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='gray'%3E%3Cpath d='M395.08-539.69Q360-574.77 360-624.62q0-49.84 35.08-84.92 35.07-35.08 84.92-35.08t84.92 35.08Q600-674.46 600-624.62q0 49.85-35.08 84.93-35.07 35.07-84.92 35.07t-84.92-35.07ZM200-215.38v-65.85q0-24.77 14.42-46.35 14.43-21.57 38.81-33.5 56.62-27.15 113.31-40.73 56.69-13.57 113.46-13.57 56.77 0 113.46 13.57 56.69 13.58 113.31 40.73 24.38 11.93 38.81 33.5Q760-306 760-281.23v65.85H200Zm40-40h480v-25.85q0-13.31-8.58-25-8.57-11.69-23.73-19.77-49.38-23.92-101.83-36.65-52.45-12.73-105.86-12.73t-105.86 12.73Q321.69-349.92 272.31-326q-15.16 8.08-23.73 19.77-8.58 11.69-8.58 25v25.85Zm296.5-312.74q23.5-23.5 23.5-56.5t-23.5-56.5q-23.5-23.5-56.5-23.5t-56.5 23.5q-23.5 23.5-23.5 56.5t23.5 56.5q23.5 23.5 56.5 23.5t56.5-23.5Zm-56.5-56.5Zm0 369.24Z'/%3E%3C/svg%3E"); 
} 








@media screen and (max-width: 1012px) { 
    
}
@media screen and (max-width: 760px) { 
    
} 
@media screen and (max-width: 610px) { 
    
}