@import '_content/Atrium.Web.Captcha/Atrium.Web.Captcha.539q010y2z.bundle.scp.css';

/* _content/Atrium.Web.Abo/Layout/FooterComponent.razor.rz.scp.css */
.footer[b-6r3ci5oa95] {
    text-align: center;
}

a[b-6r3ci5oa95] {
    cursor: pointer;
}

p[b-6r3ci5oa95] {
    margin-bottom: 4px;
}

.footer-ref[b-6r3ci5oa95] {
    color: darkslategray;
}
/* _content/Atrium.Web.Abo/Layout/MainLayout.razor.rz.scp.css */
.page[b-se89z82wai] {
    position: relative;
    height: calc(100vh - 28px);
    background-color: var(--color-background);
    display: flex;
    flex-direction: column;
}

.page.appembedded[b-se89z82wai] {
    height: 100vh;
}

.pageOverflowHidden[b-se89z82wai] {
    position: relative;
    height: calc(100vh - 30px);
    background-color: var(--color-background);
    display: flex;
    flex-direction: column;
    overflow:hidden;
}

header[b-se89z82wai] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

main[b-se89z82wai] {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 56px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-background);
}

main.appembedded[b-se89z82wai] {
    top: 0px;
    background-color: green;
}

footer[b-se89z82wai] {
    position: fixed;
    background-color: white;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    border-width: 0;
    box-shadow: 0px 0px 2px darkgray;
}

article[b-se89z82wai] {
    padding: 0px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--color-background);
    z-index: 0;
    padding-left: 6px;
    padding-right: 6px;
}

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

.loadingScreenText[b-se89z82wai] {
    color: white;
}

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

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

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

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

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

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

@media (min-width: 641px) {
    .sidebar[b-se89z82wai] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

/*    .top-row, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }*/
}

@media (max-width: 480px) {
    .page[b-se89z82wai] {
        position: unset;
        background-color: var(--color-background);
    }

    [b-se89z82wai] .k-form .telerik-blazor .k-form-md {
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }

    [b-se89z82wai] article {
        padding-left: 0px;
        padding-right: 0px;
    }
}
/* _content/Atrium.Web.Abo/Layout/Navbar/NavbarComponent.razor.rz.scp.css */
.navbar[b-2aveaasp4z] {
    box-shadow: 0px 0px 4px darkgray;
    background-color: white;
}

.link-container[b-2aveaasp4z] {
    margin-left: 15px;
    cursor: pointer;
}

.nav-item[b-2aveaasp4z] {
    color: darkslategray;
}
.login-link[b-2aveaasp4z] {
    color: #008800;
}

.logout-link[b-2aveaasp4z] {
    color: #ee0000;
}

.title-logo[b-2aveaasp4z] {
    max-width: 200px;
    height: 40px;
    width: auto;
    max-height: 40px;
    margin-right: 16px;
}

.title-logo:hover[b-2aveaasp4z] {
    opacity: 0.8;
    cursor: pointer;
}

.language-container[b-2aveaasp4z] {
    width: 30px;
    height: 30px;
    float: left;
}
    .language-container:hover[b-2aveaasp4z] {
        cursor: pointer;
    }

.language-picture[b-2aveaasp4z] {
    height: 30px;
    width: 30px;
    border-radius: 30px;
    border: 1px solid #aaa;
}

.language-box[b-2aveaasp4z] {
    width: 200px;
    position: absolute;
    right: 0;
    top: 57px;
    display: none;
}

.language-item[b-2aveaasp4z] {
    width: 100%;
    height: 50px;
    float: left;
    border: 1px solid #ccc;
    border-top: 0px;
}

.language-item-flag[b-2aveaasp4z] {
    padding: 10px;
    width: 50px;
    float: left;
}
    .language-item-flag:hover[b-2aveaasp4z] {
        cursor: pointer;
    }

.language-item-text[b-2aveaasp4z] {
    padding: 10px;
    width: calc(100% - 50px);
    float: left;
}
    .language-item-text:hover[b-2aveaasp4z] {
        cursor: pointer;
    }
/* _content/Atrium.Web.Abo/Modules/Faq/FaqComponent.razor.rz.scp.css */
.thema-titel[b-l7vhkwwxvx] {
    text-align: left;
    margin-top: 15px;
}

.accordion-body[b-l7vhkwwxvx] {
    margin: 0 10px;
    text-align: left;
}
/* _content/Atrium.Web.Abo/Modules/Faq/FaqPage.razor.rz.scp.css */
.banner-image[b-3962e64rl8] {
    height: auto;
    width: calc(40px + 100%);
    max-height: 400px;
    position: relative;
    left: -20px;
    top: -20px;
    object-fit: cover;
}

