/* /Pages/Adyen.razor.rz.scp.css */
.payment[adyen] {
    height: 100vh;
    padding: 2vw;
}

#component-container[adyen] {
    overflow-y: auto;
    width: 100%;
    height: 100%;
}
/* /Pages/Allianz.razor.rz.scp.css */
.insurance[allianz] {
    padding-bottom: 0;
    color: var(--color-dark-blue);
    overflow-y: auto;
}

.insurance-container-data[allianz] {
    padding: 20pt;
}

    .insurance-container-data button[allianz] {
        background-color: var(--color-background-dark-blue);
        color: var(--color-font-dark-button);
        border-radius: 20px;
        border: none;
        padding: 7px 25px;
    }

.insurance-container[allianz] {
    background-color: var(--color-background-white);
    border-radius: 20px;
    padding: 20pt;
    flex: 1;
}

    .insurance-container > div:first-child > div:first-child[allianz] {
        flex: 1;
    }

        .insurance-container > div > div:first-child > img[allianz] {
            width:auto;
        }

    .insurance-container > div > div:last-child > img[allianz] {
        height: 150px
    }

.insurance-element[allianz] {
    border: 1px solid var(--color-grey);
    border-radius: 5px;
    margin: 5pt;
    flex: 1;
    min-width: 200px;
    display: grid;
    grid-template-rows: 1fr 130px 130px 100px;
    flex-basis: 300px;
}

    .insurance-element > div:first-child[allianz] {
        background-color: var(--color-grey);
        flex: 1;
    }

    .insurance-element > div[allianz] {
        padding: 10pt 15pt;
    }

        .insurance-element > div > a[allianz] {
            color: var(--color-dark-blue);
            border: 1px solid var(--color-dark-blue);
            border-radius: 25px;
            padding: 5px 10px;
            flex: 1;
            margin: 0.25rem;
        }

        .insurance-element > div > button[allianz] {
            background-color: var(--color-background-dark-blue);
            color: var(--color-font-dark-button);
            border: none;
            border-radius: 25px;
            padding: 10px 30px;
            width: 100%;
            height:48px;
        }

.insurance-content-address[allianz] {
    padding: 10px 20px;
    border-radius: 20px;
    display: grid;
    grid-template-columns: 1fr;
    font-size: 12pt;
}

.insurance-content-address > div[allianz] {
    background-color: var(--color-background-white);
    border-radius: 25px;
    margin-bottom: 20px;
    padding: 5px 10px;
    color: var(--color-font-input) !important;
}

    .insurance-content-address input[allianz], .insurance-content-address select[allianz] {
        border: none;
        background-color: transparent;
        margin: 5px;
        width: 100%;
    }

    .insurance-content-address select[allianz] {
        height: 26px;
    }

input:focus-visible[allianz], select:focus-visible[allianz] {
    outline: 0
}

.insurance-content-address-empty-1[allianz] {
    display: none;
}

.insurance-selected[allianz] {
    width: 40px;
    height: 40px;
    position: relative;
    right: -100%;
    top: -55px;
}

    .insurance-selected > span[allianz] {
        background-color: #6d9b6d;
        color: white;
        padding: 10px;
        border-radius: 25px;
    }

@media (min-width: 1090px) {
    .insurance-content-address[allianz] {
        grid-template-columns: repeat(2, 1fr);
    }

        .insurance-content-address > div[allianz] {
            border-radius: unset;
        }

            .insurance-content-address > div:nth-of-type(2n+1)[allianz] {
                border-top-left-radius: 20px;
                border-bottom-left-radius: 20px;
            }

            .insurance-content-address > div:nth-of-type(2n)[allianz] {
                border-top-right-radius: 20px;
                border-bottom-right-radius: 20px;
            }

    .insurance-content-address-empty-1[allianz] {
        display: block;
    }
}

@media (min-width: 1410px) {
    .insurance-content-address[allianz] {
        grid-template-columns: repeat(4, 1fr);
    }

        .insurance-content-address > div[allianz] {
            border-radius: unset;
        }

            .insurance-content-address > div:nth-of-type(2n+1)[allianz] {
                border-top-left-radius: unset;
                border-bottom-left-radius: unset;
            }

            .insurance-content-address > div:nth-of-type(2n)[allianz] {
                border-top-right-radius: unset;
                border-bottom-right-radius: unset;
            }

            .insurance-content-address > div:nth-of-type(4n+1)[allianz] {
                border-top-left-radius: 20px;
                border-bottom-left-radius: 20px;
            }

            .insurance-content-address > div:nth-of-type(4n)[allianz] {
                border-top-right-radius: 20px;
                border-bottom-right-radius: 20px;
            }

    .insurance-content-address-empty-1[allianz] {
        display: block;
    }
}
/* /Pages/Belegungskalender.razor.rz.scp.css */
.date-range[kalender] {
    height: 100vh;
    padding-bottom: 0;
    color: var(--color-dark-blue);
}

.date-range-content[kalender] {
    background-color: var(--color-background-white);
    padding: 2vw;
    border-radius: 20px;
    overflow-y: auto;
    flex: 1;
    height: 100vh;
}

.date-range-content-next-month[kalender] {
    grid-column-start: 1;
    grid-column-end: 8;
    background-color: var(--color-blue);
    border-radius: 20px;
    color: var(--color-dark-blue);
    margin: 15px 0 !important;
}

    .date-range-content-next-month:hover[kalender] {
        cursor: pointer;
        background-color: var(--color-hover-blue-button);
        color: var(--color-font-blue-button);
    }

.date-range-months[kalender] {
    color: var(--color-dark-blue);
}

    .date-range-months > div[kalender] {
        width: max-content;
        display: inline-block;
        margin: 0 10px;
    }

    .date-range-months > label:hover[kalender], .date-range-months > div > span:hover[kalender] {
        cursor: pointer;
        color: var(--color-black);
    }

.date-range-dates[kalender] {
    display: grid;
    grid-template-columns: repeat(7, minmax(30px, 130px));
    margin: auto;
    max-width: fit-content;
}

    .date-range-dates > label[kalender] {
        color: var(--color-black);
    }

    .date-range-dates > div:not(.date-range-months)[kalender] {
        margin: 0.5vw;
        padding: 5px 0;
    }

        .date-range-dates > div:not(.date-range-months) > label[kalender] {
            display: block;
        }

            .date-range-dates > div:not(.date-range-months) > label:first-child[kalender] {
                font-size: 2vw;
            }

            .date-range-dates > div:not(.date-range-months) > label:last-child[kalender] {
                font-size: 3vw;
            }

.date[kalender] {
    border: 1px solid var(--color-lightgrey);
    background-color: var(--color-light-blue);
}

    .date > label:first-child[kalender] {
        color: var(--color-dark-grey);
    }

    .date > label:last-child[kalender] {
        color: var(--color-black);
    }

    .date:hover[kalender], .date > label:hover[kalender] {
        cursor: pointer;
    }

.date-selected[kalender] {
    border: 1px solid var(--color-dark-blue);
}

.date-empty[kalender] {
    border: 1px solid var(--color-border-lightgrey);
    color: var(--color-font-lightgrey);
}

    .date-empty:hover[kalender], .date-empty > label:hover[kalender] {
        cursor: not-allowed;
    }

@media screen and (min-width: 1400px) {
    .date-range-dates > div:not(.date-range-months) > label:first-child[kalender] {
        font-size: 0.8rem;
    }

    .date-range-dates > div:not(.date-range-months) > label:last-child[kalender] {
        font-size: 2rem;
    }
}

.popup-container[kalender] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #00000090;
    display: grid;
    align-items: center;
}

    .popup-container > div[kalender] {
        background-color: white;
        margin: auto;
        width: calc(100% - 40px);
        max-width: 500px;
        border-radius: 20px;
    }

.popup-close[kalender] {
    position: relative;
    right: -17px;
    width: 35px;
    height: 35px;
    float: right;
    top: -16px;
    background-color: var(--color-background-input);
    border: 1px solid var(--color-quickcheck-button);
    border-radius: 50px;
    padding: 3px;
    text-align: center;
}

