@charset "utf-8"; /* CSS Document */


/* ///////////////////////

Version: 2.4.11
Lastmod: 2025-05-28 

/////////////////////// */

@media (orientation: landscape) { 
    
    
    html > body > header:before { 
        
    background-position: center 88% !important;
    width: 40% !important;
    height: 95px !important;
    max-height: 95px !important;
    min-height: 95px !important;
    background-size: auto 87px;
    top: 12px;
    left: 30%;
    z-index: 1;
    pointer-events: none;
        
    }
    
    
    html > body.background > header:before { 
        
    background-position: center bottom !important;
    width: 40% !important;
    height: 128px !important;
    max-height: 128px !important;
    min-height: 128px !important;
    background-size: auto 128px;
    top: 28px;
    left: 30%;
    z-index: 1;
    pointer-events: none;
        
    }
    
    div.fixTop {
            top: 47px !important;
            right: 10vw;
            transform: scale(0.62);
    } 
    div.exit_btn:hover { background: rgba(0,0,0,0); }
    
    
    div.langSwitch  {     
        
            top: 61px !important;
    right: 7.6vw !important;
    transform: scale(0.65);
    
    }
    div.langSwitch.open {
    top: 34px !important;
    right: 108px !important;
    transform: scale(0.85);
}
    
    section#offlineHint > span.statusBar > div#mastertime {

        font-size: 0.9rem;
        padding-top: 4px;
        font-weight: 200;

    }
    
    
    body > header {  height: 62px; }
    body > main   {  height: calc(100vh - 110px);
        
    top: -6px;
    display: inline-flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0px 0px;
    margin: 0px 0px;
    position: relative;
    justify-content: flex-start;
    align-content: center;
        
        
    }
    body > footer {      height: 48px !important;
    background-size: 76px;
    background-position: 99.7% 3px !important;
    display: inline-flex;
    box-sizing: border-box;
    padding: 20px 0px 0px 0px;
    font-size: 0.7rem;
    margin: 0px 0px !important;
    color: rgb(58,58,58);
    }
    body > footer > span {
        display: inline-flex;
        box-sizing: border-box;
        padding: 2px 12px;
        background: rgba(255,255,255,0.2);
        border-radius: 4px;
        color: black;
    }
    
    button#disasupp { 
        
        transform: scale(0.5);
        bottom: -38px;
        left: -36px;
        opacity:0 !important;
        visibility: hidden;
        
    }
    
    
    .slidSlides > div > div { 
        
            background-size: cover !important;
            background-position: center 20% !important;
            filter: blur(0px);
        
    }
    
    
    
    body > main > form.flex {
        
    max-height: -webkit-fill-available;
    height: -webkit-fill-available;
    min-height: fit-content;
    border-bottom: 1px solid rgba(0,0,0,0.01);
    padding: 0px 0px 0px 0px !important;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: baseline;
        
    }
    
    
    
    
    
    body > main > form#masterForm { 
        
        justify-content: center;
        align-content: flex-start;
        align-items: center; /* was baseline */
        min-height: calc(100vh - 112px);
        
    }
    
    div.uiConfirm div.textual > article { font-size: 0.85rem; padding: 36px 3vw; }
    
    body > main > form.flex div.transBox { 
            width: 70vw !important;
            margin: 10vh 21vw 0px 0vw !important;
            font-size: 1.33rem !important;
    }
    body > main > form.flex div.whiteBox {
        
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: self-start;
    display: inline-flex;
    padding-bottom: 130px;
    position: absolute;
    margin: 0px 53vw 0px 0px !important;
    top: auto !important;
    left: auto !important;
    justify-self: flex-start;
    transform: scale(0.7) !important;
        
        
    }
    
    div.transBox > p.descr { font-size: 1.05rem; }
    
    body > main > form.flex div.whiteBox > a.btnstyle.button,
    body > main > form.flex div.whiteBox > button {
        
            position: absolute;
            bottom: 12px;
            max-width: 45%;
        
        
        
    }
    body > main > form.flex div.whiteBox > a.btnstyle.button { left: 15px; }
    body > main > form.flex div.whiteBox > button {     right: 15px; }
    
    body > main > form.flex div.transBox, 
    body > main > form.flex div.whiteBox { 
        
       /* transform: scale(0.9); */
        
    }
    
    
    
    main form.flex > h3 { 
        
    margin-bottom: 20px !important;
    margin-top: 0px;
    font-size: 1.5rem;
    letter-spacing: -1px;
    line-height: 1.5;
    padding: 15px 49vw 14px 1px;
    align-content: center;
    align-items: flex-start;
    text-align: left;
    width: 84%;
    margin: 0px 0px !important;
    border: 0px;
    box-sizing: border-box;
        
    }
    p.infotext {     
        min-width: 84% !important;
        max-width: 84% !important;
        margin: 0px 0px !important;
        margin-bottom: 24px !important;
        min-height: 75px;
        line-height: 1.45;
        font-size: 1rem;
    }
    
    label.productBox.compressed, 
    div.upsellItem { 
        
        width: 41% !important;
        max-width: 82% !important;
        min-width: 41% !important;
        box-sizing: border-box !important;
        margin: 12px 1vw 12px 1vw !important;
        -webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,0.1);
        box-shadow: 0 4px 7px 0 rgba(0,0,0,0.1);
        border-radius: 8px !important;
        padding-bottom: 10px;
        
    }
    
    label.productBox.compressed > span.checkmark > div.descr { 
        padding-left: 228px;
        padding-right: 182px;
        padding-top: 12px;
        margin-bottom: 1px;
        padding-bottom: 6px;
        max-height: 186px;
        min-height: 186px;
    }
    div.upsellItem > div.upsellItemDescriptionBox > span.upsellText > p, 
    label.productBox.compressed > span.checkmark > div.descr { 
        font-size: 0.9rem !important;
    }
    
    
    
    
    
    label.productBox.expand {
        
        width: 84% !important;
        max-width: 84% !important;
        margin: 0px 0 0px 0 !important;
        -webkit-box-shadow: 0 4px 32px 0 rgba(0,0,0,0.1);
        box-shadow: 0 4px 32px 0 rgba(0,0,0,0.1);
        border-radius: 6px;
        
    }
    label.productBox.expand > span.checkmark { 
        
        background-size: cover !important;
        background-position: center 150% !important;
        
    }
    
    
    
    
    
    button#totalConfirm.save.next_btn,
    button#totalConfirm, 
    input.next_btn, 
    input.prev_btn, 
    input.next_btn.btnstyle.uplift, 
    input.prev_btn.btnstyle.uplift  { 
        
        margin:0px 0px 0px 0px !important;
        position: fixed;
        bottom: 33vh !important;
        padding: 36px 1vw !important;
        width: auto !important;
        min-width: 98px !important;
        min-height: 33vh !important;
        max-width: 3vw !important;
        color: transparent !important;
        background-size: 3vw;
        background-repeat: no-repeat;
        background-position: center;
        
    }
    button#totalConfirm,
    input.next_btn { right:1vw !important; }
    input.prev_btn { left: 1vw !important; }
    
    button#totalConfirm { z-index: 50001 !important; }
    
    
    
    
    
    
    button#totalConfirm,
    input.next_btn { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m321-80-71-71 329-329-329-329 71-71 400 400L321-80Z'/%3E%3C/svg%3E"); }
    input.prev_btn { background-position: 78% center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' fill='white' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M400-80 0-480l400-400 71 71-329 329 329 329-71 71Z'/%3E%3C/svg%3E"); }
    
    
    
    main form.flex > input.next_btn.btnstyle.fullwidth {  
    
     position: fixed !important;
    width: 320px !important;
    height: 90px !important;
    min-width: 380px !important;
    min-height: 112px !important;
    max-width: 380px !important;
    max-height: 90px !important;
    color: white !important;
    background-image: none !important;
    bottom: 110px !important;
    left: calc(50vw - 190px);
    padding: 8px 24px !important;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(255,255,255,0.4);
    text-align: center;
    box-shadow: 0px 0px 24px 0px black;
        
    }
    
    
    
    
    
    
    
    div.rfSign.open div.infotext div.signature-pad--actions > div > button.button.save {
    position: fixed !important;
    top: 31vh !important;
    bottom: auto !important;
    right: -1vw !important;
    max-width: 5vw;
    min-width: 5vw;
    height: 33vh !important;
    width: 5vw;
    padding: 0px 0px !important;
        color: transparent !important;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m321-80-71-71 329-329-329-329 71-71 400 400L321-80Z'/%3E%3C/svg%3E"); 
        background-size: 3vw;
        background-repeat: no-repeat;
        background-position: center;
        
}
    
    div.rfgroup > div.rfSign.open .signature-pad--body > canvas, 
    .signature-pad--body img.mySignature { 
        
    min-height: calc(100vh - 510px ) !important;
    max-height: calc(100vh - 510px ) !important;
    box-sizing: border-box !important;
    padding: 0px !important;
    border-radius: 10px !important;

    }
    div.rfgroup > div.rfSign.open .signature-pad--footer { 
        padding: 12px !important;
    }
    
    
    form#masterForm > div.rfgroup { 
        padding:0px 0px !important
    }
    form#masterForm > div.rfgroup { 
        
    min-width: 85% !important;
    max-width: 85% !important;
        
    min-height: calc(100vh - 380px) !important;
    max-height: calc(100vh - 380px) !important;
        
    }
    form#masterForm > div.rfgroup > div.rfset { 
        
        min-width: 100% !important; 
        max-width: 100% !important; 
            padding: 10px !important;
            left: auto !important; 
    }
    div.rfgroup > div.rfSign { 
        
        top: 12px !important;
        
    }
    
    div.rfgroup > div.rfSign.open { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' fill='white' width='48'%3E%3Cpath d='M28 42q-.6 0-1.05-.45-.45-.45-.45-1.05 0-.65.45-1.075Q27.4 39 28 39q2.95 0 4.975-1.2Q35 36.6 35 35q0-1.15-1.475-2.25t-3.975-1.7l2.35-2.35q3.15.95 4.625 2.625T38 35q0 3.35-3.05 5.175Q31.9 42 28 42ZM12 27.3q-3.2-.7-4.6-2.2Q6 23.6 6 22q0-1.75 1.3-3.15t6-3.1q3.3-1.2 4.25-1.95.95-.75.95-1.75 0-1.25-1.1-2.15Q16.3 9 14 9q-1.35 0-2.3.35-.95.35-1.7 1.1-.4.4-1.025.475Q8.35 11 7.85 10.6q-.55-.4-.575-1-.025-.6.375-1.05.85-1.1 2.55-1.825Q11.9 6 14 6q3.4 0 5.45 1.625Q21.5 9.25 21.5 12.05q0 2.05-1.425 3.475Q18.65 16.95 14.5 18.5q-3.35 1.25-4.425 1.975Q9 21.2 9 22q0 .8 1.35 1.525 1.35.725 4.05 1.375Zm24.8-7.7-6.4-6.4 2.25-2.25q.9-.9 2-.9t2 .9l2.4 2.4q.9.9.9 2t-.9 2ZM11 39h2.1l17.25-17.25-2.1-2.1L11 36.9Zm-3 3v-6.4l20.25-20.25 6.4 6.4L14.4 42Zm20.25-22.35 2.1 2.1Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center 7px;
    background-size: 54px;
    min-width: 98%;
    max-width: 98%;
    left: 1% !important;
    padding: 8px;
    min-height: calc(100vh - 430px) !important;
    max-height: calc(100vh - 430px) !important;
    z-index:22;
    }
    
    
    
    div.rfgroup > button.button.sign.inview {  
    
    
        top: 24px;
        
        /*
        bottom: auto !important;
        top: 31vh !important;
        right: -1% !important;
        font-size: 0px;
        width: 86px;
        min-width: 48px;
        height: 33vh;
        background-position: center;
        padding: 0px 0px;
        box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.7);
    */
    
    
    
    
    }
    
    div.rfgroup > button.button.sign.inview.empty,
    div.rfgroup > button.button.sign.inview.empty.uplift
    
    
    {  
    
    bottom: auto !important;
    top: 33vh !important;
    right: 1% !important;
    font-size: 0px;
    margin: 0px 0px;
    width: 86px;
    min-width: 48px;
    height: 34vh;
    background-position: center;
    padding: 0px 0px;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.7);
    
    }
    
    div.rfgroup > div.rfset.open > div.rfhandle {

        
    display: inline-flex;
    flex-wrap: wrap;
    min-width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 0px 2px 40px 2px;
    max-height: calc(100vh - 495px);
    min-height: calc(100vh - 495px);
    max-width: 100%;
    border-top: 2px solid #ddd;
    background-color: #f5f5f5 !important;
    overflow-y: auto;
    align-content: flex-start;
        
}
    div.rfgroup > div.rfSign.open {
            display: inline-flex;
    box-shadow: 0px 0px 0px 200px rgba(255,255,255,1);
        
        
}
    
    
    div.rfgroup > div.rfSign.open div.infotext.sign { border-radius: 10px; }
    
    
    
    
    p.infotext.onFinalPage span#addonPlace > h2 { /* DIsplay Room Number */ 
    
       padding: 18px !important;
    margin-top: -28px !important;
    max-width: 50vw;
    margin-left: 17vw;
    z-index: 3;
    margin-bottom: -20px !important;
    box-sizing: border-box !important;
    border-radius: 7px !important;
    background-color: white !important;
    color: darkolivegreen !important;
    border: 10px solid !important;
    line-height: 1 !important;
    background-size: 79px !important;
    background-repeat: no-repeat !important;
    background-position: 20px center !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' fill='crimson' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M120-120v-80h80v-640h400v40h160v600h80v80H680v-600h-80v600H120Zm160-640v560-560Zm160 320q17 0 28.5-11.5T480-480q0-17-11.5-28.5T440-520q-17 0-28.5 11.5T400-480q0 17 11.5 28.5T440-440ZM280-200h240v-560H280v560Z'/%3E%3C/svg%3E") !important;
        
    
    }
    
    
    
    
    
    
    
    
    
    strong.textbyAdmin { 
        padding: 12px 64px 12px 20px;
        display: inline-flex;
        box-sizing: border-box;
        justify-content: flex-start;
        align-items: center;
        text-align: left;
        margin-top: 0px;
        margin-left: 0% !important;
    }
    ul.summary { 
        
            width: 84% !important;
    padding-right: 3vw !important;
    padding-left: 3vw !important;
    padding-top: 8px !important;
    padding-bottom: 32px !important;
    background: white;
    border-radius: 5px;
    min-height: 55vh;
        
        
    }
    
    
    
    div.ccBase > b#ccMainInfo { font-size: 1.2rem !important; }
    
    
    div.onstaySelect { 
        
            position: sticky !important;
            z-index: 21;
        
        
    }
    div.onstaySelect.closed { 
    
    
        z-index: 20;
    
    
    } 
    div.onstaySelect > div.onstaySelectOptionBox {
        
    min-width: 100% !important;
    max-width: 360px !important;
    width: 100%;
    /* max-height: 290px; */
    max-height: fit-content !important;
    height: auto;
    position: absolute !important;
    padding: 0px 0px 0px 0px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    border-radius: 1px 1px 6px 6px;
    background-color: white;
    top: 45px !important;
    z-index: 201 !important;
    box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.4);
        
    }
    div.onstaySelect > div.onstaySelectOptionBox > div.onstaySelectOptionPopUp { 
        
        position: relative !important;
        display: block;
        float: none;
        box-sizing: border-box !important;
        width: 100%;    
        max-height: fit-content !important;
        min-height: 80px;
        height:auto !important;
        background: #FFF;
        -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
        box-shadow: none;
        border-radius: 12px;
        overflow-y: visible;
        margin: 0px 0px !important;
        top: 0px;
        
    }
    
    
    div.onstaySelect > div.onstaySelectOptionBox > div.onstaySelectOptionPopUp > div { 
        
    max-height: 290px !important;
    width: 100%;
    margin: 0px 0px 0px 0px !important;
    padding: 4px 5px !important;
        
    }
    div.onstaySelect > div.onstaySelectOptionBox > div.onstaySelectOptionPopUp  span.onstaySelectValue { 
        
        
    font-size: 1.4rem !important;
    padding: 7px 3px 7px 3px !important;
    margin: 2px 0px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    border-radius: 4px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.33);
        
        
    }

    
    div.onstaySelect > div.onstaySelectOptionBox > div.onstaySelectOptionPopUp > h4 { display:none !important;  }
    h4.close { background-size: 46px !important; }
    
    
    
    div.ospopup.Min.Pay.open {     
        
        padding: 1px 32px 4px 32px !important;
        background-position: 24px 16px;
        background-size: 52px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='gray' width='24'%3E%3Cpath d='m670-140 160-100-160-100v200ZM240-600h480v-80H240v80ZM720-40q-83 0-141.5-58.5T520-240q0-83 58.5-141.5T720-440q83 0 141.5 58.5T920-240q0 83-58.5 141.5T720-40ZM120-80v-680q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v267q-19-9-39-15t-41-9v-243H200v562h243q5 31 15.5 59T486-86l-6 6-60-60-60 60-60-60-60 60-60-60-60 60Zm120-200h203q3-21 9-41t15-39H240v80Zm0-160h284q38-37 88.5-58.5T720-520H240v80Zm-40 242v-562 562Z'/%3E%3C/svg%3E");
        top: 25vh !important;
        width: 520px !important;
        min-height: 65vh !important;
        height:auto !important;
        max-height: 74vh !important;
        font-size: 1rem !important;
        display: inline-flex !important;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        overflow-x: hidden;
        
    }
    div.ospopup.Min.Pay.open > p { 
        border:0px !important; 
        padding: 0px 0px 0px 0px !important;
        margin: 0px 0px 0px 0px !important;
    }
    
    
    div.ospopup.Min.Pay.open > p > span#hintsWhilePayment { 
        min-height: 280px !important;
    }
    div.ospopup.Min.Pay.open > p > b.CardholderText {     margin: 2px 0px 4px 0px;
    display: inline-flex;
    padding: 0px 0px 0px 0px;
    min-width: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 90px !important;
    line-height: 1.5;
    font-size: 1.2rem;
    }
    
    
    button.button.getRetry {

        font-size: 1.6rem;
        display: inline-flex;
        padding: 30px 12px;
        margin: 29px 0px 6px 0px;
        box-shadow: 0px 0px 48px 0px rgba(0,0,0,0.25);

    }
    
    div.ospopup.printer {

        background-size: 15vh !important;
        background-position: center 4vh !important;
        box-sizing: border-box !important;
        padding-top: 18vh !important;
        height: 58vh !important;
        top: 20vh !important;
        width: 80vw !important;
        left: 11vw !important;

    }
    
    
    
   form#masterForm > p.infotext.onFinalPage { 
        
        
    font-size: 2.4rem !important;
    text-align: center !important;
    width: 100% !important;
    margin-top: 16px;
    padding-bottom: 120px;
    min-height: 60vh;
    background-color: transparent !important;
    border: 0px;
    padding: 70px 0px !important;
    background-image: none;
    padding-top: 58px !important;
        
}
    
    
    
    span#addonPlace {
        
        min-height: 67vh;
        position: relative;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        font-size: 1.55rem !important;
        color: black;
        font-weight: 200;
        line-height: 1.7;
        background-color: transparent;
        margin-top: 0 !important;
        
    }
    
    span#roomHint {

        background-position: 12px center !important;
        background-size: 20px !important; 
        font-size:   1rem !important;
        font-weight: 200 !important;
        background-color: transparent !important;
        padding: 14px 43px 14px 69px;
        margin-bottom: 20px;
        bottom: -30px !important;
        opacity:0.45 !important;

    }
    
    
    span#addonPlace h1 {
        font-size: 2.5rem;
        color: black;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px;
        display: inline-flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        line-height: 0.7;
    }
    
    
    span#addonPlace > b { /* Warnmeldung... Beim Erstellen der Karte.... /// Bitte entnehmen Sie Ihne Quittung */

            display: inline-flex;
            position: relative;
            max-width: 50vw;
            margin-left: auto;
            line-height: 2;
            justify-content: center;
            text-align: center;
            background: white;
            border-radius: 5px;
            z-index: 3;
            /* text-shadow: 0 0 BLACK; */
        
        
    }
    
    
    
    

    span#addonPlace h1 img {    max-height: 200px !important;
    margin-top: -10px !important;
    margin-bottom: 0px !important;
    }
    
    
    
    div.dropdownCard.cc { right: 9%; }
    div.dropdownCard.kc {
        width: 400px;
        height: 267px;
        border-radius: 27px;
        left: 50%;
        margin-left: -194px;
        font-size: 2.8rem;
        padding: 167px 0px 0px 0px;
    }
    span#roomHint {
    bottom: 67px;
}
    
    
    
    main form.flex > p {
          position: relative !important;
    }
    
    
    
    label.inputBox.forcing.forceSelection {

    margin: 0px 0px !important;
    float: none !important;
    clear: both !important;
    max-width: 600px !important;
    min-height: 230px;
        
    }
    
    label.inputBox.forcing { 
        margin: 10px 0px !important;
    max-width: 84%;
    display: inline-flex;
    align-items: flex-start;
    line-height: 1.6;
    padding: 4px 20px 0px 20px !important;
}
    
    
    div.rfgroup > div.rfset > div.rfhandle > div.rfitem { 
        padding: 0px 16px;
    }
    div.rfgroup > div.rfset > div.rfhandle > div.rfitem > label.inputBox > span { 
    
        margin-top:    10px !important; 
        font-size:     16px !important; 
        font-weight:   300  !important; 
        padding-left:  10px !important; 

    }
    
    
    main form.flex > h3.onFinalPage { 
    
    font-size: 1.2rem;
    padding: 12px 12px 12px 12px !important;
    font-weight: 200;
    line-height: 1;
    color: #f5f5f5;
    box-sizing: border-box;
    padding-bottom: 0px;
    margin-bottom: 0px;
    min-height: 82px;
    justify-content: center;
    text-shadow: 0 0 4px rgba(0,0,0,0);
    
    
    }
    
   form#masterForm > div.ospopup.Min.Card {
            top: 13vh;
            left: 23vw;
            width: 55vw;
            background-color: rgba(255,255,255,1.00);
            border: 2px solid rgba(255,0,128,0.30);
            border-radius: 12px;
            height: 80vh;
    }
    
    
    div.uiConfirm.large.open { 
         
        padding: 65px 7vw 7vh 7vw !important;
        
    }
    
    
    div#impressum div.textual, 
    div#datenschutz div.textual { 
        /*
    padding: 0px 2vw 128px 3vw;
    text-align: left;
    justify-content: flex-start;
    align-content: flex-start;
    font-size: 1.2rem !important;
    line-height: 1.33;
    min-height: 75vh !important;
        */
    }
    /*
    div#impressum div.textual > h2, 
    div#datenschutz div.textual > h2,
    div#impressum div.textual > h3, 
    div#datenschutz div.textual > h3,
    div#impressum div.textual > h4, 
    div#datenschutz div.textual > h4,
    div#impressum div.textual > h5, 
    div#datenschutz div.textual > h5,
    div#impressum div.textual > b, 
    div#datenschutz div.textual > b,
    div#impressum div.textual > p, 
    div#datenschutz div.textual > p,
    div#impressum div.textual > ul, 
    div#datenschutz div.textual > ul,
    div#impressum div.textual > small, 
    div#datenschutz div.textual > small { 
        
        
            display: inline-flex;
            flex-wrap: wrap;
            position: relative;
            width: 100%;
            margin: 0px 0px !important;
            padding: 15px 30px 15px 60px;
            max-width: 100%;
            flex-direction: column;
            line-height: 1.5;
            box-sizing: border-box;
        
    }
    
    
    div#impressum div.textual > h2, 
    div#datenschutz div.textual > h2 { 
    
    
    margin-bottom:48px !important
    
    } */
    
    div.uiConfirm.large.open button.close { 
        
    position: absolute !important;
    right: 6vw;
    top: 3vh;
    display: inline-flex;
    justify-self: flex-end;
    float: right;
    margin: 4px 20px 0px auto;
    width: 70px;
    height: 70px;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' fill='white' viewBox='0 -960 960 960' width='48'%3E%3Cpath d='m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z'/%3E%3C/svg%3E");
    box-shadow: 0px 0px 0px 0px black;
    border: 2px solid white;

    }
    
    div.uiConfirm.large.open {  z-index: 9999999991 !important; }
    
    
    
    .werbungOnstay:before { 
        background: rgba(0,0,0,0.30);
        opacity: 1;
    }
    
    label.inputBox {  margin-top: 10px !important; }
    div.rfgroup > div.rfset > div.rfhandle > div.rfitem > label { margin: 0px 0px !important; }
    div.transBox > h1 { font-size: 2rem; line-height: 1.5; }
    
    
    
    
    div#sessionStatus { 
        
    width: 100%;
    top: 30px;
    height: auto;
    left: 0px;
    right: auto;
    background: rgba(0,0,0,0.00);
    transform: scale(1);
    opacity: 0.6; 
        
    }
    
    /*
    div#sessionStatus > div.active, 
    div#sessionStatus > div.done { 
        
        background: transparent;
    }
    
    div#sessionStatus > div { color:rgba(0,0,0,0.3); font-weight:300; }
    div#sessionStatus > div:before {
        display: block;
        content: '';
        opacity: 0.67;
        position: absolute;
        width: 22px;
        height: 22px;
        left: calc(50% - 11px);
        box-sizing: border-box;
        top: 5px;
        background-image: none;
        border: 3px solid rgba(0,0,0,0.3);
        border-radius: 50%;
    }
    div#sessionStatus > div.active { color: cornflowerblue; font-size: 16px; line-height: 1; }
    div#sessionStatus > div.done   { color: rgba(0,128,0,0.5);  }
    div#sessionStatus > div.active:before { border:3px solid cornflowerblue; }
    div#sessionStatus > div.done:before   { border:3px solid rgba(0,128,0,0.5); background:rgba(255,255,255,0.5);  }
    
    */
    
    
    
    span#addonPlace h1 img { 
        /*
    max-height: 300vh !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    position: fixed;
    min-width: 100vw;
    height: auto !important;
    min-height: 100vh !important;
    top: 0px;
    z-index: 1 !important;
    opacity: 0.5;
        */
        
    max-height: 10vh !important;
    margin-top: -20px !important;
    margin-bottom: -3vh !important;
        
    position: relative;
    min-width: 5vw;
        
    height: auto !important;
    min-height: 12vh !important;
    top: -3vh;
    z-index: 1 !important;
    opacity: 0.7;
        
        
        
    }
    
    
    div.actionpopup#billingRequest > span {
    display: inline-flex;
    max-width: 80vw;
    min-width: 80vw;
    box-sizing: border-box;
    min-height: 100vh;
    max-height: 130vh !important;
    margin-top: -10vh !important;
    padding: 5vw;
    background: white;
    border-radius: 11px;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.8);
    flex-direction: column;
    justify-content: flex-start;
    align-content: stretch;
    transform: scale(0.6) !important;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    div#qrrPrerequest { top: 18vh !important; height: 75vh !important; } 
    div#qrrPrerequest > div { } 
    main form div#qrrPrerequest > div > b { font-size: 2rem !important; padding: 0px 4px 0px 1px !important; } 
    main form div#qrrPrerequest > div > p { padding: 0px 3px 8px 6px !important; font-size: 1.25rem !important; } 
    main form div#qrrPrerequest > div > button.big { 
        padding: 6px 6px !important;
        border-radius: 6px !important;
        margin: 5px 0px !important;
        background-size: 80px !important;
        background-position: 24px center !important;
        min-height: 100px !important;
        padding-left: 132px !important; 
    }
    main form  div#qrrPrerequest > div > button > b {
        font-size: 1.75rem !important;
        padding-top: 5px !important;
    }
    main form div#qrrPrerequest > div > button > p {
        font-size: 1rem;
        padding: 4px 8px 4px 0px;
        margin: 3px 0px 8px 0px;
        width: 100%;
    }
    main form div#qrrPrerequest > div > a.button.reset { 
        padding: 14px;
        font-size: 2rem !important;
        font-weight: 400;
        margin: 14px 20px 3px 20px;
        line-height: 1;
    } 
    body > div#qrr-container { 
        top: 18vh !important;
        max-width: 94vw !important;
        min-width: 94vw !important;
        left: 3% !important;
        min-height: 75vh !important;
        margin: 0px auto auto 0px !important;
        padding: 50px 30px 32px 30px !important;
        border-radius: 9px !important;
        max-height: 80vh !important;
        box-shadow: 0px 0px 20px 0px black !important;
        transform: scale(1) !important; 
    }
    main form div#qrrPrerequest > div > span.inform > input, 
    main form div#qrrPrerequest > div > span.inform > span.inputCheckinId > input { 
            font-size: 2rem;
            min-width: calc(50% - 50px);
            margin: auto;
    } 
    main form div#qrrPrerequest > div > span.inform > span.inputCheckinId > input#cinr_X { 
        max-width: 100px !important; 
        min-width: 100px !important; 
    } 
    main form div#qrrPrerequest > div > span.inform > input#resnr { font-size: 3rem; padding: 8px 6px 8px 6px; } 
    
    
    
    body > div#qrr-container > canvas#qrr-canvas { 
        
    max-height: 40vh !important;
    max-width: 40vh;
    margin-left: auto !important;
    margin-right: auto;
    margin-top: -10vh !important;
        
        
    }   
    
    div#qrr-container > div#qrr-output div#qrr-nodata {
    font-size: 1.25rem;
}
    
    
    div#qrr-container > div#qrr-output {
    min-width: 100% !important;
    min-height: 52vh !important;
    padding: 48px !important;
    position: absolute !important;
    left: 0px !important;
    top: 24px !important;
    z-index: 3 !important;
    margin-top: 10vh !important;
    }

    div.camDialog > div.camAction.streaming { transform: scale(1)!important; }
    
    
    
    div.rfgroup > button.button.sign.next_btn.btnstyle.inview:not(.empty) { top: 33px; right:12px; }
    
    
    
    
    div.confirmBox.closed:not(.unconfirmed) {
    transform: scale(0.65);
    top: 59px !important;
    right: 41px !important;
}
    
    button.ToggleIDScanner {  margin-top: 2px; }
    
    
    
    div#ocrInfoSuccess.uiConfirm.open { z-index: 99999 !important; }
    
    
    div.confirmBox:not(.closed) { padding: 148px 240px 160px 240px; } 
    
    
    
} @media only screen and (orientation: landscape) and (max-width: 1500px) { html {  font-size: 1em !important; } }