@media (max-width: 480px) {
    .banner-image[b-3962e64rl8] {
        display: none;
    }

    [b-3962e64rl8] .k-form-buttons {
        overflow: auto;
        flex-flow: column nowrap;
    }
}
/* _content/Atrium.Web.Abo/Modules/Landing/LandingPage.razor.rz.scp.css */
.ticket-container[b-vpzrin29sr] {
    flex: 1 1 80%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: 20px;
    width: 100%;
}

@media (max-width: 480px) {
    [b-vpzrin29sr] .k-form-buttons {
        overflow: auto;
        flex-flow: column nowrap;
    }
}
/* _content/Atrium.Web.Abo/Modules/Landing/MeineTicketsComponent.razor.rz.scp.css */
.meine-tickets-container[b-os5mgsxcl0] {
    width: min(1200px, calc(100vw - 40px));
    max-width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    text-align: center;
}

.ticket-section[b-os5mgsxcl0] {
    flex: 1 1 80%;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

@media (max-width: 480px) {
    .meine-tickets-container[b-os5mgsxcl0] {
        margin-top: 10px;
        margin-bottom: 20px;
    }
}
/* _content/Atrium.Web.Abo/Modules/Landing/TicketComponent.razor.rz.scp.css */
.card-wrapper:hover[b-uhjbjcun8t] {
    transform: scale(1.02);
    cursor: pointer;
}

.card-header[b-uhjbjcun8t] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.card-body[b-uhjbjcun8t] {
    text-align: left;
}

.card-body b[b-uhjbjcun8t] {
    color: var(--color-primary);
}

.card-row[b-uhjbjcun8t] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 32px;
}

.ticket-logo[b-uhjbjcun8t] {
    width: auto;
    height: 30px;
    margin-right: 8px;
}

.ticket-value[b-uhjbjcun8t] {
    color: var(--color-on-surface);
    font-weight: 500;
}

.ticket-link[b-uhjbjcun8t] {
    display: flex;
    flex-direction: column;
    justify-content: end;
    text-align: end;
}

.ticket-link a[b-uhjbjcun8t] {
    font-weight: bold;
    color: var(--kendo-color-primary);
    margin-bottom: 0.5rem;
}
.ticket-link a:hover[b-uhjbjcun8t] {
    color: var(--kendo-color-primary-hover);
}

.ticket-QR[b-uhjbjcun8t] {
    text-align: end
}
/* _content/Atrium.Web.Abo/Modules/Landing/VerkaufsProduktComponent.razor.rz.scp.css */
.image-holder[b-wricbqnk5l] {
    max-height: 200px;
    width: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cardbody[b-wricbqnk5l] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
}
/* _content/Atrium.Web.Abo/Modules/Login/BestaetigungsEmailErneutSendenComponent.razor.rz.scp.css */
.card-container[b-ojg2r993cm] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.main-card[b-ojg2r993cm] {
    margin-top: 200px;
    width: 500px;
}
/* _content/Atrium.Web.Abo/Modules/Login/LoginComponent.razor.rz.scp.css */
.login-form[b-e0djrq4fxh] {
    align-self: center;
    width: 600px;
}

.login-form > *[b-e0djrq4fxh] {
    margin: 8px;
}

.login-button[b-e0djrq4fxh] {
    all: unset;
}

[b-e0djrq4fxh] #form-container button {
    margin: auto;
}

.password-form[b-e0djrq4fxh] {
    display: inline-block;
}

.login-result[b-e0djrq4fxh] {
    margin-top: 20px;
}

.login-container[b-e0djrq4fxh] {
    padding-top: 20px;
}

.logo-image[b-e0djrq4fxh] {
    width: auto;
    height: 100px;
    margin-bottom: 20px;
    scale: 0.75;
}

@media (max-width: 480px) {
    .login-container[b-e0djrq4fxh] {
        width: 100vw;
        padding: 15px;
    }

    .login-form[b-e0djrq4fxh] {
        width: 100vw;
    }

    .logo-image[b-e0djrq4fxh] {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        scale: 0.75;
    }

    [b-e0djrq4fxh] .k-form-buttons {
        overflow: auto;
        flex-flow: column nowrap;
    }
}
/* _content/Atrium.Web.Abo/Modules/Login/PasswortResetComponent.razor.rz.scp.css */
.card-container[b-y1u17vhvze] {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 380px;
}

