@import '_content/Arz.Digital.Blazor.Components/Arz.Digital.Blazor.Components.bundle.scp.css';

/* /Components/ArzAppointmentCard2.razor.rz.scp.css */
div.header[b-4yu04r3d66] {
    display: flex;
    width: 100%;
    margin-top: calc(var(--card-spacing-y));
}

div.header-title[b-4yu04r3d66] {
    width: 70%;
}

div.header-time[b-4yu04r3d66] {
    flex-grow: 1;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-larger);
    margin-bottom: var(--spacing-smaller);
}

    div.header-time[b-4yu04r3d66]  > div {
        margin: 0;
    }

h3.header-title[b-4yu04r3d66] {
    font-family: inherit;
    font-size: var(--font-size-large);
    font-weight: var(--font-weight-semibold);
    color: var(--card-color-title);
    margin: 0;
    padding: 0;
}

span.day[b-4yu04r3d66] {
    color: var(--neutral-color-medium);
}

div.treatment[b-4yu04r3d66] {
    color: var(--card-color-title);
}

div.therapist-title[b-4yu04r3d66] {
    font-size: var(--font-size-small);
}

div.therapist[b-4yu04r3d66] {
    font: inherit;
    color: var(--neutral-color-medium);
}
/* /Components/TimedSpinner.razor.rz.scp.css */

.spinner-box[b-x1hecwo0uz] {
    display: grid;
    justify-content: center;
    justify-items: center;
    margin-top: var(--spacing-big);
}
/* /Shared/Footer.razor.rz.scp.css */
.teemer-footer[b-tgsbnbvt5s] {
    background-color: var(--secondary-color);
    color: var(--white-color);
    padding: var(--spacing-medium);
}

.grid[b-tgsbnbvt5s] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}


.col-1[b-tgsbnbvt5s] {
    width: 100%;
}

.col-2[b-tgsbnbvt5s] {
    width: 100%;
}
.col-3[b-tgsbnbvt5s] {
    width: 100%;
}
 

/* /Shared/Header.razor.rz.scp.css */
.teemer-header[b-hhiu27qv2h] {
    background-color: var(--secondary-color);
    color: var(--white-color);
   
}
.image-container[b-hhiu27qv2h] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.grid[b-hhiu27qv2h] {
    display: grid;
    grid-template-columns: repeat(2, 5%);
}


.col-1[b-hhiu27qv2h] {
    grid-column: 1;
    width: 220px;
    margin-top: var(--spacing-smaller);
    margin-left: var(--spacing-medium);
    margin-bottom: var(--spacing-smaller);
}
/** Größere Monitore **/
@media only screen and (min-width: 769px) {
    .col-1[b-hhiu27qv2h] {
        margin-left: var(--spacing-enormous);
    }
}
 
.col-2[b-hhiu27qv2h] {
    grid-column: 2;
}
 
/* /Shared/HeadingPrimary.razor.rz.scp.css */
.heading-container[b-owp9k8cy7v] {
    background-color: var(--primary-color);
    padding: 10px;
}
    .heading-container[b-owp9k8cy7v]  .heading--special {
        color: white;
    }
/* /Shared/MainLayout.razor.rz.scp.css */
.grid[b-x6m93njisr] {
    display: grid;
    grid-auto-rows: minmax(0px, auto);
}

.header-row[b-x6m93njisr] {
    grid-row: 1;
}

.body-row[b-x6m93njisr] {
    grid-row: 2;
    min-height: calc(100vh - 80px - 187px);
    margin-top: var(--spacing-medium);
    margin-left: var(--spacing-small);
    margin-right: var(--spacing-small);
}

.footer-row[b-x6m93njisr] {
    grid-row: 3;
}


/** Größere Monitore **/
@media only screen and (min-width: 769px) {
    .body-row[b-x6m93njisr] {
        margin-left: var(--spacing-enormous);
        margin-right: var(--spacing-enormous);
    }
}
 
/* /Views/AppointmentSearchForm.razor.rz.scp.css */

.appointment-search-form[b-e3903t44c7] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .appointment-search-form > *[b-e3903t44c7] {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 280px;
    }

    .appointment-search-form[b-e3903t44c7]  .button {
        width: 100% !important;
    }