.popup-close:hover[kalender]{
    cursor:pointer;
}

    .popup-close > span[kalender] {
        color: var(--color-quickcheck-button);
    }
/* /Pages/Bestaetigung.razor.rz.scp.css */
.confirmation[bestaetigung] {
    padding: 2vw;
    min-height: 100vh;
}

[bestaetigung] .confirmation > div > div > label {
    color: var(--color-dark-blue);
}

.summary-container > label[bestaetigung] {
    color: var(--color-dark-blue);
}

.summary-container > div:last-child > div[bestaetigung] {
    flex: 1;
}

    .summary-container > div:last-child > div > button[bestaetigung] {
        background-color: var(--color-background-dark-blue);
        color: var(--color-font-dark-button);
        border: none;
        border-radius: 25px;
        padding: 7px 20px;
        font-size: 11pt;
    }

.confirmation-email[bestaetigung] {
    background-color: var(--color-background-white);
    border-radius: 20px;
    padding: 20pt;
    color: var(--color-dark-blue);
}
/* /Pages/ChildAge.razor.rz.scp.css */
.home-content-age[childAge] {
    padding: 20px;
    border: 1px solid var(--color-border-white);
    border-radius: 7px;
    background-color: var(--color-light-white);
    flex: 1 1 330px;
    width: 330px;
    max-width: 330px;
    margin: 20px;
}

    .home-content-age > div > div:first-child[childAge] {
        font-size: 1.5rem;
        flex: 1;
    }

    .home-content-age button[childAge] {
        border: 1px solid var(--color-border-white);
        border-radius: 10px;
        height: 50px;
        width: 50px;
        display: inline-block;
        font-size: 1.5rem;
        background-color: transparent;
        color: var(--color-border-white);
    }

    .home-content-age button:hover[childAge] {
        cursor: pointer
    }
/* /Pages/Error.razor.rz.scp.css */
.error-container[error] {
    color: var(--color-font-header-rate);
    padding: 2vw;
    min-height: 100vh;
}
/* /Pages/Gastdaten.razor.rz.scp.css */
.form-floating > .form-control:focus ~ label[gastdaten], 
.form-floating > .form-control:not(:placeholder-shown) ~ label[gastdaten], 
.form-floating > .form-select ~ label[gastdaten]
{
    opacity: 1;
}

.guestdata[gastdaten] {
    /*height: 100vh;*/
    color: var(--color-dark-blue);
    padding: 2vw;
}

[gastdaten] .guestdata > div > div > div > label {
    color: var(--color-dark-blue);
}

.guestdata-content-address[gastdaten] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    font-size: 12pt;
}

    .guestdata-content-address > div[gastdaten] {
        background-color: var(--color-background-white);
        border-radius: 25px;
        margin-bottom: 20px;
        padding: 5px 10px;
        color: var(--color-font-input) !important;
    }

.guestdata-content-voucher[gastdaten], .guestdata-content-payment[gastdaten], .guestdata-content-links > div[gastdaten], .guestdata-content-wishes > div[gastdaten], .guestdata-content-presents > div[gastdaten], .guestdata-content-summary > div[gastdaten], .guestdata-content-message > div[gastdaten] {
    background-color: var(--color-background-white);
    padding: 10px 20px;
    border-radius: 25px;
    display: grid;
    grid-template-columns: 1fr;
    font-size: 12pt;
    color: var(--color-font-input) !important;
}

.guestdata-content-voucher[gastdaten] {
    padding: 5px 10px;
}

    .guestdata-content-address input[gastdaten], .guestdata-content-address select[gastdaten], .guestdata-content-voucher input[gastdaten] {
        border: none;
        background-color: transparent;
        margin: 5px;
        width: 100%;
    }

input[gastdaten], select[gastdaten], textarea[gastdaten] {
    color: var(--color-font-input);
}

    input[gastdaten]::-webkit-date-and-time-value {
        text-align: left;
    }

    select option[gastdaten] {
        color: black;
    }

    input:focus-visible[gastdaten], select:focus-visible[gastdaten] {
        outline: 2px solid var(--color-black);
        outline-offset: 0;
        outline-style: auto;
        /*background-color: var(--color-light-blue);*/
        /*background-color: var(--color-background-input);*/
    }

img[gastdaten] {
    height: 40px;
    max-height: 40px;
    width: auto;
    margin-right: 10px;
}

.guestdata-content-address select:not(.form-select)[gastdaten] {
    height: 26px;
}

#CreditCardNumber[gastdaten], #CreditCardCode[gastdaten] {
    height: 35px;
}

.cart-content-button > button[gastdaten] {
    background-color: var(--color-background-dark-blue);
    color: var(--color-font-dark-button);
    border-radius: 25px;
    border: none;
    padding: 7px;
    margin: 20px;
}

.guestdata-content-wishes-element[gastdaten], .guestdata-content-presents-element[gastdaten], .guestdata-content-payment[gastdaten] {
    display: grid;
    grid-template-columns: 22px 1fr;
}

.guestdata-content-presents > div[gastdaten], .guestdata-content-wishes > div[gastdaten] {
    color: var(--color-dark-grey);
    font-size: 12pt;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
}

.guestdata-content-message[gastdaten] {
    overflow: hidden;
}

    .guestdata-content-message textarea[gastdaten] {
        width: 100%;
    }

.guestdata-content-links[gastdaten] {
    color: var(--color-dark-grey);
    font-size: 12pt;
}

    .guestdata-content-links > div[gastdaten] {
        display: grid !important;
        grid-template-columns: 22px 1fr;
    }

textarea[gastdaten] {
    width: 100%;
    border: none;
    font-size: 12pt;
    background-color: transparent;
}

    textarea:focus-visible[gastdaten] {
        outline: none;
    }

button[gastdaten] {
    background-color: var(--color-background-dark-blue);
    color: var(--color-font-dark-button);
    border: none;
    border-radius: 25px;
    padding: 10px 20px;
}

.guestdata-content-summary > div[gastdaten] {
    color: var(--color-dark-grey);
}

.guestdata-content-address-empty-1[gastdaten],
.guestdata-content-address-empty-2[gastdaten],
.guestdata-content-address-empty-3[gastdaten] {
    display: none;
}

@media (min-width: 970px) {
    .guestdata-content-summary[gastdaten] {
        display: none !important;
    }
}

@media (min-width: 800px) {
    .cart-content-button[gastdaten] {
        display: none !important;
    }
}

@media (min-width: 1090px) {
    .guestdata-content-address[gastdaten] {
        grid-template-columns: repeat(2, 1fr);
    }

        .guestdata-content-address > div[gastdaten] {
            border-radius: unset;
        }

            .guestdata-content-address > div:nth-of-type(2n+1)[gastdaten] {
                border-top-left-radius: 20px;
                border-bottom-left-radius: 20px;
            }

            .guestdata-content-address > div:nth-of-type(2n)[gastdaten] {
                border-top-right-radius: 20px;
                border-bottom-right-radius: 20px;
            }

    .guestdata-content-address-empty-1[gastdaten] {
        display: block;
    }

    .guestdata-content-address-empty-2[gastdaten],
    .guestdata-content-address-empty-3[gastdaten],
    .guestdata-content-address-empty-2 + .guestdata-content-address-empty-1[gastdaten] {
        display: none;
    }

    .guestdata-content-presents > div[gastdaten], .guestdata-content-wishes > div[gastdaten] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1410px) {
    .guestdata-content-address[gastdaten] {
        grid-template-columns: repeat(4, 1fr);
    }

        .guestdata-content-address > div[gastdaten] {
            border-radius: unset;
        }

            .guestdata-content-address > div:nth-of-type(2n+1)[gastdaten] {
                border-top-left-radius: unset;
                border-bottom-left-radius: unset;
            }

            .guestdata-content-address > div:nth-of-type(2n)[gastdaten] {
                border-top-right-radius: unset;
                border-bottom-right-radius: unset;
            }

            .guestdata-content-address > div:nth-of-type(4n+1)[gastdaten] {
                border-top-left-radius: 20px;
                border-bottom-left-radius: 20px;
            }

            .guestdata-content-address > div:nth-of-type(4n)[gastdaten] {
                border-top-right-radius: 20px;
                border-bottom-right-radius: 20px;
            }

    .guestdata-content-address-empty-1[gastdaten],
    .guestdata-content-address-empty-2[gastdaten],
    .guestdata-content-address-empty-3[gastdaten] {
        display: block;
    }

    .guestdata-content-presents > div[gastdaten], .guestdata-content-wishes > div[gastdaten] {
        grid-template-columns: repeat(3, 1fr);
    }
}