.main-card[b-y1u17vhvze] {
    margin-top: 200px;
    width: 380px;
}
/* _content/Atrium.Web.Abo/Modules/Login/PasswortVergessenComponent.razor.rz.scp.css */
.card-container[b-31mdrwzjag] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.main-card[b-31mdrwzjag] {
    margin-top: 200px;
    width: 500px;
}

@media (max-width: 480px) {
    .main-card[b-31mdrwzjag] {
        width: 95vw;
    }
}
/* _content/Atrium.Web.Abo/Modules/Profil/PasswortAendernComponent.razor.rz.scp.css */
.passwort-modal[b-75257eo8si] {
    width: 400px;
}

.card-container[b-75257eo8si] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* _content/Atrium.Web.Abo/Modules/Profil/ProfilComponent.razor.rz.scp.css */
.details-container[b-zh60tuf8eh] {
    align-self: start;
    padding: 20px;
    margin-bottom: 30px;
}

@media (max-width: 480px) {
    .details-container[b-zh60tuf8eh] {
        width: 100%;
        margin-top: 10px;
        padding: 5px;
    }
}

.buttons[b-zh60tuf8eh] {
    width: 100%;
    float: left;
}

.dokumente[b-zh60tuf8eh] {
    width: 100%;
    float: left;
}

.payment-add[b-zh60tuf8eh] {
    width: 100%;
    float: left;
    text-align: right;
    background: green;
}

.payment-section[b-zh60tuf8eh] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.payment-item[b-zh60tuf8eh] {
    width: calc(50% - 15px);
    display: flex;
    flex-direction: column;
}

.trenner[b-zh60tuf8eh] {
    width: 100%;
    height: 40px;
    float: left;
}
/* _content/Atrium.Web.Abo/Modules/Profil/ZahlungsmittelComponent.razor.rz.scp.css */
.zahlungsmittel-wrapper[b-6movgj3l67] {
    margin: 30px;
    transform: scale(0.92);
}

.zahlungsmittel-wrapper:hover[b-6movgj3l67] {
    transform: scale(0.94);
    cursor: pointer;
}
/* _content/Atrium.Web.Abo/Modules/Profil/ZahlungsmittelEditComponent.razor.rz.scp.css */
/* _content/Atrium.Web.Abo/Modules/Projektspezifisch/HessenSchuelerTicketKachel.razor.rz.scp.css */
.image-holder[b-kqzfyj0mc3] {
    max-height: 200px;
    width: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cardbody[b-kqzfyj0mc3] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
}
/* _content/Atrium.Web.Abo/Modules/Projektspezifisch/HessenSchuelerTicketWizardCore.razor.rz.scp.css */
.tree-wizard[b-gi0zm1040r] {
    text-align: center;
}

.button-container[b-gi0zm1040r] {
    display: flex;
    justify-content: end;
}

[b-gi0zm1040r].button-container button {
    margin: 4px;
}
/* _content/Atrium.Web.Abo/Modules/Registrierung/EmailBestaetigenIndirectPage.razor.rz.scp.css */
.card-container[b-j045jvnjdd] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.main-card[b-j045jvnjdd] {
    margin-top: 200px;
}
/* _content/Atrium.Web.Abo/Modules/Registrierung/EmailBestaetigenPage.razor.rz.scp.css */
.card-container[b-b0q4ew0vw9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.main-card[b-b0q4ew0vw9] {
    margin-top: 200px;
    width: 500px;
}
/* _content/Atrium.Web.Abo/Modules/Registrierung/RegistrierungPage.razor.rz.scp.css */
.loginform[b-xk8z5rnnl3] {
    align-self: center;
    width: 600px;
}

    .loginform > *[b-xk8z5rnnl3] {
        margin: 8px;
    }

.login-button[b-xk8z5rnnl3] {
    all: unset;
}

[b-xk8z5rnnl3] #form-container button {
    margin: auto;
}

.logo-image[b-xk8z5rnnl3] {
    width: auto;
    height: 100px;
    margin-bottom: 20px;
    scale: 0.75;
}

@media (max-width: 480px) {
    .logo-image[b-xk8z5rnnl3] {
        width: 100vw;
        height: auto;
        margin-bottom: 20px;
        scale: 0.75;
    }

    [b-xk8z5rnnl3] .k-form-buttons {
        overflow: auto;
        flex-flow: column nowrap;
    }

    [b-xk8z5rnnl3] .k-form-md .k-form-buttons {
        margin-top: 10px;
        padding-bottom: 40px;
    }
}

