@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; } } 
@keyframes bgzoom { 0% { background-size: 100%; } 100% { background-size: 130%; } }
@keyframes bgzoomforground {  0% { background-size: 100%; } 100% { background-size: 140%; } }
@keyframes sunrise { from { opacity: 0.7; } to { opacity: 0; } } 
@keyframes welcome { from { letter-spacing: 40px; word-spacing: 24px; font-size: 3rem;  } to { font-size: 2rem; letter-spacing: 1px; word-spacing: 6px; } } 

*, *: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; } 
body { display: inline-flex; min-width: 100%; max-width: 100%; overflow: hidden; }

/* Animator Styles Intro */ 
html { background: -moz-linear-gradient(-45deg, #ddf4ff 5%, #14407a 100%); 
       background: -webkit-linear-gradient(-45deg, #ddf4ff 5%,#14407a 100%);
       background: linear-gradient(135deg,  #ddf4ff 5%,#14407a 100%); 
} 
html:before { display: block; position: fixed; width: 100%; height: 100vh; margin: 0px 0px; top: 0px; left: 0px; content: ''; opacity: 0; pointer-events: none;
    background: -moz-linear-gradient(45deg, rgba(247,200,32,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(45deg, rgba(247,200,32,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(45deg, rgba(247,200,32,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c820', endColorstr='#00ffffff',GradientType=1);
    animation-name: sunrise; animation-duration: 16s; animation-timing-function: ease-in-out; opacity: 0;
} 
body { 
        display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    min-height: 200px;
    background-image: url("mountains_bg.svg");
    background-position: left bottom;
    background-size: 130%;
    animation-name: bgzoom;
    animation-duration: 24s;
    animation-timing-function: ease-in-out;
    background-attachment: fixed;
} 
body * { pointer-events: all; }
body:before {
    display: block; content: ''; position: fixed; width: 100%; height: 100vh; top: 0px; left: 0px; margin: 0px 0px; pointer-events: none; opacity: 1; background-position: bottom;
    background-image: url("mountains_fg.svg");
    background-size: 140%; animation-name: bgzoomforground; animation-duration: 20s; animation-timing-function: ease-in-out;
} 
header, footer { display:flex; width: 100%; min-height: 48px; min-width: 100%; max-width: 100%; padding:8px; box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.4);  } 
header { 
    max-height: 48px;
    background-image: url("swiss.png");
    background-color: white;
    background-size: 36px;
    background-position: 6px 5px;
} 
footer { 
    background-color: rgba(0,12,7,0.75);
    margin: auto 0px 0px 0px;
    background-image: url("onstay_white.svg");
    background-size: 58px;
    background-position: 99.5% 7px;
} 
main { 
    display: flex;
    width: 100%;
    min-height: calc(100vh - 96px);
    padding: 36px 0px 0px 0px;
    background-color: rgba(0,0,0,0.1);
    justify-content: flex-start;
    justify-content: center;
} 






main.loaded, main.loading, main.welcome { 
    -webkit-transition: all 670ms ease-in-out;
    -moz-transition: all 670ms ease-in-out;
    -ms-transition: all 670ms ease-in-out;
    -o-transition: all 670ms ease-in-out;
    transition: all 670ms ease-in-out; 
    justify-content: center; 
} 
main.loading, main.welcome { padding-top: 40vh; }  
main h1 { 
    color: white !important;
    font-weight: 400;
    font-size: 2rem;
    letter-spacing: 1px;
    word-spacing: 6px;
    padding-top: 60px;
}
main.welcome > h1 { 
    animation-name: welcome; 
    animation-duration: 0.67s; 
    animation-timing-function: ease-in-out; 
} 
main.loading > h1, main.welcome > h1 { text-shadow: 0 0 8px rgba(0,0,0,0.5); }

/* Animationen sind durchlaufen -> Style Ststic Conetent ... */






main.ready { 
    flex-direction: column; 
    align-items: center; 
}
main.ready.valid { 
    justify-content: flex-start; 
    padding-top: 0px; 
}









div.guestForm { 
    display: inline-flex;
    padding: 12px;
    margin: 0px 0px 0px 0px;
    flex-direction: column;
    width: 100%;
    min-height: calc(100vh - 96px);
    background-color: rgba(255,255,255,0);
    position: relative;
} 






div.guestForm > p { 
    display: inline-flex;
    flex-direction: column;
    min-width: 240px;
    padding: 86px 24px 32px 24px;
    margin: 0px auto auto;
    background-size: 56px;
    background-position: center 23px;
    text-align: center;
    line-height: 1.45;
    font-size: 1.1rem;
    border-radius: 8px;
    color:white;
} 

div.guestForm > p > small {  
    display:    block; 
    width:      100%;  
    margin:     12px 0px 1px 0px;
    padding:    5px 12px; 
    background: rgba(0,0,0,0.9);
    color:      white; 
    opacity:    0.33; 
} 

div.guestForm > p.warning {  
    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='black'%3E%3Cpath d='M480-695.38q10.85 0 17.73-6.89 6.89-6.88 6.89-17.73 0-10.85-6.89-17.73-6.88-6.89-17.73-6.89-10.85 0-17.73 6.89-6.89 6.88-6.89 17.73 0 10.85 6.89 17.73 6.88 6.89 17.73 6.89Zm-20 312.3h40v-243.07h-40v243.07ZM120-156.92v-618.46q0-27.62 18.5-46.12Q157-840 184.62-840h590.76q27.62 0 46.12 18.5Q840-803 840-775.38v430.76q0 27.62-18.5 46.12Q803-280 775.38-280h-532.3L120-156.92ZM226-320h549.38q9.24 0 16.93-7.69 7.69-7.69 7.69-16.93v-430.76q0-9.24-7.69-16.93-7.69-7.69-16.93-7.69H184.62q-9.24 0-16.93 7.69-7.69 7.69-7.69 16.93v521.15L226-320Zm-66 0v-480 480Z'/%3E%3C/svg%3E");
} 
div.guestForm > p.error {  
    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='red'%3E%3Cpath d='M480-383.08q10.85 0 17.73-6.88 6.89-6.89 6.89-17.73 0-10.85-6.89-17.73-6.88-6.89-17.73-6.89-10.85 0-17.73 6.89-6.89 6.88-6.89 17.73 0 10.84 6.89 17.73 6.88 6.88 17.73 6.88Zm-20-118.46h40v-243.08h-40v243.08ZM120-156.92v-618.46q0-27.62 18.5-46.12Q157-840 184.62-840h590.76q27.62 0 46.12 18.5Q840-803 840-775.38v430.76q0 27.62-18.5 46.12Q803-280 775.38-280h-532.3L120-156.92ZM226-320h549.38q9.24 0 16.93-7.69 7.69-7.69 7.69-16.93v-430.76q0-9.24-7.69-16.93-7.69-7.69-16.93-7.69H184.62q-9.24 0-16.93 7.69-7.69 7.69-7.69 16.93v521.15L226-320Zm-66 0v-480 480Z'/%3E%3C/svg%3E");
} 
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='red'%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 div.booking {  
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    color: black;
    padding: 8px 12px 24px 12px;
    border-radius: 0px;
    justify-content: flex-start;
} 
div.guestForm div.booking > p { 
    display: inline-block;
    width: 100%;
    padding: 6px 2px 16px 12px;
    font-size: 1rem;
    line-height: 1.45;
    text-align: left;
    color: black;
} 
div.guestForm div.booking > div.room { 
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0px 0px;
    margin: 8px 8px 24px 8px;
    background-color: white;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
    border-radius: 7px;
    max-width: 920px;
    flex-shrink: 1;
    width: calc(100% - 16px);
} 


div.guestForm div.booking > div.room > span { 
    display: flex;
    flex-direction: column;
    padding: 16px 20px 12px 20px;
    border: 0px;
    background-size: 24px;
    background-position: 6px 20px;
    max-width: 50%;
}


div.guestForm div.booking > div.room > span:first-child { border-radius: 7px 0px 0px 7px; padding: 32px; background: #222; color: white; } 
div.guestForm div.booking > div.room > span:last-child  { border-radius: 0px 7px 7px 0px; } 
div.guestForm div.booking > div.room > span.guestdata  { 
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 32px;
} 
div.guestForm div.booking > div.room > span.roominfo > 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='white'%3E%3Cpath d='M224.62-301.54H260v-63.08h440v63.08h35.38v-137.08q0-15.61-8-32.57t-22-27.12v-67.84q0-27.62-18.5-46.12-18.5-18.5-46.11-18.5H524.62q-15.62 0-26.77 5.69-11.16 5.7-17.85 15.54-6.69-9.84-17.85-15.54-11.15-5.69-26.77-5.69H319.23q-27.61 0-46.11 18.5t-18.5 46.12v67.84q-14 10.16-22 27.12t-8 32.57v137.08ZM260-400v-40q0-17 11.5-28.5T300-480h360q17 0 28.5 11.5T700-440v40H260Zm30-115.38v-55.39q0-10.77 6.92-17.69 6.93-6.92 17.7-6.92h123.07q10.77 0 17.69 6.92 6.93 6.92 6.93 17.69v55.39H290Zm207.69 0v-55.39q0-10.77 6.93-17.69 6.92-6.92 17.69-6.92h123.07q10.77 0 17.7 6.92 6.92 6.92 6.92 17.69v55.39H497.69ZM184.62-120q-27.62 0-46.12-18.5Q120-157 120-184.62v-590.76q0-27.62 18.5-46.12Q157-840 184.62-840h590.76q27.62 0 46.12 18.5Q840-803 840-775.38v590.76q0 27.62-18.5 46.12Q803-120 775.38-120H184.62Zm0-40h590.76q9.24 0 16.93-7.69 7.69-7.69 7.69-16.93v-590.76q0-9.24-7.69-16.93-7.69-7.69-16.93-7.69H184.62q-9.24 0-16.93 7.69-7.69 7.69-7.69 16.93v590.76q0 9.24 7.69 16.93 7.69 7.69 16.93 7.69ZM160-160v-640 640Z'/%3E%3C/svg%3E"); 
} 



div.guestForm div.booking > div.room > span.guestdata > 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='dodgerblue'%3E%3Cpath d='M400-80v-80h520v80H400Zm40-120q0-81 51-141.5T620-416v-25q0-17 11.5-28.5T660-481q17 0 28.5 11.5T700-441v25q77 14 128.5 74.5T880-200H440Zm105-81h228q-19-27-48.5-43.5T660-341q-36 0-66 16.5T545-281Zm114 0ZM40-440v-440h240v58l280-78 320 100v40q0 50-35 85t-85 35h-80v24q0 25-14.5 45.5T628-541L358-440H40Zm80-80h80v-280h-80v280Zm160 0h64l232-85q11-4 17.5-13.5T600-640h-71l-117 38-24-76 125-42h247q9 0 22.5-6.5T796-742l-238-74-278 76v220Z'/%3E%3C/svg%3E"); 
} 
div.guestForm div.booking > div.room > span > b { 
    min-height: 20px; 
    display: block; 
    text-align: left; 
    font-size: 1.65rem; 
    font-weight: 400; 
    padding: 2px 0px 12px 32px; 
    color: white; 
    background-position: -2px 0px; 
    background-size: 32px; 
}
div.guestForm div.booking > div.room > span.guestdata > b { 
    padding-top: 5px; 
    font-size: 1.25rem; 
    color: dodgerblue; 
    width: 100%; 
    text-align: center; 
}
div.guestForm div.booking > div.room > span.guestdata > b.ci { 
    color: seagreen; 
    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='seagreen'%3E%3Cpath d='M120-120v-80h720v80H120Zm622-202L120-499v-291l96 27 48 139 138 39-35-343 115 34 128 369 172 49q25 8 41.5 29t16.5 48q0 35-28.5 61.5T742-322Z'/%3E%3C/svg%3E"); 
}
div.guestForm div.booking > div.room > span.guestdata > b.co { 
    color: crimson; 
    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='crimson'%3E%3Cpath d='M120-120v-80h720v80H120Zm70-200L40-570l96-26 112 94 140-37-207-276 116-31 299 251 170-46q32-9 60.5 7.5T864-585q9 32-7.5 60.5T808-487L190-320Z'/%3E%3C/svg%3E"); 
}
div.guestForm div.booking > div.room > span.guestdata > b.ci, 
div.guestForm div.booking > div.room > span.guestdata > b.co { 
    width: 100%; 
    text-align: center; 
} 
div.guestForm div.booking > div.room > span > small { 
    display: flex;
    flex-direction: column;
    text-align: left;
    padding: 8px 0px 8px 0px;
    opacity: 0.5;
    font-size: 1rem;
}
div.guestForm div.booking > div.room > span > small > i { 
    display: flex;
    text-align: right;
    font-style: normal;
    flex-direction: row;
    justify-content: space-between;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
div.guestForm div.booking > div.room > span > small > i > b { 
    display: inline-block; 
    padding: 0px 8px 0px 0px; 
    text-align: left; 
}
div.guestForm div.booking > div.room > span > p { 
    display: block;
    padding: 12px 4px 12px 1px;
    text-align: left;
    font-weight: 200;
    font-size: 0.85rem;
    min-height: 70px;
    width: 100%;
    min-width: 100%;
}
div.guestForm div.booking > div.room > span.roominfo > p { 
    font-weight: 400;
    opacity: 0.5;
    font-size: 0.9rem;
    line-height: 1.35;
}
div.guestForm div.booking > div.room > span.guestdata > p { 
    min-height: 200px;
    display: flex;
    justify-content: center;
    align-items: anchor-center;
    background: #ABABAB;
    text-align: center;
    padding: 24px;
    color: white;
    line-height: 1.45;
    font-weight: 500;
    border-radius: 5px;
    flex-direction: column;
    max-width: 100%;
    min-width: 100%;
}




div.guestForm div.booking > div.room > span > label { 
    display: inline-flex;
    width: 100%;
    font-size: 0.9rem;
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    margin-top: 8px;
    opacity: 0.4;
} 
div.guestForm div.booking > div.room > span > textarea, 
div.guestForm div.booking > div.room > span > input, 
div.guestForm div.booking > div.room > span > select { 
    display: inline-block;
    width: 100%;
    padding: 8px 2px 7px 2px;
    border-bottom: 1px solid rgba(0,0,0,0.5);
    font-size: 1.2rem;
    font-weight: 600;
}
div.guestForm div.booking > div.room > span > select { box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1); }
div.guestForm div.booking > div.room > span > textarea { 
    min-width: 100%; max-width: 100%; min-height: 90px; font-size: 0.8rem; font-weight: 200; padding-top: 8px; max-height:190px;
} 



button#gdSubmit  { 
    position: absolute;
    right: 64px;
    color: white;
    background-color: seagreen;
    background-position: 8px 4px;
    background-size: 28px;
    margin: -4px auto;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.33);
    display: block;
    padding: 8px 16px 8px 48px;
    font-weight: 400;
    font-size: 1.1rem;
    border-radius: 6px;
    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='M186.15-186.15v-40h123.62Q238-288.62 209-349.08q-29-60.46-29-127.84 0-98.16 56.08-176.35Q292.15-731.46 380-762.31v42.46q-71.54 29.62-115.77 96.12Q220-557.23 220-476.92q0 60.92 25.73 112.19 25.73 51.27 91.19 108.88v-121.07h40v190.77H186.15ZM600-180q-40.77 0-70.38-29.62Q500-239.23 500-280q0-40.31 27.23-69.04 27.23-28.73 72.15-30.73 14.7-35.23 45.89-57.73T720-460q49.15 0 85.35 32.58 36.19 32.57 41.88 87.42h12.31q33.54 0 57 22.85Q940-294.31 940-261q0 33.54-23.23 57.27Q893.54-180 860-180H600Zm136-350.77q-10.08-45.61-33.54-83.69t-79.38-88.92v120.3h-40v-190.77h190.77v40H650.23q63.77 56.47 90.12 104.39 26.34 47.92 35.88 98.69H736ZM600-220h260q16.46 0 28.23-11.77T900-260q0-16.46-11.77-28.23T860-300h-50v-30q0-37.46-26.27-63.73Q757.46-420 720-420q-37.46 0-62.58 22.81-25.11 22.81-26.65 54.88v2.31H600q-24.69 0-42.35 17.65Q540-304.69 540-280t17.65 42.35Q575.31-220 600-220Zm120-100Z'/%3E%3C/svg%3E");
    z-index: 8;
}

button#gdSubmit.sleep { opacity: 0.2; pointer-events: none !important; }















div.guestForm div.booking > div.room > span > label.attention { 

    color: red;
    padding-left: 24px;
    background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 18px;
    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='red'%3E%3Cpath d='m40-120 440-760 440 760H40Zm138-80h604L480-720 178-200Zm302-40q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z'/%3E%3C/svg%3E");
    
    
}







body > div.popup { 

    z-index: 30;
    position: fixed;
    top: 0px;
    left: 0px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 100%;
    min-height: -webkit-fill-available;
    margin: 0px 0px;

}
body > div.popup > div { 

    display: flex;
    flex-direction: column;
    padding: 32px;
    background: white;
    box-shadow: 0px 0px 16px 0px;
    border-radius: 9px;
    min-height: 200px;
    justify-content: space-between;

}
body > div.popup > div > p { 
    display: inline-block;
    width: 100%;
    font-size: 1rem;
}
body > div.popup.alert > div > p { 
    color:red;
}
body > div.popup > div > button { 

    display: block;
    padding: 12px 32px;
    border-radius: 7px;
    box-shadow: 0px 0px 8px 0px;
    color: white;
    background: seagreen;

}

body > div.popup.alert > div > button { background: red; } 











header > img#logo { max-height: 48px; display: block; margin: -4px auto; } 

header > div.langsel {     
    display: block;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    margin:0px 0px;
    padding:0px 0px; 
    border-radius:20px;
    z-index: 101;
    background:white;
    box-shadow: 0px 0px 3px 0px rgb(128,128,128);
} 
header > div.langsel.open { 
    height: auto;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px black;
} 
header > div.langsel > span { 
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 10px 0px 0px 0px;
    font-size: 18px;
    color: black;
    font-weight: 200;
    margin-top: 1px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    z-index: 101;
} header > div.langsel > span:first-child       { margin-top: 0px; } 
header > div.langsel > span > b                 { z-index:102;  } 
header > div.langsel > span:before              { z-index:101; display: block; position: absolute; width: 40px; height: 40px; content: ''; top: 0px; left: 0px; background-color:rgba(255,255,255,0.5); }
header > div.langsel > span:hover:before        { background-color:rgba(255,255,255,0.1); }
header > div.langsel > span:first-child:before  { background-color:rgba(255,255,255,0.25);  } 
header > div.langsel > span:first-child > b     { color:transparent; } 


header > div.langsel > span.de { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 128 90' style='enable-background:new 0 0 128 90;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23000001;%7D .st1%7Bfill:%23D50F1A;%7D .st2%7Bfill:%23F6C600;%7D%0A%3C/style%3E%3Cg id='DE'%3E%3Crect id='black_stripe' class='st0' width='128' height='30'/%3E%3Crect id='red_stripe' y='30' class='st1' width='128' height='30'/%3E%3Crect id='gold_stripe' y='60' class='st2' width='128' height='30'/%3E%3C/g%3E%3C/svg%3E"); } header > div.langsel > span.en { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 128 90' style='enable-background:new 0 0 128 90;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%2329265E;%7D .st2%7Bfill:%23E20812;%7D .st3%7Bfill:%2329245A;%7D%0A%3C/style%3E%3Cg id='EN'%3E%3Cpath class='st0' d='M0,0h128v89.6H0L0,0z'/%3E%3Cpath class='st1' d='M0,8.9v25h36L0,8.9z'/%3E%3Cpath class='st2' d='M41.2,33.9h7.4L0,0v5.3L41.2,33.9z'/%3E%3Cpath class='st3' d='M14.2,0l41.1,29.9V0H14.2z'/%3E%3Cpath class='st1' d='M128,80.7V55.8H92.4L128,80.7z'/%3E%3Cpath class='st2' d='M87.2,55.8h-7.4L128,89.6v-5.4L87.2,55.8z'/%3E%3Cpath class='st3' d='M114.2,90L73.1,60.1V90H114.2z'/%3E%3Cpath class='st1' d='M128,9.1v24.8l-35.6,0L128,9.1z'/%3E%3Cpath class='st2' d='M73.1,33.9h8.4L128,0h-8.5L73.1,33.9z'/%3E%3Cpath class='st3' d='M113.8,0L73.1,29.7V0H113.8z'/%3E%3Cpath class='st1' d='M0,80.9v-25h36L0,80.9z'/%3E%3Cpath class='st2' d='M55.3,55.8h-8.4L0,90h8.5L55.3,55.8z'/%3E%3Cpath class='st3' d='M14.2,90L55.3,60V90H14.2z'/%3E%3Cpolygon class='st2' points='128,37.8 69.5,37.8 69.5,0 58.7,0 58.7,37.8 0,37.8 0,52.3 58.7,52.3 58.7,90 69.5,90 69.5,52.3 128,52.3 '/%3E%3C/g%3E%3C/svg%3E"); } 
header > div.langsel > span.fr { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 128 90' style='enable-background:new 0 0 128 90;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ED2939;%7D .st1%7Bfill:%23FFFFFF;%7D .st2%7Bfill:%23002395;%7D%0A%3C/style%3E%3Cg id='FR'%3E%3Crect class='st0' width='128' height='90'/%3E%3Crect class='st1' width='85.3' height='90'/%3E%3Crect class='st2' width='42.7' height='90'/%3E%3C/g%3E%3C/svg%3E%0A"); } 
header > div.langsel > span.it { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 128 90' style='enable-background:new 0 0 128 90;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23009246;%7D .st1%7Bfill:%23FFFFFF;%7D .st2%7Bfill:%23CE2B37;%7D%0A%3C/style%3E%3Cg id='IT'%3E%3Crect class='st0' width='42.7' height='90'/%3E%3Crect x='42.7' class='st1' width='42.7' height='90'/%3E%3Crect x='85.3' class='st2' width='42.7' height='90'/%3E%3C/g%3E%3C/svg%3E%0A"); } 
header > div.langsel > span.es { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 128 90' style='enable-background:new 0 0 128 90;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23C60B1E;%7D .st1%7Bfill:%23FFC400;%7D%0A%3C/style%3E%3Cg id='ES'%3E%3Crect class='st0' width='128' height='90'/%3E%3Crect y='22.5' class='st1' width='128' height='45'/%3E%3C/g%3E%3C/svg%3E"); }