input:-internal-autofill-selected[gastdaten] {
    -webkit-box-shadow: 0 0 0 50px var(--color-background-white) inset;
    -webkit-text-fill-color: var(--color-font-input);
}

input[type="radio"][gastdaten], input[type="checkbox"][gastdaten] {
    accent-color: var(--color-dark-blue);
}

input:-moz-placeholder[gastdaten], input[gastdaten]::-moz-placeholder, input:-ms-input-placeholder[gastdaten], input[gastdaten]::-webkit-input-placeholder {
    color: var(--color-dark-grey);
}

[gastdaten]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--color-dark-grey);
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder[gastdaten] { /* Internet Explorer 10-11 */
    color: var(--color-dark-grey);
}

[gastdaten]::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--color-dark-grey);
}

.guestdata-content-acceptedCards[gastdaten] {
    color: var(--color-font-input);
}

.guestdata-newsletter-info[gastdaten] {
    border: 1px solid;
    border-radius: 15px;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
}

.guestdata-newsletter-info:hover[gastdaten] {
    cursor: pointer;
}
/* /Pages/Home.razor.rz.scp.css */
.home-background[home] {
    min-height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0;
    color: var(--color-white);
    background-position: center;
}

.home[home] {
    min-height: 100vh;
    padding-left: 75px;
    background-color: #00000060;
}

[home] .home > div > label {
    color: var(--color-white);
}

.home-content[home] {
    margin: auto 0;
    /*mix-blend-mode:difference;*/
}

.home-content-text[home] {
    width: 100%;
}

    .home-content-text > div:first-child > label[home] {
        letter-spacing: 2px;
    }

.home-content-text-1 > div[home], .home-content-text-2 > div[home] {
    padding: 20px;
    border: 1px solid var(--color-white);
    border-radius: 7px;
    background-color: var(--color-light-white);
    flex: 1 1 0;
    margin: 20px;
    width: 0;
    min-width: min-content;
}

.home-content-text-1[home] {
    max-width: 1110px;
    margin: auto;
}

.home-content-text-2[home] {
    margin: auto;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1110px;
}

    .home-content-text-1 > div > div > div:first-child[home], .home-content-text-2 > div > div > div:first-child[home] {
        font-size: 1.5rem;
        flex: 1;
    }

.home-content-text button[home] {
    border: 1px solid var(--color-border-white);
    border-radius: 10px;
    height: 50px;
    width: 50px;
    display: inline-block;
    font-size: 1.5rem;
    background-color: transparent;
    color: var(--color-border-white);
}

    .home-content-text button:hover[home] {
        cursor: pointer
    }

.home-content-button[home] {
    font-size: 12pt;
}

.home-content-button-next[home] {
    font-size: 1.5rem;
    margin: 0 20px;
}

    .home-content-button > button[home],
    .home-content-button-next > button[home] {
        border: none;
        border-radius: 30px;
        background-color: var(--color-light-white);
        color: var(--color-white);
        padding: 7px 25px;
    }

    .home-content-button-next > button[home] {
        width: 100%;
        max-width: 1110px;
    }

    .home-content > div.home-content-button > button[home],
    .home-content-button-next > button[home] {
        border: 1px solid var(--color-light-white);
    }

.header[home] {
    align-items: center;
    padding-top: 2vw;
    justify-content: center;
}

/*.header-promotioncode {
    border: 1px solid var(--color-white);
    border-radius: 20px;
    color: var(--color-white);
    width: min-content;
    padding: 0 15px;
}*/

.header-promotioncode > label[home], .header-cancellation > a[home] {
    font-size: 11pt;
    letter-spacing: 2px;
}

.header-promotioncode > input[home] {
    background-color: transparent;
    border: none;
    color: var(--color-white);
}

    .header-promotioncode:focus[home],
    .header-promotioncode:focus-visible[home],
    .header-promotioncode > input:focus-visible[home] {
        outline: 2px solid var(--color-border-white)    ;
    }

.header-promotioncode[home], .header-cancellation[home] {
    border: none;
    border-radius: 20px;
    background-color: var(--color-light-white);
    color: var(--color-white);
    padding: 4px 25px;
    font-size: 11pt;
    flex: 1;
    max-width: 300px;
    text-align: center;
}

    .header-cancellation > a[home] {
        color: var(--color-white);
        text-decoration: none;
    }

        .header-cancellation > a:hover[home] {
            text-decoration: none;
        }

.remove-room[home] {
    border: 1px solid var(--color-white);
    padding: 1px 8px;
    height: 30px;
    width: 30px;
    display: inline-block;
    margin-left: 10px;
}

    .remove-room:hover[home] {
        cursor: pointer
    }

.home-content-poweredby > a[home] {
    text-transform: none;
    color: var(--color-white);
    font-size: 8px;
    padding: 12px;
    display: inline-block
}

@media (max-width: 600px) {
    .home[home] {
        padding-left: unset;
    }

    .home-content-text-1 > div > div > div:first-child[home], .home-content-text-2 > div > div > div:first-child[home] {
        font-size: 1rem;
    }

    .home-content-button-next[home] {
        font-size: 1rem;
    }

    .home-content[home] {
        margin: 0 !important;
    }

    .home-content-text > div[home] {
        padding: 0 !important;
        margin: 0 !important;
    }

        .home-content-text > div > div[home] {
            margin: 10px !important;
        }
}
/* /Pages/Index.razor.rz.scp.css */


.home-close[index] {
    border: 1px solid var(--color-white);
    padding: 1px 8px;
    height: 30px;
    width: 30px;
    position: fixed;
    top: 0.5vw;
    right: 0.5vw;
    mix-blend-mode: difference;
    color: white;
    z-index: 1;
}

    .home-close:hover[index], .home-close > label:hover[index] {
        cursor: pointer
    }
/* /Pages/QuickCheckHoch.razor.rz.scp.css */
label[quickCheck1] {
    display: block;
    color: var(--color-quickcheck-button);
}

input[quickCheck1] {
    border: none;
    color: var(--color-quickcheck-button);
    width: 100%;
    background-color: transparent;
}

    input:focus-visible[quickCheck1] {
        outline: none;
    }

button[quickCheck1] {
    border: none;
    border-radius: 30px;
    background-color: var(--color-quickcheck-button);
    color: var(--color-font-dark-button);
    width: 100%;
    padding: 10px 0;
}

.oi[quickCheck1] {
    color: var(--color-quickcheck-button);
}

.icon-child[quickCheck1] {
    background-image: var(--icon-childQuickcheck) !important;
}

.icon-person[quickCheck1] {
    background-image: var(--icon-personQuickcheck) !important;
}

.icon-duration[quickCheck1] {
    background-image: var(--icon-durationQuickcheck) !important;
}

.quickcheck-content-promotioncode[quickCheck1] {
    padding: 10px;
    border: 1px solid var(--color-quickcheck-button);
    border-radius: 30px;
    background-color: transparent;
}

.quickcheck-content-input[quickCheck1] {
    padding: 10px;
    border: 2px solid var(--color-blue);
    border-radius: 15px;
    background-color: var(--color-background-input);
}

    .quickcheck-content-input > div > div:first-child[quickCheck1] {
        flex: 1;
    }

.quickcheck-content-age[quickCheck1] {
    padding: 10px;
    border: 2px solid var(--color-blue);
    border-radius: 15px;
    background-color: var(--color-background-input);
}

.DatePicker[quickCheck1] {
    width: 100%;
    border: none;
}

    .DatePicker:focus-visible[quickCheck1] {
        outline: none;
    }
/* /Pages/QuickCheckQuer.razor.rz.scp.css */
label[quickCheck2] {
    display: block;
    color: var(--color-quickcheck-button);
}