.captcha-container[b-xk8z5rnnl3] {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
/* _content/Atrium.Web.Abo/Modules/Shared/AboOnlineVertragsDokumentGridComponent.razor.rz.scp.css */
.emptylist-text[b-d29zi5mt3x] {
    font-weight: bold;
}
/* _content/Atrium.Web.Abo/Modules/Shared/AboVertragGridComponent.razor.rz.scp.css */
.grid-container[b-chg9nyh9u9] {
    position: relative;
    float: left;
    margin-bottom: 20px;
}

.grid-options[b-chg9nyh9u9] {
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 42px;
    z-index: 2;
    color: #888;
    font-size: 14px;
}

[b-chg9nyh9u9] .small-grid-button {
    padding-left: 8px;
    padding-right: 0px;
    width: 16px;
}
/* _content/Atrium.Web.Abo/Modules/Shared/BannerImage.razor.rz.scp.css */
.banner-image[b-8q0dxj5aen] {
    height: auto;
    width: calc(40px + 100%);
    max-height: 400px;
    position: relative;
    left: -20px;
    top: -20px;
    object-fit: cover;
}

@media (max-width: 480px) {
    .banner-image[b-8q0dxj5aen] {
        display: none;
    }
}
/* _content/Atrium.Web.Abo/Modules/Shared/BaseColumnWrapperComponent.razor.rz.scp.css */
.content-container[b-9chayckb1q] {
    min-width: 400px;
    max-width: 1100px;
    background-color: var(--color-background);
    box-shadow: 2px 0px 10px darkgray;
    padding: 20px;
    flex-shrink: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#Background-image[b-9chayckb1q] {
    position: fixed;
    top: calc(16px + 6vh);
    width: auto;
    height: 88vh;
    z-index: -1;
}

.img-container[b-9chayckb1q] {
    height: 600px;
    width: 150px;
    margin-top: 100px;
    overflow: hidden;
    flex-shrink: 2;
}

.dt-img[b-9chayckb1q] {
    height: 500px;
}

.page-container[b-9chayckb1q] {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}

.no-page-container[b-9chayckb1q] {
    background-color: var(--color-background);
    padding: 8px;
    display: flex;
    flex-direction: column;
    width: 100vw;
}

.background[b-9chayckb1q] {
    position: fixed;
    height: 100vh;
    width: 100vw;
    z-index: -10;
    background-color: var(--color-background);
}

@media (max-width: 700px) {

    .content-container[b-9chayckb1q] {
        width: 100%;
    }

    #Background-image[b-9chayckb1q] {
        display: none;
    }
}
/* _content/Atrium.Web.Abo/Modules/Shared/DokumentComponent.razor.rz.scp.css */
.button-close[b-ectk59d4w2] {
    width: 100%;
    float: left;
    text-align: left;
    height: 55px;
    display: flex;
    align-items: center;
}

.buttons[b-ectk59d4w2] {
    margin-right: 20px;
    float: left;
}
    .buttons span[b-ectk59d4w2] {
        margin-left: 10px;
    }

.filedetails[b-ectk59d4w2] {
    position: absolute;
    width: 250px;
    height: 50px;
    right: 23px;
    font-size: 13px;
    color: #888;
}

.dokument[b-ectk59d4w2] {
    width: 100%;
    height: calc(100% - 70px);
    display: flex;
    float: left;
    justify-content: center;
    position: relative;
    background: #eee;
    padding: 20px;
    border: 1px solid #ccc;
}

.imageformat[b-ectk59d4w2] {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    background: #fff;
    border: 1px solid #aaa;
}
/* _content/Atrium.Web.Abo/Modules/Shared/DokumentTemplateArtComponent.razor.rz.scp.css */
.doc-template-wrapper[b-hpkinaxrbf] {
    margin: 10px 10px 30px 10px;
    transform: scale(0.92);
}
    .doc-template-wrapper:hover[b-hpkinaxrbf] {
        transform: scale(0.94);
        cursor: pointer;
    }

.template-cnt[b-hpkinaxrbf] {
    width: 100%;
    float: left;
}

.template-description[b-hpkinaxrbf] {
    width: calc( 100% - 240px);
    height: 40px;
    text-align: left;
    float: left;
    font-size: 20px;
    padding: 0px 30px;
    display: flex;
    justify-items: center;
    align-items: center;
}

.template-details[b-hpkinaxrbf] {
    width: 240px;
    height: 40px;
    float: left;
    font-size: 16px;
    display: flex;
    justify-items: left;
    align-items: center;
    padding-left: 30px;
}
/* _content/Atrium.Web.Abo/Modules/Shared/PageName.razor.rz.scp.css */
.page-name-title[b-rm01oluxnz] {
    display: none;
    position: fixed;
    top: 12px;
    left: 40vw;
    width: 20vw;
    z-index: 100;
    color: darkslategray;
}
/* _content/Atrium.Web.Abo/Modules/Shared/PasswordConfirmFormItem.razor.rz.scp.css */
.password-input-container[b-tnzpfwb9hc] {
    flex-grow: 1;
}