/* /Views/PrivacyPage.razor.rz.scp.css */
.list[b-mjwdzdfzma] {
    margin-bottom: var(--spacing-small);
}

.list-entry[b-mjwdzdfzma] {
    margin-left: var(--spacing-small);
    margin-right: var(--spacing-small);
}
/* /Views/SignUpPage.razor.rz.scp.css */
[b-78bu7txg5e] .signup--form {
    display: block;
}

.main-container[b-78bu7txg5e] {
    --content-max-width-small: calc(35ch - var(--border-area) * 2);
    margin: 0px;
    padding: 0px;
    border: 0px;
    font: inherit;
    vertical-align: baseline;
    background-color: var(--white-color);
    background-image: url(/images/therapist-1.svg), url(/images/therapist-4.svg), url(/images/wave.svg);
    background-position: 5rem calc(100% - 2.5rem), calc(100% - 5rem) calc(100% + 3rem), center bottom;
    background-repeat: no-repeat;
    background-size: 229px, 220px, 100%;
}

.center-container[b-78bu7txg5e] {
    display: grid;
    grid-template-areas: "header" "main" "footer";
    grid-template-columns: minmax(var(--content-max-width-small),37.5rem);
    grid-template-rows: 4rem auto 4rem;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 100vh;
    padding-left: var(--border-area);
    padding-right: var(--border-area);
    grid-row-gap: var(--spacing-large);
}

.header-container[b-78bu7txg5e] {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    grid-area: header / header / header / header;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: center;
}

    .header-container img[b-78bu7txg5e] {
        width: 6.25rem;
    }

.main-container[b-78bu7txg5e] {
    align-self: center;
    box-sizing: border-box;
    width: 100%;
    grid-area: main / main / main / main;
}

.wizard-container[b-78bu7txg5e] {
}

    .wizard-container[b-78bu7txg5e]  .ui-steps-buttons {
        visibility: collapse !important;
    }

    .wizard-container[b-78bu7txg5e]  .ui-steps ul {
        pointer-events: none;
    }

div.registration-heading[b-78bu7txg5e] {
    line-height: var(--heading-line-height);
    width: 100%;
    align-self: center;
    margin-bottom: var(--grid-gap);
    text-align: center;
}

.step-container[b-78bu7txg5e] {
    --box-border-color: var(--neutral-color-lighter);
    --box-border-width: var(--border-width-small);
    background-color: var(--white-color);
    border-radius: var(--border-radius-small);
    border: var(--box-border-width) solid var(--box-border-color);
    box-sizing: border-box;
    margin: 0px;
    padding: var(--spacing-small) var(--box-spacing);
    display: flex;
    flex-direction: column;
}

div.step-heading-container[b-78bu7txg5e] {
    margin-bottom: var(--spacing-small);
    width: 100%;
}

div.step-heading[b-78bu7txg5e] {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-bottom: var(--spacing-smaller);
    min-height: var(--button-size-medium);
    position: relative;
}

    div.step-heading[b-78bu7txg5e]  button:first-child {
        margin: 0px;
        position: relative;
    }

    div.step-heading[b-78bu7txg5e]  h3 {
        left: 0px;
        margin: auto;
        overflow: hidden;
        position: absolute;
        right: 0px;
        text-overflow: ellipsis;
        text-align: center;
    }


.contact-person-fieldset[b-78bu7txg5e] {
    margin-left: auto;
    margin-right: auto;
    max-width: 25rem;
    width: 100%;
}

.form-container[b-78bu7txg5e] {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    grid-area: content / content / content / content;
}

.login-form[b-78bu7txg5e] {
    width: 100%;
}

.login-fieldset[b-78bu7txg5e] {
    margin-left: auto;
    margin-right: auto;
    max-width: 25rem;
    width: 100%;
}

div.login-fieldset-container[b-78bu7txg5e] {
    background-color: var(--white-color);
    border-radius: var(--border-radius-small);
    box-sizing: border-box;
    margin: 0px;
    border: 0px;
    padding: 0px;
}

div.input-container[b-78bu7txg5e] {
    border-color: var(--form-field-border-color);
    border-radius: 0px;
    border-style: none;
    display: flex;
    position: relative;
}