input[quickCheck2] {
    border: none;
    color: var(--color-quickcheck-button);
    width: 100%;
    background-color: transparent;
}

    input:focus-visible[quickCheck2] {
        outline: none;
    }

button[quickCheck2] {
    border: none;
    border-radius: 30px;
    background-color: var(--color-quickcheck-button);
    color: var(--color-font-dark-button);
    padding: 10px;
}

.oi[quickCheck2] {
    color: var(--color-quickcheck-button);
}

.icon-child[quickCheck2] {
    background-image: var(--icon-childQuickcheck) !important;
}

.icon-person[quickCheck2] {
    background-image: var(--icon-personQuickcheck) !important;
}

.icon-duration[quickCheck2] {
    background-image: var(--icon-durationQuickcheck) !important;
}

.quickcheck-content-promotioncode[quickCheck2] {
    padding: 10px;
    border: 1px solid var(--color-quickcheck-button);
    border-radius: 30px;
    background-color: transparent;
}

.quickcheck-content-input[quickCheck2] {
    padding: 10px;
    border: 2px solid var(--color-blue);
    border-radius: 15px;
    background-color: var(--color-background-input);
}

    .quickcheck-content-input > div > div:first-child[quickCheck2] {
        flex: 1;
    }

.quickcheck-content-age[quickCheck2] {
    padding: 10px;
    border: 2px solid var(--color-blue);
    border-radius: 15px;
    background-color: var(--color-background-input);
}

.DatePicker[quickCheck2] {
    width: 100%;
    border: none;
}

    .DatePicker:focus-visible[quickCheck2] {
        outline: none;
    }
/* /Pages/Step.razor.rz.scp.css */

.step-line[step] {
    border: 1px solid var(--color-step-line-sidebar);
    width: 0px;
    margin: auto;
    position: relative;
    top: 0px;
}

.step > div > label[step], .step > div > div > label[step] {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    text-orientation: mixed;
    vertical-align: text-top;
}

.step > div > label[step] {
    display: block;
    margin-bottom: 0.5rem !important;
}

.step > div > div > span[step] {
    left: 28pt;
    top: -25pt;
    position: relative;
    z-index: 1;
}

.step-container[step] {
    width: 75px;
    min-width: 75px;
    /*mix-blend-mode:difference;*/
    padding-left: 20pt;
    color: var(--color-light-blue-sidebar);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
}

.hoverable[step], .hoverable > label:hover[step] {
    cursor: pointer;
}

.list-group-item.active[step] {
    font-weight: bold;
    z-index: unset;
    color: unset;
    background-color: unset;
    border-color: unset;
}

.list-group-item:not(.active) > span[step], 
div.label-step-1[step],
div.label-step-2[step], 
div.label-step-3[step], 
div.label-step-4[step], 
div.label-step-5[step], 
div.label-step-6[step], 
div.label-step-7[step], 
div.label-step-8[step] {
    display: none;
}

.div-step-1.active ~ div.label-step-1[step],
.div-step-2.active ~ div.label-step-2[step],
.div-step-3.active ~ div.label-step-3[step],
.div-step-4.active ~ div.label-step-4[step],
.div-step-5.active ~ div.label-step-5[step],
.div-step-6.active ~ div.label-step-6[step],
.div-step-7.active ~ div.label-step-7[step],
.div-step-8.active ~ div.label-step-8[step] {
    display: inline-block;
}

.list-group-item[step] {
    position: unset;
    display: unset;
    padding: unset;
    margin-bottom: unset;
    background-color: unset;
    border: unset;
    height: 30px;
}

.list-group-item-action[step] {
    width: unset;
    color: unset;
    text-align: unset;
}

.list-group:has(div.div-step-1.active)[step] {
    color: var(--color-white);
}

@media (max-width: 600px) {
    .step-container[step] {
        display: none !important;
    }
}
/* /Pages/Stornierung.razor.rz.scp.css */
.cancellation[stornierung] {
    height: 100vh;
    overflow-y: auto;
    padding: 2vw;
}

.cancellation-header > label:first-child[stornierung] {
    color: var(--color-dark-blue);
}

.cancellation-header > label:last-child[stornierung], .cancellation-message[stornierung] {
    color: var(--color-dark-grey);
}

input[stornierung] {
    border: 1px solid var(--color-dark-blue);
    border-radius: 30px;
    width: 100%;
    padding: 7px 20px;
}

button[stornierung] {
    background-color: var(--color-dark-blue);
    color: var(--color-font-dark-button);
    border: none;
    border-radius: 30px;
    padding: 5px 50px;
}
/* /Pages/Warenkorb.razor.rz.scp.css */
span:not(.icon-small)[warenkorb] {
    padding: 10px;
}

hr[warenkorb] {
    width: 100%;
}

    .icon-edit:hover[warenkorb] {
        cursor: pointer;
    }

.cart[warenkorb] {
    background-color: var(--color-background-cart);
    border-radius: 20px;
    width: 300px;
    max-width: 300px;
    min-width: 300px;
    position: fixed;
    right: 1.5rem;
    top: 1.5rem;
    bottom: 1.5rem;
}

.cart-summary[warenkorb] {
    background-color: var(--color-background-cart);
    border-radius: 20px;
    width: 300px;
    max-width: 300px;
    min-width: 300px;
    position: fixed;
    right: 1.5rem;
    top: 1.5rem;
    bottom: 1.5rem;
}

    .cart.collapsePosition[warenkorb], .cart-summary.collapsePosition[warenkorb] {
        position: fixed;
        right: 2vw;
        width: unset;
        min-width: unset;
        bottom: unset;
    }

.cart-content-summary-price > label:first-child[warenkorb] {
    flex: 1;
    font-size: 10pt
}

.cart-content-summary-price > label:last-child[warenkorb] {
    font-size: 12pt
}

.cart-content-summary[warenkorb] {
    color: var(--color-font-cart);
    background-color: var(--color-background-cart);
    border-radius: 20px;
}

    .cart-content-summary > div > div[warenkorb] {
        font-size: 12pt;
    }

.cart-content[warenkorb] {
    padding: 20px;
    overflow-y: auto;
    flex: 1;
    width: 300px;
    max-width: 300px;
    min-width: 300px;
}

.cart-content-summary[warenkorb] {
    padding: 20px;
    flex: 1;
    width: 300px;
    max-width: 300px;
    min-width: 300px;
}

.cart-content-text[warenkorb] {
    font-size: 12pt;
}

.cart-content.collapse[warenkorb] {
    min-width: 60px;
    max-width: 60px;
    height: 60px;
}

.cart-content > div:first-child[warenkorb], .cart-content-summary > div:first-child[warenkorb] {
    margin-bottom: 20px;
    color: var(--color-font-header-cart);
}

.cart-content > div:not(:first-child)[warenkorb], .cart-content-summary > div:not(:first-child)[warenkorb], td[warenkorb] {
    color: var(--color-font-cart);
}

.cart-content > div:last-child[warenkorb] {
    font-size: 12px;
}

.cart > div > button:not(.navbar-toggler)[warenkorb], .cart-summary > div > button:not(.navbar-toggler)[warenkorb] {
    background-color: var(--color-background-dark-blue);
    color: var(--color-font-dark-button);
    border-radius: 20px;
    border: none;
    padding: 7px;
    margin: 20px;
    width: -webkit-fill-available;
}

.navbar-toggler:focus[warenkorb] {
    outline: none !important;
}

@media (max-width: 970px) {
    .cart[warenkorb] {
        /*position: fixed;
        right: 2vw;
        width: unset;
        min-width: unset;
        height: 50px;*/
        display:none !important;
    }

        .cart.collapsePosition[warenkorb] {
            width: 300px;
            max-width: 300px;
            min-width: 300px;
            position: fixed;
            right: 1.5rem;
            top: 1.5rem;
            bottom: 1.5rem;
            height:unset;
        }

    .cart-content.collapse[warenkorb] {
        width: 300px;
        max-width: 300px;
        min-width: 300px;
        height: 89vh;
        display: block !important;
    }

    .cart-content > *.collapse[warenkorb] {
        display: block !important;
    }

    .cart-content[warenkorb], .cart-content-button[warenkorb] {
        display: none !important;
        min-width: 60px;
        max-width: 60px;
    }
}