.password-reveal-container[b-tnzpfwb9hc] {
    margin-top: 28px;
    font-size: 22px;
    line-height: 1px;
}

.password-container[b-tnzpfwb9hc] {
    display: flex;
    flex-direction: row;
    gap: 4px;
}
/* _content/Atrium.Web.Abo/Modules/Shared/PasswordFormItem.razor.rz.scp.css */
.password-input-container[b-uxaoxnb4jq] {
    flex-grow: 1;
}

.password-reveal-container[b-uxaoxnb4jq] {
    margin-top: 28px;
    font-size: 22px;
    line-height: 1px;
}

.password-container[b-uxaoxnb4jq] {
    display: flex;
    flex-direction: row;
    gap: 4px;
}
/* _content/Atrium.Web.Abo/Modules/Tausch/TauschComponent.razor.rz.scp.css */
.ticket-container[b-n87awybyat] {
    flex: 1 1 80%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: 20px;
}

.infoanlage[b-n87awybyat]{
    width: min(500px, 100%);
}

/* _content/Atrium.Web.Abo/Modules/Vertragsanlage/KundenForm.razor.rz.scp.css */
.formGroup[b-f8wpr4hz5z] {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #333;
    border-bottom: 2px solid #ddd;
    margin-bottom: 5px;
    margin-top: 10px;
}
/* _content/Atrium.Web.Abo/Modules/Vertragsanlage/Massenanlage/KundenErfassenForm.razor.rz.scp.css */
.container[b-2tw9117jvm] {
    width: 100%;
    height: calc(100% - 50px);
    float: left;
}

.block200[b-2tw9117jvm] {
    width: 200px;
    float: left;
    margin-right: 20px;
}

.buttons[b-2tw9117jvm] {
    width: 100%;
    height: 50px;
    float: left;
}

.settings[b-2tw9117jvm] {
    width: 100%;
    float: left;
}

.margin-right-20[b-2tw9117jvm] {
    margin-right: 20px;
}

.buttons-bottom[b-2tw9117jvm] {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
/* _content/Atrium.Web.Abo/Modules/Vertragsanlage/Massenanlage/MassenAktionResultOverviewComponent.razor.rz.scp.css */
.title-collapsed:hover[b-v1qkolwr51] {
    cursor: pointer;
}
/*
    .massenaktionresult-window-collapsed steht im site.css,
    weil das TelerikWindow außerhalb der DOM-hierarchie steht
*/
/* _content/Atrium.Web.Abo/Modules/Vertragsanlage/Massenanlage/NebenProduktHinzufuegenComponent.razor.rz.scp.css */
[b-x7qyod1qzi] .neben-produkt-button {
    width: auto;
    margin: 10px;
}

.inherit-all[b-x7qyod1qzi] {
    all: inherit;
}
/* _content/Atrium.Web.Abo/Modules/Vertragsanlage/Massenanlage/VerwaltungComponent.razor.rz.scp.css */
.buttons-top[b-hcbvsc6j2e] {
    width: 100%;
    float: left;
    padding: 20px 0px;
}

.buttons-text[b-hcbvsc6j2e] {
    float: right;
    background: #fff;
    padding: 6px 20px;
    border-radius: 5px;
    box-shadow: 1px 1px 10px 1px #dedede;
    color: #888;
    border: 1px solid #ccc;
}

.buttons-top-dropdown[b-hcbvsc6j2e] {
    display: inline-flex;
    width: 0px;
    position: absolute;
}

.buttons-top-dropdown-container[b-hcbvsc6j2e] {
    position: absolute;
    top: 44px;
    right: 0px;
    z-index: 10;
    transition: all 0.3s ease;
    overflow: hidden;
    background: var(--color-background);
}

.buttons-top-dropdown-container-inner[b-hcbvsc6j2e] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    border: 1px solid #ddd;
}

.cnt-options[b-hcbvsc6j2e] {
    width: 100%;
    height: 50px;
    float: left;
    display: flex;
    align-items: center;
    padding-left: 30px;
    background: var(--color-surface-subtle);
}

    .cnt-options span[b-hcbvsc6j2e] {
        padding-left: 20px;
        color: #333;
    }

.grid[b-hcbvsc6j2e] {
    width: 100%;
    float: left;
    position: relative;
}