div.bottom-border[b-78bu7txg5e] {
    border-style: solid;
    border-width: 0px 0px 0.0625rem;
}

.label[b-78bu7txg5e] {
    -webkit-box-align: baseline;
    align-items: baseline;
    display: flex;
}

    .label span[b-78bu7txg5e] {
        font-family: inherit;
        font-size: var(--font-size-medium);
        font-weight: var(--font-weight-regular);
        line-height: inherit;
        color: var(--form-field-label-color);
        display: flex;
        flex-wrap: wrap;
        margin-bottom: var(--spacing-tiny);
    }

.forgot-password[b-78bu7txg5e] {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin-bottom: var(--spacing-medium);
}

div.button-container[b-78bu7txg5e] {
    display: grid;
    justify-content: center;
}

    div.button-container[b-78bu7txg5e]  button {
        margin-right: var(--spacing-small);
        margin-bottom: var(--spacing-tiny);
        flex: 1 1 0%;
        width: auto;
    }

        div.button-container[b-78bu7txg5e]  button:first-child {
            margin-right: 0px;
        }

.checkbox-label-container[b-78bu7txg5e] {
    display: flex;
    flex-wrap: wrap;
}

.checkbox-label[b-78bu7txg5e] {
    position: relative;
    top: 1px;
}

.checkbox-label-span[b-78bu7txg5e] {
    font-family: inherit;
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-regular);
    line-height: inherit;
    color: var(--form-field-input-color);
    position: relative;
    top: -0.0625rem;
}

.completion-heading[b-78bu7txg5e] {
    --heading-line-height: 1.3;
    font-family: inherit;
    font-size: var(--font-size-larger);
    font-weight: var(--font-weight-bold);
    box-sizing: border-box;
    display: inline-block;
    line-height: var(--heading-line-height);
    margin-bottom: 0.75em;
    width: 100%;
    color: var(--heading-special-text-color);
    text-align: center;
}

.completion-text[b-78bu7txg5e] {
    margin-bottom: var(--spacing-small);
    text-align: center;
    color: var(--text-color);
}

.completion-image-container[b-78bu7txg5e] {
    box-sizing: border-box;
    height: auto;
    margin-bottom: var(--spacing-small);
    max-width: 100%;
    vertical-align: middle;
}

.footer-container[b-78bu7txg5e] {
    align-self: center;
    grid-area: footer / footer / footer / footer;
    text-align: center;
}

    .footer-container[b-78bu7txg5e]  a {
        color: var(--neutral-color-default);
        font-size: var(--font-size-small);
    }

div.checkbox-container[b-78bu7txg5e] {
    margin-bottom: var(--spacing-medium);
}

div.message-container[b-78bu7txg5e] {
    margin-bottom: var(--spacing-medium);
}

span.PaddedLeftAndRight[b-78bu7txg5e] {
    padding-left: 5px;
    padding-right: 5px;
}

b.bold[b-78bu7txg5e] {
    font-weight: bold;
}

div.top-bar[b-78bu7txg5e] {
    align-items: center;
    background-color: var(--neutral-color-lightest);
    border-color: var(--neutral-color-lightest);
    border-radius: var(--border-radius-small);
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    padding: 0.2rem 1rem;
    margin: 1rem 0rem 1.2rem 0rem;
    max-width: var(--box-max-width);
}


/* Desktop */
@media (min-width: 1024px) {
    div .button-container[b-78bu7txg5e]  button {
        margin-right: var(--spacing-large);
    }

    .wizard-container[b-78bu7txg5e]  .ui-steps-item .ui-steps-title {
        width: 11rem;
    }

    .main-container[b-78bu7txg5e] {
        background-image: url(/images/therapist-1.svg), url(/images/therapist-4.svg), url(/images/wave-high.svg);
        background-position: 2rem calc(100% - 5rem), calc(100% - 2rem) calc(100% - 12rem), center bottom;
        background-size: 150px, 148px, 100%;
    }

    .contact-person-fieldset[b-78bu7txg5e]  .radio--group {
        max-width: none;
        margin-right: unset;
    }
}