.icon-small:hover[warenkorb] {
    cursor: pointer;
}
/* /Pages/Zeitraum.razor.rz.scp.css */
.date-range[zeitraum] {
    /*height: 100vh;*/
    color: var(--color-dark-blue);
    padding: 2vw;
    min-height: 100vh;
}

[zeitraum] .date-range > div > div > div > label {
    color: var(--color-dark-blue);
}

.date-range-content[zeitraum] {
    background-color: var(--color-background-white);
    padding: 2vw;
    border-radius: 20px;
    overflow-y: auto;
    flex: 1;
}

.date-range-content-next-month[zeitraum] {
    grid-column-start: 1;
    grid-column-end: 5;
    background-color: var(--color-blue);
    border-radius: 20px;
    color: var(--color-font-blue-button);
    margin: 15px 0 !important;
}

    .date-range-content-next-month:hover[zeitraum] {
        cursor: pointer;
        background-color: var(--color-hover-blue-button);
    }

.date-range-months[zeitraum] {
    color: var(--color-dark-blue);
}

    .date-range-months > div[zeitraum] {
        width: max-content;
        display: inline-block;
        margin: 0 10px;
    }

        .date-range-months > label:hover[zeitraum], .date-range-months > div > span:hover[zeitraum] {
            cursor: pointer;
            color: var(--color-black);
        }

    .date-range-months > label[zeitraum] {
        border: 1px solid var(--color-lightgrey);
        border-radius: 20px;
        padding: 0 10px;
    }

    .date-range-dates-month[zeitraum] {
        grid-column-start: 1;
        grid-column-end: 5;
    }

.date-range-dates[zeitraum] {
    display: grid;
    grid-template-columns: repeat(4, minmax(30px, 130px));
    margin: auto;
    max-width: fit-content;
}

.date-range-dates > div[zeitraum] {
    position:relative;
}

    .date-range-dates > label[zeitraum] {
        color: var(--color-black);
    }

    .date-range-dates > div.date > label:first-child[zeitraum], .date-range-dates > div > div.date-selected > label:first-child[zeitraum], .date-range-dates > div > div.date-empty > label:first-child[zeitraum], .date-range-dates > div.date-empty > label:first-child[zeitraum] {
        flex: 1;
        font-size: 0.8rem;
    }

    .date-range-dates > div.date[zeitraum], .date-range-dates > div.date-empty[zeitraum], .date-range-dates > div:not(.date-range-months) > div[zeitraum] {
        margin: 0.5vw;
        padding: 5px 0;
    }

    .date-range-dates > div > div.date-selected[zeitraum], .date-range-dates > div > div.date-empty[zeitraum] {
        margin: 0;
        padding: 5px 0;
        height: 100%;
    }

        .date-range-dates > div.date > label[zeitraum], .date-range-dates > div.date-empty > label[zeitraum], .date-range-dates > div:not(.date-range-months) > div > label[zeitraum] {
            display: block;
            /*font-size: 3vw;*/
            font-size: 2rem;
        }

            /*.date-range-dates > div.date > label:first-child,
            .date-range-dates > div.date-empty > label:first-child,
            .date-range-dates > div:not(.date-range-months) > div > label:first-child,
            .date-range-dates > div.date > label:last-child,
            .date-range-dates > div.date-empty > label:last-child,
            .date-range-dates > div:not(.date-range-months) > div > label:last-child {
                font-size: 1.5vw;
            }*/

            .date-range-dates > div:not(.date-range-months) > div > label:first-child[zeitraum], .date-range-dates > div.date > label:last-child[zeitraum], .date-range-dates > div.date-empty > label:last-child[zeitraum], .date-range-dates > div:not(.date-range-months) > div > label:last-child[zeitraum] {
                font-size: 0.8rem;
            }

.date[zeitraum] {
    border: 1px solid var(--color-lightgrey);
    background-color: var(--color-background-calender-date);
    /*background-color: var(--color-calendar-green);*/
}

    .date:not(.date-hover) > label:first-child[zeitraum], .date:not(.date-hover) > label:last-child[zeitraum] {
        color: var(--color-font-lightgrey);
    }

    .date:not(.date-hover) > label[zeitraum] {
        color: var(--color-black);
    }

        .date:hover[zeitraum], .date > label:hover[zeitraum] {
            cursor: pointer;
        }

.date-selected[zeitraum], .date-empty.date-selected[zeitraum] {
    border: 1px solid var(--color-hover-blue-button);
    background-color: var(--color-blue);
    color: var(--color-hover-blue-button);
}

.date-hover[zeitraum] {
    background-color: var(--color-blue) !important;
    color: var(--color-hover-blue-button) !important;
}

.date-empty[zeitraum] {
    border: 1px solid var(--color-border-lightgrey);
    color: var(--color-font-lightgrey);
    /*background-color: var(--color-calendar-red);*/
}

    .date-empty:hover[zeitraum], .date-empty > label:hover[zeitraum] {
        cursor: not-allowed;
    }

.date-close[zeitraum] {
    position: absolute;
    width: 30px;
    border: 1px solid var(--color-hover-blue-button);
    border-radius: 30px;
    height: 30px;
    right: -15px;
    z-index: 1;
    top: -15px;
    font-size: 13px;
    background-color: var(--color-blue);
}

    .date-close:hover[zeitraum], .date-close > span:hover[zeitraum] {
        cursor: pointer;
    }

.icon-weather[zeitraum] {
    height: 15px;
    width: 15px;
    min-width: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    -webkit-mask-size: 15px;
    mask-size: 15px;
    display: inline-block;
    /*background-color: var(--color-font-lightgrey);*/
}

.date-weather[zeitraum]{
    padding: 0 5px;
}

@media screen and (min-width: 750px) {
    .date-range-dates > div.date > label[zeitraum], .date-range-dates > div.date-empty > label[zeitraum], .date-range-dates > div:not(.date-range-months) > div > label[zeitraum] {
        font-size: 2rem;
    }

    .date-range-dates > div.date > label:first-child[zeitraum], .date-range-dates > div.date-empty > label:first-child[zeitraum], .date-range-dates > div:not(.date-range-months) > div > label:first-child[zeitraum], .date-range-dates > div.date > label:last-child[zeitraum], .date-range-dates > div.date-empty > label:last-child[zeitraum], .date-range-dates > div:not(.date-range-months) > div > label:last-child[zeitraum] {
        font-size: 0.8rem;
    }

    .icon-weather[zeitraum] {
        height: 20px;
        width: 20px;
        min-width: 20px;
        -webkit-mask-size: 20px;
        mask-size: 20px;
    }

    .date-range-dates-empty-mobile[zeitraum]{
        display:none;
    }

    .date-range-dates-month[zeitraum] {
        grid-column-start: 1;
        grid-column-end: 8;
    }

    .date-range-dates[zeitraum] {
        grid-template-columns: repeat(7, minmax(30px, 130px));
    }

    .date-range-content-next-month[zeitraum] {
        grid-column-start: 1;
        grid-column-end: 8;
    }

    .date-range-monthForward-mobile[zeitraum] {
        display: none !important;
    }
}

@media (max-width: 750px) {

    .date-weather-item[zeitraum]{
        display:none;
    }

    .date-range-dates-empty[zeitraum]{
        display:none;
    }

    .date-range-months:not(.date-range-months-mobile)[zeitraum]{
        display:none;
    }
}

.icon-01d[zeitraum] {
    /*-webkit-mask-image: url(/css/Icons/Element1.svg);
    mask-image: url(/css/Icons/Element1.svg);*/
    background-image: var(--icon-element1);
}

.icon-01n[zeitraum] {
    /*-webkit-mask-image: url(/css/Icons/Element6.svg);
    mask-image: url(/css/Icons/Element6.svg);*/
    background-image: var(--icon-element6);
}

.icon-02d[zeitraum], .icon-04d[zeitraum] {
    /*-webkit-mask-image: url(/css/Icons/Element3.svg);
    mask-image: url(/css/Icons/Element3.svg);*/
    background-image: var(--icon-element3);
}