.selection[b-hcbvsc6j2e] {
}

.header[b-hcbvsc6j2e] {
    width: 100%;
    height: 80px;
    padding-top: 5px;
    background: #eee;
    border-bottom: 1px solid #ccc;
}

.header-text[b-hcbvsc6j2e], .header-textsmall[b-hcbvsc6j2e] {
    width: 100%;
    float: left;
    text-align: center;
    padding: 5px 0px;
    color: #555;
    font-weight: bold;
}

.header-textsmall[b-hcbvsc6j2e] {
    font-size: 14px;
    font-weight: normal;
}

.kuendigung[b-hcbvsc6j2e] {
    width: 100%;
    height: 40px;
    margin: 20px 0px 10px 0px;
}

.kuedigung-text[b-hcbvsc6j2e] {
    width: 50%;
    height: 100%;
    float: left;
    display: flex;
    align-items: center;
}

.kuedigung-picker[b-hcbvsc6j2e] {
    width: 50%;
    float: left;
}
/* _content/Atrium.Web.Abo/Modules/Vertragsanlage/Massenanlage/VerwaltungGrid.razor.rz.scp.css */
input[type=checkbox][b-o1oqra0oa8] {
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    padding: 10px;
}

.grid-options-btn[b-o1oqra0oa8], .grid-selectioncount[b-o1oqra0oa8], .grid-pagesize[b-o1oqra0oa8], .vertraege-options-btn[b-o1oqra0oa8] {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 45px;
    margin: 7px 0px;
    width: 200px;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 2;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #888;
    transition: all 0.3s ease;
    border-right: 0px solid #eee;
}
    .grid-options-btn:hover[b-o1oqra0oa8], .grid-pagesize:hover[b-o1oqra0oa8], .vertraege-options-btn:hover[b-o1oqra0oa8] {
        color: #000;
        cursor: pointer;
    }

.grid-selectioncount[b-o1oqra0oa8] {
    right: 200px;
    width: 130px;
    border-right: 1px solid #eee;
}

.grid-pagesize[b-o1oqra0oa8] {
    right: 0px;
    width: 70px;
    border-right: 0px;
}

.grid-options-cnt[b-o1oqra0oa8], .grid_pagesize-cnt[b-o1oqra0oa8], .vertraege-options-cnt[b-o1oqra0oa8] {
    position: absolute;
    top: 55px;
    right: 0px;
    width: 500px;
    background: #fff;
    z-index: 2;
    overflow: hidden;
    transition: all 0.5s ease;
}

.grid_pagesize-cnt[b-o1oqra0oa8] {
    width: 70px;
}

.grid-pagesize-item[b-o1oqra0oa8] {
    float: left;
    width: 100%;
    height: 36px;
    text-align: center;
    padding: 5px 0px 5px 0px;
    border: 1px solid #eee;
    border-top: 1px solid #fff;
    color: #888;
}
    .grid-pagesize-item:hover[b-o1oqra0oa8] {
        cursor: pointer;
        background-color: #e8e8e8;
    }

.grid-options-cnt-inner[b-o1oqra0oa8] {
    height: 100%;
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    border-top: 1px solid #fff;
}

.grid-options-checkbox[b-o1oqra0oa8] {
    width: 50%;
    height: 40px;
    padding: 0px 20px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #eee;
}
    .grid-options-checkbox:hover[b-o1oqra0oa8] {
        background-color: #e8e8e8;
    }

.grid-options-checkbox-text[b-o1oqra0oa8] {
    padding-left: 20px;
    height: 100%;
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    color: #555;
}

.buttons[b-o1oqra0oa8] {
    float: left;
}