.icon-02n[zeitraum], .icon-04n[zeitraum] {
    /*-webkit-mask-image: url(/css/Icons/Element8.svg);
    mask-image: url(/css/Icons/Element8.svg);*/
    background-image: var(--icon-element8);
}

.icon-03d[zeitraum], .icon-03n[zeitraum], .icon-04d[zeitraum], .icon-04n[zeitraum] {
    /*-webkit-mask-image: url(/css/Icons/Element10.svg);
    mask-image: url(/css/Icons/Element10.svg);*/
    background-image: var(--icon-element10);
}

.icon-09d[zeitraum], .icon-9n[zeitraum] {
    /*-webkit-mask-image: url(/css/Icons/Element11.svg);
    mask-image: url(/css/Icons/Element11.svg);*/
    background-image: var(--icon-element11);
}

.icon-10d[zeitraum], .icon-10n[zeitraum] {
    /*-webkit-mask-image: url(/css/Icons/Element4.svg);
    mask-image: url(/css/Icons/Element4.svg);*/
    background-image: var(--icon-element4);
}

.icon-11d[zeitraum], .icon-11n[zeitraum] {
    /*-webkit-mask-image: url(/css/Icons/Element7.svg);
    mask-image: url(/css/Icons/Element7.svg);*/
    background-image: var(--icon-element7);
}

.icon-13d[zeitraum], .icon-13n[zeitraum] {
    /*-webkit-mask-image: url(/css/Icons/Element9.svg);
    mask-image: url(/css/Icons/Element9.svg);*/
    background-image: var(--icon-element9);
}

.icon-50d[zeitraum], .icon-50n[zeitraum] {
    /*-webkit-mask-image: url(/css/Icons/Element5.svg);
    mask-image: url(/css/Icons/Element5.svg);*/
    background-image: var(--icon-element5);
}

@media (max-width: 750px) {
    .date-range-months > label[zeitraum] {
        border: none;
    }
}
/* /Pages/ZimmerDetails.razor.rz.scp.css */
button:focus[zimmerDetails]{
    outline: none;
    box-shadow: none;
}

.room-details-container[zimmerDetails] {
    background-color: var(--color-background-white);
    border-radius: 15px;
    box-shadow: #ddd 0px 1px 13px 0px;
    float: left;
    width: 100%;
}

    .room-details-container > div > div:first-child[zimmerDetails] {
        display: grid;
        grid-template-columns: 1fr 400px;
    }

.room-details > div:first-child[zimmerDetails] {
    margin-bottom: 30px;
}

.room-pictures[zimmerDetails] {
    flex: 1;
    padding: 20px;
    min-width: 300px;
    height: 0;
    min-height: 100%;
}

    /*.room-pictures > div, .room-pictures > div > div, .room-pictures > div > div > div {
        height: inherit;
        min-height: inherit;
    }*/

        .room-pictures > div > div > div > img[zimmerDetails] {
            /*height: inherit;
            min-height: inherit;*/
            margin-right: 0;
            margin-left: auto;
        }

.room-details[zimmerDetails] {
    flex: 1;
    padding: 20px;
    min-width: 300px;
    min-height: 300px;
}

.room-details-description[zimmerDetails] {
    color: var(--color-dark-grey);
    font-size: 12pt;
}

.room-details-description > label[zimmerDetails] {
    max-width: -webkit-fill-available;
}

.room-details-facilities-container[zimmerDetails] {
    padding: 20px;
}

.room-details-facilities[zimmerDetails] {
    color: var(--color-dark-grey);
    font-size: 12pt;
}

    .room-details-facilities > label[zimmerDetails] {
        min-width: 200px;
        flex: 1 1 33%;
        max-width: 33%;
    }

.room-rates > div[zimmerDetails] {
    background-color: var(--color-rate);
}

    .room-rates > div + div[zimmerDetails] {
        border-top: 1px solid var(--color-grey);
    }

    .room-rate-header[zimmerDetails] {
        color: var(--color-font-header-rate);
        grid-row:1;
    }

    .room-rate-description[zimmerDetails] {
        color: var(--color-font-rate);
        font-size: 11pt;
        grid-row:2
    }

    .room-rate-header > div label:last-child[zimmerDetails] {
        color: var(--color-font-rate);
        font-size: 10pt;
    }

    .room-rate-header > div label:first-child[zimmerDetails] {
        line-break: anywhere;
    }

.room-rate-price[zimmerDetails] {
    flex: 1;
    color: var(--color-font-rate);
    align-self: center;
    grid-row-start: 1;
    grid-row-end: 3;
}

.room-rate-button[zimmerDetails] {
    flex: 1;
    justify-content: center;
    grid-row-start: 1;
    grid-row-end: 3;
}

    .room-rate-button > button[zimmerDetails] {
        margin: auto 0;
        background-color: var(--color-background-dark-blue);
        color: var(--color-font-dark-button);
        border-radius: 30px;
        border: 0;
        padding: 3px 8px;
        font-size: 11pt;
    }

.accordion > div.card > div.card-header > button:not(.collapsed) > span:last-child[zimmerDetails]::before {
    content: "\e034";
    background-image: none;
}

.accordion > div.card > div.card-header > button.collapsed > span:last-child[zimmerDetails]::before {
    content: "\e035";
    background-image: none;
}

.oi-check[zimmerDetails] {
    font-size: 10pt;
}

.rate-active[zimmerDetails] {
    background-color: var(--color-rate-active) !important;
}

.card[zimmerDetails] {
    border-radius: 0;
    border: none;
}

.card-body > div[zimmerDetails], .card-header > button[zimmerDetails] {
    display: grid;
    grid-template-columns: 1fr 160px 140px;
}

    .card-body > div:not(:last-child)[zimmerDetails] {
        border-bottom: 1px solid rgba(0,0,0,.125);
    }

.card-header[zimmerDetails] {
    padding: .75rem 1rem;
    background-color: var(--color-rate-active);
}

    .card-header > button[zimmerDetails] {
        color: unset;
        padding: .375rem 0;
        width: 100%;
        text-decoration: none;
        font-size: 18pt;
    }

        .card-header > button > span:first-child[zimmerDetails] {
            flex: 1;
            font-size: 12pt;
        }

        .card-header > button:hover[zimmerDetails] {
            text-decoration: none;
        }

.card-body[zimmerDetails] {
    padding: 0;
}

@media (max-width: 1402px) {
    .room-details-container > div > div:first-child[zimmerDetails] {
        grid-template-columns: 1fr;
    }

    .room-pictures[zimmerDetails] {
        height: auto;
        grid-row: 1;
    }

    .card-header > button[zimmerDetails] {
        display: flex;
    }

    .card-header > button > span:first-child[zimmerDetails] {
        flex: 1;
    }

    .card-body > div[zimmerDetails] {
        grid-template-columns: 1fr auto;
    }

    .room-rate-button[zimmerDetails] {
        justify-content: right;
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row: 3;
        grid-row-start: unset;
        grid-row-end: unset;
    }

    .room-rate-description[zimmerDetails] {
        grid-row: 2;
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .room-rate-header[zimmerDetails] {
        grid-column: 1;
    }

    .room-rate-price[zimmerDetails] {
        grid-row: 1;
        grid-column: 2;
        align-self: start;
        grid-row-start: unset;
        grid-row-end: unset;
    }
}

@media(max-width: 750px) {
    .card-header > button[zimmerDetails] {
        font-size: 14pt;
    }
}
/* /Pages/ZimmerElement.razor.rz.scp.css */
.room-item-container[zimmerElement] {
    background-color: var(--color-background-white);
    padding: 25px;
    border-radius: 20px;
    flex: 1;
    max-width: 460px;
    min-width: 350px;
}

.room-selected[zimmerElement] {
    box-shadow: #ddd 0px 1px 13px 0px;
}

.room-item[zimmerElement] {
    min-width: 150px;
    text-align: left;
    max-width: 600px;
    /*display: grid;*/
    /*border: 0.5pt solid var(--color-border-bluegrey);*/
    height: 100%;
    flex-direction: column;
}

    .room-item > div > hr[zimmerElement] {
        margin: 26px;
    }

    .room-item > div:last-child[zimmerElement] {
        display: grid;
        height: 100%;
        /*grid-auto-rows: 1.2fr 0.5fr 1.2fr 0.3fr;*/
        grid-auto-rows: 300px 210px 1fr 50px;
        transform: translateY(-40px);
        grid-template-columns: minmax(0, 1fr);
    }

.room-item-number[zimmerElement] {
    background-color: var(--color-background-dark-blue);
    color: var(--color-font-dark-button);
    font-weight: bold;
    width: 40px;
    margin: 0 auto;
    border-radius: 25px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    transform: translateY(-20px);
    z-index: 1;
    font-size: 18pt;
    position: relative;
}

.room-item-picture[zimmerElement] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .room-item-picture > div[zimmerElement] {
        height: 100%;
        background-image: linear-gradient(to bottom, transparent 50%, black 100%);
        color: white;
        font-size: 11pt;
    }

        .room-item-picture > div > label[zimmerElement] {
            align-self: flex-end;
            padding: 10px 25px;
            width: 100%;
        }

            .room-item-picture > div > label:hover[zimmerElement] {
                cursor: pointer;
            }

.room-item-room[zimmerElement] {
    padding: 25px;
    flex: 1;
    max-width: 378px;
}

    .room-item-room > div > label[zimmerElement] {
        display: block;
    }

    .room-item-room > div:first-child > label[zimmerElement] {
        text-transform: uppercase;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .room-item-room > div:last-child > label[zimmerElement], .room-item-room > div:last-child > div > label[zimmerElement] {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        color: var(--color-dark-grey);
        font-size: 11pt;
    }

    /*.room-item-room > div:last-child > div > span {
        background-color: var(--color-dark-grey)
    }*/

        .room-item-room > div:last-child > div > span:hover[zimmerElement] {
            cursor: pointer;
        }

.room-item-rates[zimmerElement] {
    width: 100%;
    color: var(--color-font-header-rate);
}

    .room-item-rates > div[zimmerElement] {
        padding: 15px 25px;
        background-color: var(--color-rate);
        flex: 1;
        margin-bottom: 10px;
    }

        .room-item-rates > div:hover[zimmerElement], .room-item-rates > div > div:hover[zimmerElement], .room-item-rates > div > div > label:hover[zimmerElement], .room-item-rates > div > div > div > label:hover[zimmerElement], .room-item-rates > div > div > div > span:hover[zimmerElement] {
            cursor: pointer;
        }

        .room-item-rates > div:hover[zimmerElement], .room-item-rates > div.rate-selected[zimmerElement] {
            background-color: var(--color-rate-active);
        }

        .room-item-rates > div > div[zimmerElement] {
            flex: 1;
            align-self: center;
            font-size: 12pt;
        }

            .room-item-rates > div > div > label[zimmerElement] {
                display: block;
                font-size: 18pt;
                white-space: nowrap;
            }

                .room-item-rates > div > div > label > span:last-child[zimmerElement] {
                    overflow-wrap: anywhere;
                }

            .room-item-rates > div > div > label[zimmerElement] {
                justify-content: right
            }

.room-item-moreRates[zimmerElement] {
    text-align: right;
    color: var(--color-grey);
    font-size: 12pt;
}

    .room-item-moreRates > label > span[zimmerElement] {
        border: 1px solid var(--color-grey);
        border-radius: 30px;
        height: 20px;
        width: 20px;
        font-size: 9pt;
        text-align: center;
        padding: 3px 5.5px;
    }

    .room-item-moreRates > label[zimmerElement] {
        margin: 15px !important;
    }

        .room-item-moreRates > label:hover[zimmerElement] {
            cursor: pointer;
        }

.oi-arrow-circle-right[zimmerElement] {
    font-size: 11pt;
}

@media (max-width: 750px) {
    .room-item-rates > div > div > label[zimmerElement] {
        font-size: 14pt;
    }
}
/* /Pages/Zimmerliste.razor.rz.scp.css */
.room-list[zimmerliste] {
    color: var(--color-font-header-rate);
    padding: 2vw;
    min-height: 100vh;
}

[zimmerliste] .room-list-container > label {
    color: var(--color-background-dark-blue) !important;
}

.room-list-container > label[zimmerliste], .date-range-content > label[zimmerliste] {
    color: var(--color-background-dark-blue);
}

/*.room-list-container {
    max-height: 94vh;
}*/

.room-list-content[zimmerliste] {
    overflow-y: auto;
    /*max-height: 86vh;*/
    flex: 1;
    overflow:visible;
}

    .room-list-content > div[zimmerliste] {
        display: grid;
        /*grid-template-columns: repeat(auto-fill, minmax(350px, calc(33% - 20px)));*/
        grid-template-columns: repeat(auto-fill, minmax(350px, auto));
        grid-auto-flow: dense;
        gap: 20px;
    }

.modal-background[zimmerliste] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: white;
    opacity: 0.7
}

.modal-softtec[zimmerliste] {
    position: fixed;
    top: 0;
    z-index: 100;
    right: 400px;
    left: 120px;
}

.modal-body[zimmerliste] {
    padding: 0;
    overflow-y: auto;
}

.modal-dialog[zimmerliste] {
    max-width: unset;
}

.modal-content[zimmerliste] {
    max-height: 90vh;
    border-radius: 20px;
    box-shadow: 0px 0px 7px 3px var(--color-box-shadow);
    border: none;
    background-color: var(--color-background-white);
}

.modal-footer[zimmerliste] {
    border: none;
}

    .modal-footer > button[zimmerliste] {
        margin: auto 20px;
        background-color: var(--color-background-dark-blue);
        color: var(--color-font-dark-button);
        border-radius: 30px;
        border: 0;
        padding: 5px 25px;
    }

.modal-softtec-header > button[zimmerliste] {
    background-color: var(--color-background-dark-blue);
    color: var(--color-font-dark-button);
    padding: 2px;
    border-radius: 30px;
    height: 30px;
    width: 30px;
    position: relative;
    top: -10px;
    right: -10px;
    float: right;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1;
    cursor: pointer;
    border: 0;
}

.close[zimmerliste] {
    width: 34px;
    height: 34px;
    border-radius: 50px;
    position: relative;
    border: 1px solid var(--color-light-blue-sidebar);
    text-align: center;
    line-height: 34px;
    color: var(--color-light-blue-sidebar);
    top: 15px;
    right: -10px;
    text-shadow: none;
    background-color: var(--color-light-blue);
    opacity: 1;
}

.close:hover[zimmerliste] {
    cursor:pointer;
}

@media (max-width: 800px) {

    .modal-softtec[zimmerliste] {
        right: 10px;
        left: 10px;
    }
}
/* /Pages/Zusammenfassung.razor.rz.scp.css */
.summary[zusammenfassung] {
    /*height: 100vh;*/
    padding-bottom: 0;
    color: var(--color-dark-blue);
}

[zusammenfassung] .summary > div > div > div > label {
    color: var(--color-dark-blue);
}

.summary-container[zusammenfassung] {
    overflow-y: auto;
    /*grid-template-columns: 1fr;
    display: grid;*/
}

.summary-content[zusammenfassung] {
    overflow-y: auto;
    /*max-height: 94vh;*/
    flex: 1;
}

.summary-content-rooms[zusammenfassung] {
    overflow-y: auto;
    background-color: var(--color-background-white);
    padding: 1rem;
    padding-left: 2rem;
    border-radius: 20px;
    color: var(--color-dark-grey);
    min-height: 130px;
}

    .summary-content-rooms > div > div > div[zusammenfassung] {
        font-size: 12pt;
    }

button[zusammenfassung] {
    background-color: var(--color-background-dark-blue);
    color: var(--color-font-dark-button);
    border: none;
    border-radius: 50px;
    padding: 10px 20px;
}

@media (min-width: 950px) {
    /*.summary-container {
        grid-template-columns: 1fr 300px;
    }*/
    .summary-container > div:first-child[zusammenfassung] {
        padding-right: 1.5rem !important
    }
}
/* /Pages/ZusatzleistungElement.razor.rz.scp.css */
.service-item[zusatzleistungElement] {
    background-color: var(--color-background-white);
    border-radius: 20px;
    display: grid;
    grid-template-columns: 2fr 3fr 1fr 3fr 1fr;
    color: var(--color-font-services) !important;
}

    .service-item > div:not(:first-child)[zusatzleistungElement] {
        padding: 10px 20px;
    }

.service-item-picture > a > img[zusatzleistungElement] {
    width: 200px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    height: 150px;
    object-fit: cover;
}

.service-item-details-description[zusatzleistungElement] {
    color: var(--color-dark-grey);
    font-size: 12pt;
}

.service-item-comment > input[zusatzleistungElement] {
    border: 1px solid var(--color-dark-blue);
    border-radius: 20px;
    padding: 4px 15px;
    width: 100%;
    font-size: 11pt;
    background-color: var(--color-background-services);
    color: var(--color-font-services);
}

.service-item-comment > input[zusatzleistungElement]::placeholder {
    color: var(--color-dark-blue);
}

.service-item-quantity[zusatzleistungElement] {
    min-width: max-content;
    color: var(--color-dark-grey);
}

    .service-item-quantity > div[zusatzleistungElement] {
        border: 1px solid var(--color-grey);
        padding: 10px;
        max-width: max-content;
        margin: auto;
        border-radius: 5px;
    }

        .service-item-quantity > div > button[zusatzleistungElement] {
            height: 30px;
            width: 30px;
            border: none;
            border-radius: 5px;
            background-color: var(--color-background-dark-blue);
            color: var(--color-font-dark-button);
        }

        .service-item-quantity > div > label[zusatzleistungElement] {
            height: 29px;
            width: 29px;
        }

.service-item-price[zusatzleistungElement] {
    text-align: right;
    color: var(--color-dark-grey);
}

    .service-item-price > label:last-child[zusatzleistungElement] {
        font-size: 11pt;
    }

input:focus-visible[zusatzleistungElement] {
    outline: none;
}

input:-moz-placeholder[zusatzleistungElement], input[zusatzleistungElement]::-moz-placeholder, input:-ms-input-placeholder[zusatzleistungElement], input[zusatzleistungElement]::-webkit-input-placeholder {
    color: var(--color-font-services);
}

[zusatzleistungElement]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--color-font-services);
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder[zusatzleistungElement] { /* Internet Explorer 10-11 */
    color: var(--color-font-services);
}