.gueltigab-text[b-o1oqra0oa8] {
    margin: 0px 10px 0px 10px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gueltigab-alle[b-o1oqra0oa8] {
    margin: 0px 10px 0px 0px;
}



/************************/
.vertraege-options-btn[b-o1oqra0oa8] {
    left: 300px; /* neu */
}

.vertraege-options-cnt[b-o1oqra0oa8] {
    left: 0px; /* neu */
    width: 500px;
}

.vertraege-options-cnt-inner[b-o1oqra0oa8] {
    height: 100%;
    float: left;
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-top: 1px solid #fff;
}

.vertraege-options-cnt-description[b-o1oqra0oa8] {
    font-size: 18px;
    margin-bottom: 10px;
}
/* _content/Atrium.Web.Abo/Modules/Vertragsanlage/Massenanlage/VerwaltungsGridDetailBlock.razor.rz.scp.css */
.buttons-container[b-3eb4pvtwkk] {
    float: left;
    margin: 10px;
    width: 210px;
}

.neben-produkt-container[b-3eb4pvtwkk] {
    float: left;
    width: 400px;
}
/* _content/Atrium.Web.Abo/Modules/Vertragsanlage/Massenanlage/VerwaltungsGridDetailBlockItem.razor.rz.scp.css */
.td-left[b-m98xluzycu] {
    font-size: 12px;
    color: #555;
}

.td-right[b-m98xluzycu] {
    font-size: 14px;
    color: #000;
}

.td-description[b-m98xluzycu] {
    font-weight: bold;
}

.table-container[b-m98xluzycu] {
    float: left;
    margin: 10px;
    background: var(--color-surface-subtle);
    border: 1px solid #ccc;
}
/* _content/Atrium.Web.Abo/Modules/Vertragsanlage/Wizard/InhaberKundenanlage.razor.rz.scp.css */
/* _content/Atrium.Web.Abo/Modules/Vertragsanlage/Wizard/NachweiseHochladen.razor.rz.scp.css */
.beschreibung[b-kqaydkl319] {
    width: 100%;
    text-align: center;
}
.beschreibung span[b-kqaydkl319] {
    font-size: 12px;
    color: #555;
}

.error[b-kqaydkl319] {
    width: 100%;
    float: left;
    text-align: left;
}

.error-msg[b-kqaydkl319] {
    color: #ff1100;
    font-size: 12px;
}

.captcha[b-kqaydkl319] {
    padding: 10px 0px;
}
/* _content/Atrium.Web.Abo/Modules/Vertragsanlage/Wizard/NutzerKundenanlage.razor.rz.scp.css */
/* _content/Atrium.Web.Abo/Modules/Vertragsanlage/Wizard/RechtlichVerbindlicheCheckboxen.razor.rz.scp.css */
.checks-container[b-9elpmx207a] {
    padding: 2px;
}

@media (min-width: 481px) {
    .checks-container[b-9elpmx207a] {
        min-width: 320px;
        text-align: start;
    }
}
/* _content/Atrium.Web.Abo/Modules/Vertragsanlage/Wizard/VertragsanlageOverview.razor.rz.scp.css */
.nachweise[b-84pykys8ow] {
    width: 100%;
    float: left;
    background: var(--color-surface-subtle);
    border: 1px solid #eee;
    margin: 10px 0px 20px 0px;
}
/* _content/Atrium.Web.Abo/Modules/Vertragsanlage/Wizard/VertragsanlageWizard.razor.rz.scp.css */
@media (max-width: 480px) {
    [b-zvovbwztld] .k-wizard .k-wizard-buttons {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .wrapper[b-zvovbwztld] {
        display: block;
    }
}

[b-zvovbwztld] .k-wizard-horizontal .k-wizard-steps {
    margin-top: 16px;
}
/* _content/Atrium.Web.Abo/Modules/Vertragsanlage/Wizard/VertragsInfoAnlage.razor.rz.scp.css */
body[b-m1arkb64vb] {
}
/* _content/Atrium.Web.Abo/Modules/Vertragsanlage/Wizard/ZahlungsdatenAnlage.razor.rz.scp.css */
@media (max-width: 480px) {
    [b-spnwgmrvn5] .k-wizard {
        width: 100%;
    }
}

.sepa-text-container[b-spnwgmrvn5] {
    display: flex;
    flex-direction: row;
    text-align: start;
}

.small-sepa-text-container[b-spnwgmrvn5] {
    max-width: 80vw;
}

.checks-container[b-spnwgmrvn5] {
    padding: 2px;
    text-align: start;
    margin-bottom: 2em;
}
/* _content/Atrium.Web.Abo/Modules/Verwaltung/DetailsRow.razor.rz.scp.css */
.grid-field[b-jl5erghz5t] {
    grid-column: 1;
    font-weight: bold;
    text-align: start
}

.grid-value[b-jl5erghz5t] {
    grid-column: 2;
    text-align: start
}

.button-container[b-jl5erghz5t] {
    grid-column: 3;
    text-align: right;
    justify-self: end;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: end;
    margin-bottom: 16px;
}

[b-jl5erghz5t].button-container button {
    margin: 4px;
}

@media (max-width: 700px) {
    .button-container[b-jl5erghz5t] {
        grid-column-start: 1;
        grid-column-end: 3;
    }
}
/* _content/Atrium.Web.Abo/Modules/Verwaltung/DetailsSection.razor.rz.scp.css */
@media only screen and (min-width: 800px) {
    .section[b-aeytu2rip7] {
        white-space: nowrap;
    }
}

.section[b-aeytu2rip7] {
    display: grid;
    justify-items: start;
    grid-template-columns: 0fr 0fr 1fr 0fr;
    column-gap: 20px;
    margin-bottom: 16px;
}

@media (max-width: 700px) {
    .section[b-aeytu2rip7] {
        grid-template-columns: 1fr 1fr
    }
}
/* _content/Atrium.Web.Abo/Modules/Verwaltung/NachweiseComponent.razor.rz.scp.css */
.nachweis[b-m273qkotcd] {
    width: 100%;
    float: left;
    position: relative;
    margin: 20px 0px;
}

.nachweis-container[b-m273qkotcd] {
    width: 100%;
    float: left;
    display: flex;
    background: var(--color-surface-subtle);
    min-height: 160px;
    border: 1px solid #dedede;
    border-radius: 5px;
}

@media (max-width: 700px) {
    .nachweis-container[b-m273qkotcd] {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.nachweisGueltigBis[b-m273qkotcd] {
    width: 100%;
    text-align: left;
    float: left;
    margin-bottom: 10px;
}

.nachweis-beschreibung[b-m273qkotcd] {
    min-width: 250px;
    min-height: 160px;
    float: left;
    display: flex;
    align-items: center;
    padding-left: 20px;
    position: relative;
}

.nachweis-bezeichnung[b-m273qkotcd] {
    font-size: 22px;
}

.label[b-m273qkotcd] {
    width: 190px;
    height: 46px;
    font-size: 14px;
    overflow: hidden;
    text-align: left;
    position: relative;
    color: #2b0dad;
}

.label-wrapper[b-m273qkotcd] {
    opacity: 0.0;
}

.label-wrapper-button[b-m273qkotcd] {
    position: absolute;
    top: 0px;
    margin-top: 4px;
}

.label-disabled[b-m273qkotcd] {
    font-size: 12px;
    color: #888;
}

.dateien[b-m273qkotcd] {
    min-width: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* _content/Atrium.Web.Abo/Modules/Verwaltung/NachweisItemComponent.razor.rz.scp.css */
.nachweis[b-tvmya8valm] {
    float: left;
    margin: 10px;
    position: relative;
}

.nachweis-dokument[b-tvmya8valm] {
    width: 100%;
    background: var(--color-background);
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    margin-right: 10px;
    padding: 10px;
    border: 1px solid #ddd;
}

.nachweis-bild[b-tvmya8valm] {
    max-width: 100%;
    max-height: 100%;
}

.nachweis-text[b-tvmya8valm] {
    float: left;
    width: 100%;
    font-size: 12px;
}

.nachweis-delete[b-tvmya8valm] {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    color: #aaa;
    transition: all 0.3s ease;
}
    .nachweis-delete:hover[b-tvmya8valm] {
        cursor: pointer;
        color: red;
    }
/* _content/Atrium.Web.Abo/Modules/Verwaltung/VertragDokumenteComponent.razor.rz.scp.css */
.vdc-table-description[b-ejzfto0o7i] {
    font-size: 18px;
}

.vdc-splitter[b-ejzfto0o7i] {
    width: 100%;
    height: 50px;
    float: left;
}
/* _content/Atrium.Web.Abo/Modules/Verwaltung/VertragEingabeFreigabeCodeComponent.razor.rz.scp.css */
.error[b-ozdmjo0as1] {
    height: 30px;
    width: 100%;
    color: red;
    font-size: 14px;
}
/* _content/Atrium.Web.Abo/Modules/Verwaltung/VertragKuendigenComponent.razor.rz.scp.css */
.kuendigen-content[b-niiosqfrul] {
    overflow-y: auto;
    height: 300px;
}
/* _content/Atrium.Web.Abo/Modules/Verwaltung/VertragsDetails.razor.rz.scp.css */
.details-container[b-8jryhnjwcx] {
    align-self: stretch;
}

.template-item[b-8jryhnjwcx] {
    width: calc(50% - 15px);
    display: flex;
    flex-direction: column;
}

@media (min-width: 481px) and (max-width: 700px) {
    .details-container[b-8jryhnjwcx] {
        padding: 0px;
    }
}

@media (max-width: 480px) {

    .login-form[b-8jryhnjwcx] {
        width: 100vw;
    }

    .logo-image[b-8jryhnjwcx] {
        width: 100vw;
        height: auto;
        margin-bottom: 20px;
        scale: 0.75;
    }

    [b-8jryhnjwcx] .k-form-buttons {
        overflow: auto;
        flex-flow: column nowrap;
    }
}