[zusatzleistungElement]::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--color-font-services);
}

@media (max-width:1350px) {

    .service-item-picture > a > img[zusatzleistungElement] {
        border-bottom-left-radius: 0;
    }

    .service-item[zusatzleistungElement] {
        grid-template-columns: repeat(3, 1fr);
    }

    .service-item-picture[zusatzleistungElement] {
        grid-row: 1;
        grid-column: 1
    }

    .service-item-details[zusatzleistungElement] {
        grid-row: 2;
        grid-column-start: 1;
        grid-column-end: 4;
    }

    .service-item-comment[zusatzleistungElement] {
        grid-row: 3;
        grid-column-start: 1;
        grid-column-end: 4;
    }

    .service-item-quantity[zusatzleistungElement] {
        grid-row: 1;
        grid-column: 2
    }

    .service-item-price[zusatzleistungElement] {
        grid-row: 1;
        grid-column: 3
    }
}

@media (max-width:710px) {

    .service-item-picture > a > img[zusatzleistungElement] {
        max-width: 100%;
        width: 100%;
        border-top-right-radius: 20px;
    }

    .service-item[zusatzleistungElement] {
        grid-template-columns: repeat(1, 1fr);
    }

    .service-item-picture[zusatzleistungElement] {
        grid-row: 1;
        grid-column: 1
    }

    .service-item-details[zusatzleistungElement] {
        grid-row: 2;
        grid-column: 1
    }

    .service-item-comment[zusatzleistungElement] {
        grid-row: 4;
        grid-column: 1
    }

    .service-item-quantity[zusatzleistungElement] {
        grid-row: 3;
        grid-column: 1
    }

    .service-item-price[zusatzleistungElement] {
        grid-row: 5;
        grid-column: 1;
        text-align: center;
    }
}
/* /Pages/ZusatzleistungListe.razor.rz.scp.css */
.service-list[zusatzleistungListe] {
    /*height: 100vh;*/
    color: var(--color-dark-blue);
    padding: 2vw;
}

[zusatzleistungListe] .service-list > div > div > label {
    color: var(--color-dark-blue);
}

/*.service-list-container {
    max-height: 94vh;
}*/

.service-list-container button[zusatzleistungListe] {
    background-color: var(--color-background-dark-blue);
    color: var(--color-font-dark-button);
    border-radius: 20px;
    border: none;
    padding: 7px 25px;
}

.service-list-content[zusatzleistungListe] {
    overflow-y: auto;
    /*max-height: 70vh;*/
    flex: 1;
}

.service-list-filter[zusatzleistungListe] {
    margin-bottom: 40px;
}

.service-list-filter > div[zusatzleistungListe] {
    border-bottom: 1px solid var(--color-dark-blue);
    flex: 1;
}

    .service-list-filter > div > label[zusatzleistungListe] {
        padding: 5px 2rem;
    }

        .service-list-filter > div.group-selected[zusatzleistungListe] {
            border-bottom: 2px solid var(--color-dark-blue);
        }
/* /Shared/ConsentCookie.razor.rz.scp.css */
.alert[b-9ntyvf7mxx] {
    position: absolute;
    padding: 1rem 1rem;
    margin-bottom: 0;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background-color: var(--color-background-dark-blue);
    color: var(--color-font-dark-button);
}

.accept-policy[b-9ntyvf7mxx] {
    background-color: var(--color-light-blue-sidebar);
    border: 1px solid var(--color-font-dark-button);
    border-radius: 0.25rem;
    color: var(--color-font-dark-button);
    padding: 0.5rem;
}
/* /Shared/Loader.razor.rz.scp.css */
.loader[loader] {
    width: 100%;
    text-align: center;
    display: grid;
    align-items: center;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: white;
    opacity: 0.5;
    z-index:5;
}

.sk-fading-circle[loader] {
    margin: 40px auto;
    width: 40px;
    height: 40px;
    position: relative;
}

    .sk-fading-circle .sk-circle[loader] {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

        .sk-fading-circle .sk-circle[loader]:before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 15%;
            height: 15%;
            border-radius: 100%;
            -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
            animation: sk-circleFadeDelay-loader 1.2s infinite ease-in-out both;
        }

.sk-fading-circle-dark .sk-circle-dark[loader]:before {
    background-color: #4d4d4d;
}

.sk-fading-circle .sk-circle2[loader] {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3[loader] {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4[loader] {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5[loader] {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6[loader] {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7[loader] {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8[loader] {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9[loader] {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10[loader] {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11[loader] {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12[loader] {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2[loader]:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3[loader]:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-fading-circle .sk-circle4[loader]:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5[loader]:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6[loader]:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7[loader]:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8[loader]:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9[loader]:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10[loader]:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11[loader]:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12[loader]:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay-loader {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[mainLayout] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[mainLayout] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.sidebar[mainLayout] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[mainLayout] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[mainLayout]  a, .top-row .btn-link[mainLayout] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[mainLayout] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[mainLayout] {
        display: none;
    }

    .top-row.auth[mainLayout] {
        justify-content: space-between;
    }

    .top-row a[mainLayout], .top-row .btn-link[mainLayout] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[mainLayout] {
        flex-direction: row;
    }

    .sidebar[mainLayout] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[mainLayout] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    /*.main > div {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }*/
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-w5t59odqj0] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-w5t59odqj0] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-w5t59odqj0] {
    font-size: 1.1rem;
}

.oi[b-w5t59odqj0] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-w5t59odqj0] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-w5t59odqj0] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-w5t59odqj0] {
        padding-bottom: 1rem;
    }

    .nav-item[b-w5t59odqj0]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-w5t59odqj0]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-w5t59odqj0]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-w5t59odqj0] {
        display: none;
    }

    .collapse[b-w5t59odqj0] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}