@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css';
@import '_content/ITVT.SW365.BlazorUtils/ITVT.SW365.BlazorUtils.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.wuc5ioiakb.bundle.scp.css';

/* /Components/ERegio/Common/ActionCard.razor.rz.scp.css */
.action-card-wrapper[b-trkigvzpyw] {
    width: 100%;
}

[b-trkigvzpyw] .action-card {
    border-radius: 12px;
    --neutral-foreground-rest: #FFFFFF;
    --fill-color: var(--sea-green);
    padding: 6rem 9.6rem;
}

[b-trkigvzpyw] .action-card-content {
    row-gap: 2.75rem !important;
}

[b-trkigvzpyw] .action-card-text {
    row-gap: 1.5rem !important;
}

.description[b-trkigvzpyw], .subtitle[b-trkigvzpyw] {
    font-size: var(--font-size-medium);
}

.semi-description[b-trkigvzpyw] {
    font-size: var(--font-size-medium-extra);
    font-weight: var(--font-weight-semibold);
    line-height: var(--extra-line-height);
}

[b-trkigvzpyw] .title {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: var(--font-size-semi-large);
    font-weight: var(--font-weight-semibold);
    line-height: var(--extra-line-height);
}

[b-trkigvzpyw] .title-italic {
    font-weight: var(--font-weight-light);
    font-style: italic;
}

@media (max-width: 768px) {
    .action-card-wrapper[b-trkigvzpyw] {
        padding: 0 1.5rem;
    }

    .subtitle[b-trkigvzpyw] {
        font-size: var(--font-size-small);
    }

    [b-trkigvzpyw] .title {
        font-size: var(--font-size-medium-extra-large-mobile);
    }

    .description[b-trkigvzpyw] {
        font-size: var(--font-size-small);
    }

    [b-trkigvzpyw] .action-card {
        padding: 4rem 1rem;
    }

    [b-trkigvzpyw] .accept-button {
        width: 100%;
    }
}
/* /Components/ERegio/Common/ArrowRightLink.razor.rz.scp.css */
[b-3f3ecf5ma9] .fluent-nav-item {
    display: flex;
    padding: 1rem;
    height: 3rem;
    width: 3rem;
    background: var(--bright-yellow);
    border-radius: var(--default-radius);
    min-width: unset;
}

@media (max-width: 768px) {
    [b-3f3ecf5ma9] .fluent-nav-item {
        height: 2.5rem;
        width: 2.5rem;
    }
}
/* /Components/ERegio/Common/Carousel.razor.rz.scp.css */
:host[b-rarseqxdkm] {
    --scroll-item-spacing: 1.5rem
}

.carousel-wrapper[b-rarseqxdkm] {
    width: 100%;
}

[b-rarseqxdkm] .carousel-content-wrapper {
    row-gap: 4rem !important;
}

[b-rarseqxdkm] .actions-container, [b-rarseqxdkm] .pivot-container {
    width: fit-content !important;
}

[b-rarseqxdkm] .actions-container {
    column-gap: 1.5rem !important;
}

[b-rarseqxdkm] .pivot-container {
    column-gap: 1.125rem !important;
}

[b-rarseqxdkm] fluent-horizontal-scroll {
    --scroll-item-spacing: 1.5rem;
}

[b-rarseqxdkm] .carousel-scroll {
    width: 64vw;
}

[b-rarseqxdkm] .carousel-card {
    text-align: left;
    width: 24.375rem;
    height: 36.25rem;
    box-shadow: none;
    border: none;
    border-radius: 12px;
    padding: 2rem;
}

[b-rarseqxdkm] .carousel-card-text-content {
    row-gap: 1rem !important;
}

.card-image[b-rarseqxdkm] {
    width: 100%;
    height: 180px;
}

.headline[b-rarseqxdkm] {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-btn-default);
    line-height: var(--default-line-height);
}

.card-text[b-rarseqxdkm] {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-medium-extra);
    line-height: var(--extra-line-height);
}

.learn-more[b-rarseqxdkm] {
    display: inline-block;
    margin-top: .7rem;
    font-size: 0.9rem;
    text-decoration: underline;
    color: #333;
    cursor: pointer;
}

[b-rarseqxdkm] .accept-button {
    width: 15.75rem;
}

[b-rarseqxdkm] fluent-button::part(control) {
    border: inherit;
    padding: unset;
}

[b-rarseqxdkm] .arrow-right-link {
    position: absolute;
    bottom: 1.5rem;
    right: 1.5rem;
}

@media (max-width: 768px) {
    .carousel-wrapper[b-rarseqxdkm] {
        width: 100%;
        padding: 0 1.5rem;
    }

    [b-rarseqxdkm] .carousel-content-wrapper {
        row-gap: 1.5rem !important;
    }

    .default-title[b-rarseqxdkm] {
        font-size: var(--font-size-medium-large);
    }

    [b-rarseqxdkm] .carousel-scroll {
        width: 85vw;
    }

    [b-rarseqxdkm] .carousel-card {
        text-align: left;
        width: 13.94rem;
        height: 17.75rem;
        padding: 1rem;
    }

    .headline[b-rarseqxdkm] {
        font-size: var(--font-size-bare);
        line-height: 16px
    }

    .card-text[b-rarseqxdkm] {
        font-size: var(--font-size-medium);
        line-height: var(--extra-line-height);
    }

    [b-rarseqxdkm] .accept-button {
        width: 100%;
    }
}
/* /Components/ERegio/Common/ComponentGap.razor.rz.scp.css */
.component-gap-wrapper[b-pvoba7zrr3] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.component-gap[b-pvoba7zrr3] {
    width: calc(100% - 3rem);
    border-bottom: 1.5px solid;
    border-bottom-color: var(--light-sea-green);
    margin-top: 5.25rem;
    margin-bottom: 5.25rem;
}

@media (max-width: 768px) {
    .component-gap[b-pvoba7zrr3] {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
}
/* /Components/ERegio/Common/ExpandedContactFlag.razor.rz.scp.css */
.expanded-contact-flag-wrapper[b-qty4eu0lal] {
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 18vw;
    height: fit-content;
    padding: 1.5rem 1.5rem 2.5rem 1.5rem;
    row-gap: 1rem;
    align-items: start;
    background: var(--light-aqua);
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    overflow: auto;
}

[b-qty4eu0lal] .flag-section-text {
    row-gap: 1.5rem !important;
}

.default-title[b-qty4eu0lal] {
    font-size: var(--font-size-medium);
}

.flag-section-text-title[b-qty4eu0lal] {
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-semibold);
}

.flag-section-text-description[b-qty4eu0lal] {
    font-size: var(--font-size-small);
}

[b-qty4eu0lal] .accept-button {
    min-height: unset;
    margin-left: auto;
}

@media (max-width: 768px) {
    .expanded-contact-flag-wrapper[b-qty4eu0lal] {
        top: 40vh;
        width: 76.923vw;
        padding: 1.5rem 1.5rem 2.5rem 1.5rem;
        z-index: 3;
    }
}
/* /Components/ERegio/Common/ExpandedFlags.razor.rz.scp.css */
.expanded-flags-wrapper[b-fbh1a0y1ul] {
    top: 50vh;
    right: 0;
    position: fixed;
    display: flex;
    flex-direction: column;
    z-index: 2;
    row-gap: 1rem;
    align-items: flex-end;
}
/* /Components/ERegio/Common/FloatingFlag.razor.rz.scp.css */
.floating-flag-wrapper[b-2hibgywmch] {
    display: flex;
    z-index: 2;
    background: var(--light-aqua);
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    cursor: pointer;
    height: 4.5rem;
    width: 4.5rem;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(24px);
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.2);
}

.flag-icon[b-2hibgywmch] {
}
/* /Components/ERegio/Common/Greeting.razor.rz.scp.css */
p[b-s7lm0ddqgl] {
    margin: 0;
}

.greeting-wrapper[b-s7lm0ddqgl] {
    width: 100%;
    min-height: 60vh;
    position: relative;
}

.greeting-wrapper img[b-s7lm0ddqgl] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0 40%;
    z-index: -2;
    filter: brightness(70%);
}

[b-s7lm0ddqgl] .greeting-container {
    height: 100%;
    padding-left: var(--default-padding-left);
    color: white;
}

.first-line-title[b-s7lm0ddqgl] {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-extra-large);
    line-height: var(--normal-line-height);
}

.second-line-title[b-s7lm0ddqgl] {
    font-style: italic;;
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-extra-large);
    line-height: var(--normal-line-height);
    padding-left: var(--default-padding-left);
    padding-bottom: 2.75rem;
}

.greeting-text[b-s7lm0ddqgl] {
    width: 28vw;
    font-size: var(--font-size-medium-large);
}

@media (max-width: 768px) {
    .greeting-wrapper[b-s7lm0ddqgl] {
        padding: 0 1.5rem
    }

    .first-line-title[b-s7lm0ddqgl],
    .second-line-title[b-s7lm0ddqgl] {
        font-size: var(--font-size-medium-extra-large);
        line-height: var(--extra-line-height);
    }

    .second-line-title[b-s7lm0ddqgl] {
        padding-left: 1.5rem
    }

    .greeting-wrapper img[b-s7lm0ddqgl] {
        object-position: inherit;
    }

    .second-line-title[b-s7lm0ddqgl] {
        padding-bottom: 1.75rem;
    }

    .greeting-text[b-s7lm0ddqgl] {
        width: 100%;
        font-size: var(--font-size-small);
    }

    [b-s7lm0ddqgl] .greeting-container {
        justify-content: end !important;
        padding-left: 0;
        padding-bottom: 5.625rem;
    }
}
/* /Components/ERegio/Common/Grid.razor.rz.scp.css */
[b-y50aajr40m] .grid-wrapper {
    width: 100%;
}

[b-y50aajr40m] .grid-container-wrapper {
    width: 100%;
    align-items: normal !important;
    row-gap: 4rem !important;
}

.grid-text[b-y50aajr40m] {
    font-size: var(--font-size-medium);
}

[b-y50aajr40m] .grid-items-container {
    row-gap: 2.75rem !important;
}

[b-y50aajr40m] .loading-content-cell {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 768px) {
    .default-title[b-y50aajr40m] {
        font-size: var(--font-size-medium-large);
    }

    [b-y50aajr40m] .mobile-grid-container {
        row-gap: 1.75rem !important;
    }

    [b-y50aajr40m] .grid-items-container {
        row-gap: 1.75rem !important;
    }

    [b-y50aajr40m] .grid-container-wrapper {
        row-gap: 1.75rem !important;
    }

    [b-y50aajr40m] .mobile-grid-item {
        row-gap: 1.75rem !important;
    }

    .options-divider[b-y50aajr40m] {
        width: 100%;
        border: 1.5px dashed var(--light-sea-green)
    }
}
/* /Components/ERegio/Common/GridPaginator.razor.rz.scp.css */
.paginator-wrapper[b-cfyvh078lo] {
    width: 100%;
}

[b-cfyvh078lo] .navigation-container {
    column-gap: 1.125rem !important;
}

.page-state[b-cfyvh078lo],
.element-state[b-cfyvh078lo] {
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-semibold);
    line-height: var(--normal-line-height);
);
}

[b-cfyvh078lo] .outline-button {
    width: fit-content;
}

@media (max-width: 768px) {
    .paginator-wrapper[b-cfyvh078lo] {
        width: 100%;
    }

    [b-cfyvh078lo] .paginator-container {
        flex-direction: column-reverse !important;
        row-gap: 1rem !important;
    }

    [b-cfyvh078lo] .navigation-container {
        justify-content: space-around !important;
        column-gap: 1.125rem !important;
    }

    [b-cfyvh078lo] .element-state-container {
        justify-content: space-around !important;
    }

    .page-state[b-cfyvh078lo],
    .element-state[b-cfyvh078lo] {
        font-size: var(--font-size-extra-small);
    }

    [b-cfyvh078lo] .outline-button {
        width: 100% !important;
    }

    [b-cfyvh078lo] fluent-button::part(control) {
        padding: unset;
    }
}
/* /Components/ERegio/Common/MeistFragen.razor.rz.scp.css */
.faq-wrapper[b-yqn43y5w0w] {
    width: 100%;
}

[b-yqn43y5w0w] .title-container {
    padding-bottom: 2.75rem;
}

[b-yqn43y5w0w] .accordion {
    gap: 1rem;
}

[b-yqn43y5w0w] fluent-accordion-item [slot="heading"] {
}

[b-yqn43y5w0w] fluent-accordion-item::part(heading-content) {
    font-size: var(--font-size-medium-large);
    font-weight: var(--font-weight-semibold);
    line-height: var(--default-line-height);
}

[b-yqn43y5w0w] fluent-accordion-item::part(region) {
    border-top: none;
}

.info-text[b-yqn43y5w0w] {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-medium);
    line-height: var(--default-line-height);
}

fluent-accordion[b-yqn43y5w0w] {
    gap: 1rem;
}

[b-yqn43y5w0w] fluent-accordion-item.accordion-header {
    border: var(--light-sea-green) 1.5px solid;
    border-radius: 12px;
    padding: 1.25rem 2rem;
}

[b-yqn43y5w0w] fluent-accordion-item.accordion-header.expanded {
    border: var(--bright-yellow) 1.5px solid;
    padding: 1.5rem 2.125rem;
}

.default-title[b-yqn43y5w0w] {
    word-break: break-word;
}

[b-yqn43y5w0w] .accept-button {
    width: 15.75rem;
}

@media (max-width: 768px) {
    .faq-wrapper[b-yqn43y5w0w] {
        padding: 0 1.5rem;
    }

    [b-yqn43y5w0w] .title-container {
        padding-bottom: 1.75rem;
    }

    [b-yqn43y5w0w] .accordion {
        gap: .5rem;
    }

    [b-yqn43y5w0w] fluent-accordion-item::part(heading-content) {
        font-size: var(--font-size-small);
    }

    .info-text[b-yqn43y5w0w] {
        font-size: var(--font-size-medium);
    }

    fluent-accordion[b-yqn43y5w0w] {
        gap: .5rem;
    }

    [b-yqn43y5w0w] fluent-accordion-item.accordion-header {
        padding: 1rem;
    }

    [b-yqn43y5w0w] fluent-accordion-item.accordion-header.expanded {
        padding: 1rem;
    }

    .default-title[b-yqn43y5w0w] {
        font-size: var(--font-size-medium-large);
    }

    [b-yqn43y5w0w] .accept-button {
        margin-top: 1.5rem;
        width: 100%;
    }
}
/* /Components/ERegio/Common/SiteLink.razor.rz.scp.css */
.site-link-wrapper[b-0wucukd3sn] {
    position: relative;
    width: 20.3125vw;
    height: 24.44vh;
    border-radius: 12px;
    padding: 1.5rem 2rem;
    background: var(--light-beige);
}

[b-0wucukd3sn] .site-link-container {
    row-gap: 1rem !important;
}

.site-link-text[b-0wucukd3sn] {
    width: fit-content;
    font-size: var(--font-size-medium-large);
    font-weight: var(--font-weight-semibold);
    line-height: var(--medium-line-height);
}

.site-link-item[b-0wucukd3sn] {
    display: flex;
    align-items: center;
}

[b-0wucukd3sn] .arrow-right-link {
    position: absolute;
    bottom: 1.5rem;
    right: 1.5rem;
}

@media (max-width: 768px) {
    .site-link-wrapper[b-0wucukd3sn] {
        width: 41.79vw;
        height: 31.28vh;
    }

    [b-0wucukd3sn] .site-link-container {
        row-gap: 1rem !important;
    }

    .site-link-text[b-0wucukd3sn] {
        font-size: var(--font-size-small);
    }

    .site-link-icon[b-0wucukd3sn] {
        height: 2.5rem;
    }

    [b-0wucukd3sn] .arrow-right-link {
        bottom: 1rem;
        right: 1rem;
    }
}
/* /Components/ERegio/Common/TitledButtons.razor.rz.scp.css */
.title-buttons-wrapper[b-1pmsqqpazf] {
    width: fit-content;
    display: flex;
    justify-content: flex-end;
}

[b-1pmsqqpazf] .title-buttons-container {
    width: fit-content !important;
    column-gap: 3.5rem !important;
}

[b-1pmsqqpazf] .outline-button {
    width: 15.6875rem;
}

@media (max-width: 768px) {
    .title-buttons-wrapper[b-1pmsqqpazf] {
        width: 100%;
    }

    [b-1pmsqqpazf] .title-buttons-container {
        width: 100% !important;
        flex-direction: column-reverse !important;
        justify-content: space-around !important;
        row-gap: 1.75rem !important;
    }

    [b-1pmsqqpazf] .outline-button {
        width: 100%;
    }
}
/* /Components/ERegio/Common/TitledSection.razor.rz.scp.css */
.titled-section-wrapper[b-o9je7qzyua] {
    width: 100%;
}

[b-o9je7qzyua] .title-container {
}

@media (max-width: 768px) {
    .default-title[b-o9je7qzyua] {
        white-space: nowrap;
        font-size: var(--font-size-medium-large);
    }
}
/* /Components/ERegio/ContractPositionInfo.razor.rz.scp.css */
.contact-wrapper[b-50lep1pdgg] {
    width: 100%;
}

[b-50lep1pdgg] .contract-info {
    padding-top: 2.75rem;
    column-gap: 13.1875rem !important;
}

@media (max-width: 768px) {
    .contact-wrapper[b-50lep1pdgg] {
        padding: 0 1.5rem;
    }

    .default-title[b-50lep1pdgg] {
        font-size: var(--font-size-medium-large);
    }

    [b-50lep1pdgg] .contract-info {
        padding-top: 1.75rem;
        row-gap: 1.75rem !important;
        flex-direction: column !important;
    }

    [b-50lep1pdgg] .contract-container {
    }

    .options-divider[b-50lep1pdgg] {
        width: 100%;
        border: 1.5px dashed var(--light-sea-green)
    }

    [b-50lep1pdgg] .contract-info {
        padding-top: 2.75rem;
        column-gap: 13.1875rem !important;
    }
}
/* /Components/ERegio/Footer.razor.rz.scp.css */
.footer-wrapper[b-4nlg24hy33] {
    width: 100%;
    min-height: 28vh;
    position: relative;
    overflow: hidden;
}

[b-4nlg24hy33] .footer-container {
    row-gap: 6.375rem !important;
    position: relative;
    z-index: 1;
    padding: 5.11125rem 9.46125rem var(--default-padding-left);
}

.footer-link-text[b-4nlg24hy33] {
    font-size: var(--font-size-medium);
}

[b-4nlg24hy33] .footer-first-row {
}

[b-4nlg24hy33] .footer-link-container {
    column-gap: 1.5rem !important;
}

[b-4nlg24hy33] .footer-second-row {
}

[b-4nlg24hy33] .footer-text-container {
    column-gap: 3rem !important;
}

[b-4nlg24hy33] .footer-text-link {
    font-size: var(--font-size-bare);
    font-weight: var(--font-weight-semibold);
    line-height: var(--normal-line-height);
}

.footer-text[b-4nlg24hy33] {
    font-size: var(--font-size-bare);
    font-weight: var(--font-weight-regular);
    line-height: var(--normal-line-height);
    white-space: nowrap;
}

.logo[b-4nlg24hy33] {
    height: 2.9rem;
}

.animation[b-4nlg24hy33] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}

@media (max-width: 768px) {
    .footer-wrapper[b-4nlg24hy33] {
        padding: 0 1.5rem;
        min-height: 41vh;
    }

    [b-4nlg24hy33] .footer-container {
        position: relative;
        row-gap: 3.75rem !important;
        z-index: 1;
        padding: 4rem 0 3.625rem 0;
    }

    [b-4nlg24hy33] .footer-first-row {
        flex-direction: column !important;
        align-items: start !important;
        row-gap: 1rem !important;
    }

    [b-4nlg24hy33] .footer-link-container {
        column-gap: 1.5rem !important;
    }

    .footer-link-text[b-4nlg24hy33] {
        font-size: var(--font-size-extra-small);
    }

    [b-4nlg24hy33] .footer-second-row {
    }

    .logo[b-4nlg24hy33] {
        padding-top: 2.8rem;
        height: unset;
    }

    .animation[b-4nlg24hy33] {
        height: 100%;
    }

    .animation svg[b-4nlg24hy33] {
        height: 100%;
    }
}

@media (max-width: 700px) {
    .footer-wrapper[b-4nlg24hy33] {
        min-height: 60vh;
    }
}

@media (max-width: 600px) {
    .footer-wrapper[b-4nlg24hy33] {
        min-height: 70vh;
    }
}

@media (max-width: 500px) {
    .footer-wrapper[b-4nlg24hy33] {
        min-height: 80vh;
    }
}

/* /Components/ERegio/Header/Header.razor.rz.scp.css */
.header-wrapper[b-j3ohoea0ub] {
    position: fixed;
    display: flex;
    height: 5rem;
    width: 100%;
    background: white;
    backdrop-filter: blur(24px);
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.2);
    border-bottom-right-radius: var(--default-radius);
    border-bottom-left-radius: var(--default-radius);
    z-index: 10;
}

.header-items-container[b-j3ohoea0ub] {
    display: flex;
    align-items: center;
}

.header-icons-container[b-j3ohoea0ub] {
    display: flex;
    column-gap: 3rem;
    padding-right: 9rem;
}

@media (max-width: 768px) {
    [b-j3ohoea0ub] .header-container {
        justify-content: start !important;
        column-gap: 15vw !important;
    }

    .header-icons-container[b-j3ohoea0ub] {
        column-gap: 1.5rem;
        padding-right: 1.25rem;
    }

    [b-j3ohoea0ub] .outline-button::part(control) {
        padding: 0;
    }

}
/* /Components/ERegio/Header/NavBar.razor.rz.scp.css */
.navbar-wrapper[b-touobtgneu] {
    width: 100%;
}

.logo[b-touobtgneu] {
    width: auto;
    max-width: 100%;
    height: 2rem;
    cursor: pointer;
}

[b-touobtgneu] .navbar-container {
    justify-content: normal !important;
    padding-left: var(--default-padding-left);
    column-gap: 4rem !important;
}

[b-touobtgneu] .header-icon {
    height: 1rem;
}

@media (max-width: 768px) {
    .navbar-wrapper[b-touobtgneu] {
        width: fit-content;
    }

    [b-touobtgneu] .navbar-container {
        width: fit-content !important;
        padding-left: 1.5rem !important;
        column-gap: 0 !important;
    }
}
/* /Components/ERegio/HilfeKontakt/Contact.razor.rz.scp.css */
.contact-wrapper[b-z8iqgkq2nc] {
    width: 100%;
}

[b-z8iqgkq2nc] .contact-container {
    row-gap: 2.75rem !important;
}

.options-divider[b-z8iqgkq2nc] {
    width: 100%;
    border: 1.5px dashed var(--light-sea-green)
}

@media (max-width: 768px) {
    .contact-wrapper[b-z8iqgkq2nc] {
        padding: 0 1.5rem;
    }

    .default-title[b-z8iqgkq2nc] {
        font-size: var(--font-size-medium-large);
        line-height: var(--extra-line-height);
    }

    [b-z8iqgkq2nc] .contact-container {
        align-items: center !important;
    }

    .options-divider[b-z8iqgkq2nc] {
        all: unset;
    }
}
/* /Components/ERegio/HilfeKontakt/ContactOption.razor.rz.scp.css */
.contact-option-wrapper[b-zy8sxamtu0] {
    width: 100%;
}

[b-zy8sxamtu0] .contact-options-container {
    row-gap: 2.75rem !important;
}

[b-zy8sxamtu0] .contact-info-container {
    width: fit-content !important;
    column-gap: 2.5rem !important;
}

[b-zy8sxamtu0] .contact-option-text-container {
    row-gap: 1rem !important;
}

.contact-option-title[b-zy8sxamtu0] {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-btn-default);
    line-height: 21px
}

.contact-option-text[b-zy8sxamtu0] {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-medium-extra);
    line-height: var(--extra-line-height);
}

[b-zy8sxamtu0] .contact-button-text-container {
    column-gap: .5rem !important;
}

[b-zy8sxamtu0] .outline-button {
    width: 16.5rem;
}

.contact-icon[b-zy8sxamtu0] {
    width: 8.333vw;
}

@media (max-width: 768px) {
    [b-zy8sxamtu0] .contact-info-wrapper {
        flex-direction: column;
        row-gap: 1.75rem !important;
    }
    
    [b-zy8sxamtu0] .contact-info-container {
        flex-direction: column;
        row-gap: 1.75rem !important;
        width: fit-content !important;
        column-gap: 2.5rem !important;
    }
    
    [b-zy8sxamtu0] .contact-option-text-container {
        align-items: center !important;
        row-gap: .5rem !important;
    }
    
    .contact-icon[b-zy8sxamtu0] {
        width: unset;
    }
    
    [b-zy8sxamtu0] .outline-button {
        width: 100%;
    }
}
/* /Components/ERegio/HilfeKontakt/HilfeQuestion.razor.rz.scp.css */
.hilfequestion-wrapper[b-kbi0u59dqf] {
    position: relative;
    min-height: 75.71vh;
    width: 100%;
    padding: 0 1.5rem;
}

.hilfequestion-wrapper img[b-kbi0u59dqf] {
    border-radius: 12px;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
    filter: brightness(70%);
}

[b-kbi0u59dqf] .hilfequestion-container {
    padding: 7.8125rem 5.5rem 5.5rem 33.875rem;
    row-gap: 4rem !important;
}

.title[b-kbi0u59dqf] {
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: var(--font-size-large-large);
    font-weight: var(--font-weight-semibold);
    line-height: var(--extra-line-height);
}

.title-italic[b-kbi0u59dqf] {
    font-weight: var(--font-weight-light);
    font-style: italic;
}

.hilfequestion-text[b-kbi0u59dqf] {
    color: white;
    font-size: var(--font-size-medium-extra);
    line-height: 120%;
}

[b-kbi0u59dqf] .accept-button {
    width: 9.5625rem;
}

@media (max-width: 768px) {
    .hilfequestion-wrapper img[b-kbi0u59dqf] {
        width: calc(100% - 3rem);
        object-position: 0 40%;
    }

    .title[b-kbi0u59dqf] {
        white-space: nowrap;
        font-size: var(--font-size-medium-extra-large);
    }

    .hilfequestion-text[b-kbi0u59dqf] {
        font-size: var(--font-size-small);
        text-align: center;
    }

    [b-kbi0u59dqf] .hilfequestion-container {
        height: 75.71vh;
        border-radius: 12px;
        background-size: cover;
        padding: 0 1.3125rem 4rem 1.3125rem;
        row-gap: 1.75rem !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }
}
/* /Components/ERegio/HilfeKontakt/SearchBar.razor.rz.scp.css */
.searchbar-wrapper[b-9mxiov03kx] {
    width: 100%;
}

[b-9mxiov03kx] .searchbar-container {
    row-gap: 2.75rem !important;
}

[b-9mxiov03kx] .searchbar-inputs-container {
    column-gap: 1.5rem !important;
}

[b-9mxiov03kx] .default-input {
    width: 50.1875rem
}

[b-9mxiov03kx] .accept-button {
    width: 24.3125rem;
}

@media (max-width: 768px) {
    .searchbar-wrapper[b-9mxiov03kx] {
        padding: 0 1.5rem;
    }
    
    .default-title[b-9mxiov03kx] {
        font-size: var(--font-size-medium-large);
    }

    [b-9mxiov03kx] .searchbar-inputs-container {
        flex-direction: column !important;
        column-gap: 0 !important;
        row-gap: 1.75rem !important;
    }

    [b-9mxiov03kx] .default-input {
        width: 100%;
    }

    [b-9mxiov03kx] .accept-button {
        width: 100%;
    }
}
/* /Components/ERegio/JumpSection.razor.rz.scp.css */
.jump-section-wrapper[b-xl3x3r4io5] {
    width: 100%;
}

[b-xl3x3r4io5] .jump-section-container {
    row-gap: 2.75rem !important;
}

@media (max-width: 768px) {
    .jump-section-wrapper[b-xl3x3r4io5] {
        padding: 0 1.5rem;
    }
    
    .default-title[b-xl3x3r4io5]{
        font-size: var(--font-size-medium-large);
    }

    [b-xl3x3r4io5] .jump-section-container {
        row-gap: 1.75rem !important;
    }

    [b-xl3x3r4io5] .jump-section-scroll {
        width: 85vw;
    }
}
/* /Components/ERegio/Logos.razor.rz.scp.css */
.logos-wrapper[b-kabyp3ev6z] {
    width: 100%;
    padding: 0 1.5rem;
}

[b-kabyp3ev6z] .logos-content {
    row-gap: 3rem !important;
}

.logos-title .highlight[b-kabyp3ev6z] {
    font-weight: var(--font-weight-extra-light);
    font-style: italic;
}

[b-kabyp3ev6z] .logos-icons-container {
    column-gap: 9rem !important;
}

.logos-icon[b-kabyp3ev6z] {
    width: 10.3125vw;
}

@media (max-width: 768px) {
    .default-title[b-kabyp3ev6z] {
        font-size: var(--font-size-medium-large);
    }

    [b-kabyp3ev6z] .logos-content {
        align-items: center !important;
        row-gap: 1.5rem !important;
    }

    .logos-icon[b-kabyp3ev6z] {
        height: 9.24vh;
        width: 40vw;
    }
}
/* /Components/ERegio/MainAccount/EditPersonalisierteAngeboteForm.razor.rz.scp.css */
.edit-personliche-angebote-form-wrapper[b-hho6i8t9t9] {
    width: 100%;
}

[b-hho6i8t9t9] .personliche-angebote-form {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}

[b-hho6i8t9t9] .link-item {
    display: flex;
    flex-direction: row-reverse;
}


[b-hho6i8t9t9] fluent-switch.link-item::part(switch) {
    margin-right: 1rem;
}

[b-hho6i8t9t9] .accept-button {
    width: 15rem;
}

@media (max-width: 768px) {
    [b-hho6i8t9t9] .personliche-angebote-form-buttons {
        column-gap: 1rem !important;
    }
}
/* /Components/ERegio/MainAccount/EditPersonlicheDatenForm.razor.rz.scp.css */
.edit-personliche-daten-form-wrapper[b-pnymiaxfp0] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-pnymiaxfp0] .accept-button {
    width: 15rem;
}


[b-pnymiaxfp0] .personliche-daten-form {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}

[b-pnymiaxfp0] .default-input {
    width: 100%;
}

@media (max-width: 768px) {
    [b-pnymiaxfp0] .personliche-daten-form-buttons{
        column-gap: 1rem !important;
    }
}
/* /Components/ERegio/MainAccount/EinstellungenSection.razor.rz.scp.css */
.einstellungen-section-wrapper[b-6t2434dlho] {
    width: 100%;
}

.title[b-6t2434dlho] {
    font-size: 2rem;
    font-weight: bold;
}

[b-6t2434dlho] fluent-checkbox::part(control) {
    border: #D3D3D3 solid .1rem !important;
    background: #F2F2F2 !important;
}
/* /Components/ERegio/MainAccount/PersonalisierteAngebote.razor.rz.scp.css */
.personalisierte-angebote-wrapper[b-c27opibkjn] {
    width: 100%;
}

[b-c27opibkjn] .personalisierte-angebote-container {
    row-gap: 4.375rem !important;
}

[b-c27opibkjn] .personalisierte-angebote-title-container {
    row-gap: 2.75rem !important;
}

[b-c27opibkjn] .personalisierte-angebote-info-container {
    width: 100%;
}

@media (max-width: 768px) {
    .personalisierte-angebote-wrapper[b-c27opibkjn] {
        padding: 0 1.5rem;
    }

    [b-c27opibkjn] .personalisierte-angebote-container,
    [b-c27opibkjn] .personalisierte-angebote-title-container {
        row-gap: 1.75rem !important;
    }
}
/* /Components/ERegio/MainAccount/PersonlicheDaten.razor.rz.scp.css */
.personlichedaten-wrapper[b-jn7on3igti] {
    width: 100%;
}

[b-jn7on3igti] .details-container {
    row-gap: 4.375rem !important;
}

[b-jn7on3igti] .details-title-container {
    row-gap: 2.75rem !important;
}

@media (max-width: 768px) {
    .personlichedaten-wrapper[b-jn7on3igti] {
        padding: 0 1.5rem;
    }

    [b-jn7on3igti] .details-title-container,
    [b-jn7on3igti] .details-container {
        row-gap: 1.75rem !important;
    }
}
/* /Components/ERegio/MainAccount/Zugangsdaten.razor.rz.scp.css */
.zugansdaten-wrapper[b-ivs0sso7wu] {
    width: 100%;
}

[b-ivs0sso7wu] .zugansdaten-container {
    row-gap: 4.375rem !important;
}

[b-ivs0sso7wu] .zugansdaten-title-container {
    row-gap: 2.75rem !important;
}

[b-ivs0sso7wu] .zugansdaten-info-container {
    width: 100%;
}

@media (max-width: 768px) {
    .zugansdaten-wrapper[b-ivs0sso7wu] {
        padding: 0 1.5rem;
    }

    [b-ivs0sso7wu] .zugansdaten-container,
    [b-ivs0sso7wu] .zugansdaten-title-container {
        row-gap: 1.75rem !important;
    }
}
/* /Components/ERegio/MeterHistory.razor.rz.scp.css */
.meter-history-wrapper[b-3t4h964g74] {
    width: 100%;
}

[b-3t4h964g74] .grid-wrapper {
    width: 100%;
    align-items: normal !important;
    row-gap: 4rem !important;
}

.meter-history-title[b-3t4h964g74] {
    font-size: var(--font-size-large);
    font-weight: var(--font-weight-semibold);
    line-height: var(--extra-line-height);
}

.meter-history-text[b-3t4h964g74] {
    font-size: var(--font-size-medium);
}

[b-3t4h964g74] .meter-history-container {
    row-gap: 2.75rem !important;
}

[b-3t4h964g74] .meter-grid-container {
}

[b-3t4h964g74] .outline-button {
    width: fit-content;
}

@media (max-width: 768px) {
    .meter-history-wrapper[b-3t4h964g74] {
        padding: 0 1.5rem;
    }
}
/* /Components/ERegio/MeterReading.razor.rz.scp.css */
.meter-reading-wrapper[b-mb2152qbsz] {
    width: 100%;
}

[b-mb2152qbsz] .content-wrapper {
    row-gap: 1.5rem !important;
}

[b-mb2152qbsz] .content-alignment-wrapper {
    row-gap: 2.75rem !important;
}

[b-mb2152qbsz] .meter-container {
    row-gap: 1.5rem !important;
}

.meter-text[b-mb2152qbsz] {
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-semibold);
}

.meter-value[b-mb2152qbsz] {
    font-size: var(--font-size-medium-large);
}

[b-mb2152qbsz] .meter-reading-inputs {
    column-gap: 1.5rem !important;
}

[b-mb2152qbsz] .outline-button {
    width: fit-content;
}

@media (max-width: 768px) {
    .meter-reading-wrapper[b-mb2152qbsz] {
        padding: 0 1.5rem;
    }

    .default-title[b-mb2152qbsz] {
        font-size: var(--font-size-medium-large);
    }

    [b-mb2152qbsz] .default-input {
        width: 100%;
    }

    [b-mb2152qbsz] .content-wrapper {
        row-gap: 1.75rem !important;
    }

    [b-mb2152qbsz] .content-alignment-wrapper {
        row-gap: 1.75rem !important;
    }

    [b-mb2152qbsz] .meter-container {
        row-gap: .5rem !important;
    }

    [b-mb2152qbsz] .meter-reading-inputs {
        flex-direction: column !important;
        column-gap: 1.5rem !important;
    }

    [b-mb2152qbsz] .outline-button {
        width: 100%;
    }

    .meter-reading-wrapper[b-mb2152qbsz]  .ERegio.link-item {
        column-gap: 0;
    }
}
/* /Components/ERegio/NachrichtenDocuments.razor.rz.scp.css */
.nachrichten-wrapper[b-sde7wi54h3] {
    width: 100%;
}

[b-sde7wi54h3] .nachrichten-filters-container {
    column-gap: 1.5rem !important;
}

[b-sde7wi54h3] .default-input {
    width: 33rem
}

@media (max-width: 768px) {
    .nachrichten-wrapper[b-sde7wi54h3] {
        padding: 0 1.5rem;
    }
    
    .default-title[b-sde7wi54h3]{
        font-size: var(--font-size-medium-large);
    }

    [b-sde7wi54h3] .nachrichten-filters-container {
        flex-direction: column !important;
        row-gap: 1.75rem !important;
    }

    [b-sde7wi54h3] .default-input {
        width: 100%
    }
}
/* /Components/ERegio/RechungZahlung/AbschlagAnpassen.razor.rz.scp.css */
.abschlag-wrapper[b-zxdibzjazc] {
    width: 100%;
}

[b-zxdibzjazc] .abschlag-container {
    row-gap: 1.5rem !important;
    padding: 4rem 3.09375rem 4rem 2.78125rem;
    background: var(--light-beige);
    border-radius: 12px
}

.abschlag-title[b-zxdibzjazc] {
    width: 40vw;
    font-size: var(--font-size-medium-extra);
    font-weight: var(--font-weight-semibold);
    line-height: var(--extra-line-height);
}

[b-zxdibzjazc] .abschlag-inputs {
    column-gap: 1.5625rem !important;
    --neutral-foreground-rest: var(--sea-green);
    --neutral-fill-secondary-rest: var(--white-75);
}

[b-zxdibzjazc] .accept-button {
    width: 18.375rem;
}

@media (max-width: 768px) {
    .abschlag-wrapper[b-zxdibzjazc] {
        padding: 0 1.5rem;
    }

    [b-zxdibzjazc] .abschlag-container {
        padding: 4rem 1rem;
    }

    .column-flex[b-zxdibzjazc] {
        width: 100%;
    }

    [b-zxdibzjazc] .default-input {
        width: 100%;
    }

    .abschlag-title[b-zxdibzjazc] {
        width: 100%;
        text-align: center;
        font-size: var(--font-size-medium-large);
    }

    [b-zxdibzjazc] .abschlag-inputs {
        flex-direction: column !important;
        row-gap: .75rem !important;
    }

    [b-zxdibzjazc] .accept-button {
        width: 100%;
    }
}
/* /Components/ERegio/RechungZahlung/Abschlage.razor.rz.scp.css */
.abschlage-wrapper[b-0g3a69xrbo] {
    width: 100%;
}

@media (max-width: 768px) {
    .abschlage-wrapper[b-0g3a69xrbo] {
        padding: 0 1.5rem;
    }
}
/* /Components/ERegio/RechungZahlung/Rechnungen.razor.rz.scp.css */
.rechungen-wrapper[b-pn58sxl8cu] {
    width: 100%;
}

[b-pn58sxl8cu] .download-button {
    all: unset;
    cursor: pointer;
}

[b-pn58sxl8cu] .download-content {
    display: inline-flex;
    align-items: center;
    gap: 0.3em;
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 768px) {
    .rechungen-wrapper[b-pn58sxl8cu] {
        padding: 0 1.5rem;
    }
}
/* /Components/ERegio/Umzug/UmzugMeldenForm.razor.rz.scp.css */
.umzug-melden-form-wrapper[b-c7qcguoqjl] {
    width: 100%;
}

[b-c7qcguoqjl] .umzug-melden-form-container {
    row-gap: 1rem !important;
}

[b-c7qcguoqjl] .umzug-melden-form {
    display: flex;
    flex-direction: column;
    row-gap: 1rem !important;
}

[b-c7qcguoqjl] .checkbox-grid-item {
    display: flex;
    column-gap: 1rem;
    align-items: center;
}

[b-c7qcguoqjl] .default-input {
    width: 100%;
}

[b-c7qcguoqjl] .accept-button {
    width: 20%;
}

@media (max-width: 768px) {
    .umzug-melden-form-wrapper[b-c7qcguoqjl] {
        padding: 0 1.5rem;
    }

    [b-c7qcguoqjl] .accept-button {
        width: 100%;
    }

    .default-title[b-c7qcguoqjl] {
        font-size: var(--font-size-medium-large);
    }
}
/* /Components/ERegio/Vertragsdaten/EditPaymentDetailsForm.razor.rz.scp.css */
.edit-payment-details-form-wrapper[b-zcyf6jn0xo] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-zcyf6jn0xo] fluent-text-field {
    width: 100%
}

[b-zcyf6jn0xo] .accept-button {
    width: 50%
}

[b-zcyf6jn0xo] .fluent-input-label {
    padding-top: 1rem;
}

fluent-option[b-zcyf6jn0xo] {
    font-size: 1rem !important;
}

[b-zcyf6jn0xo] .button-container {
    justify-content: space-between !important;
    padding-top: 1.5rem;
}

@media (max-width: 768px) {
    .payment-details-inputs[b-zcyf6jn0xo] {
        row-gap: 1.75rem !important;
    }
}
/* /Components/ERegio/Vertragsdaten/PaymentDetails.razor.rz.scp.css */
.paymentdetails-wrapper[b-ygmytygo58] {
    width: 100%;
}

[b-ygmytygo58] .details-container {
    row-gap: 2.75rem !important;
}

[b-ygmytygo58] .default-input {
    width: 41.5625rem
}

@media (max-width: 768px) {
    .paymentdetails-wrapper[b-ygmytygo58] {
        padding: 0 1.5rem;
    }

    [b-ygmytygo58] .default-input {
        width: 100%
    }
}
/* /Components/ERegio/Vertragsdaten/VertragsdatenOptions.razor.rz.scp.css */
.options-wrapper[b-buamobn13y] {
    width: 100%;
}

[b-buamobn13y] .options-container {
    row-gap: 2.75rem !important;
}

[b-buamobn13y] .links-container {
    column-gap: 1.5rem !important;
}

@media (max-width: 768px) {
    .options-wrapper[b-buamobn13y] {
        padding: 0 1.5rem;
    }

    .default-title[b-buamobn13y]{
        font-size: var(--font-size-medium-large);
    }
}
/* /Components/ERegio/Vertragsdaten/VertragsdatenProfile.razor.rz.scp.css */
.vertragsdaten-profile-wrapper[b-5g04ytpc8i] {
    width: 100%;
}

.vertrag-title[b-5g04ytpc8i] {
    font-weight: var(--font-weight-semibold);
}

[b-5g04ytpc8i] .vertragsdaten-profile-container {
    row-gap: 3.5rem !important;
}

[b-5g04ytpc8i] .vertragsdaten-positions-container {
    row-gap: 6.375rem !important;
}

[b-5g04ytpc8i] .vertragsdaten-position-container {
    row-gap: 2.5rem !important;
}

[b-5g04ytpc8i] .text-item-wrapper {
    width: 100%;
}

[b-5g04ytpc8i] .accept-button {
    width: 15.75rem;
}

@media (max-width: 768px) {
    .vertragsdaten-profile-wrapper[b-5g04ytpc8i] {
        padding: 0 1.5rem;
    }

    .default-title[b-5g04ytpc8i] {
        font-size: var(--font-size-medium-large);
    }

    [b-5g04ytpc8i] .vertragsdaten-positions-container {
        row-gap: 1.75rem !important;
    }

    [b-5g04ytpc8i] .vertragsdaten-profile-container,
    [b-5g04ytpc8i] .vertragsdaten-position-container {
        row-gap: 1.5rem !important;
    }

    [b-5g04ytpc8i] .accept-button {
        width: 100%;
    }

    [b-5g04ytpc8i] fluent-accordion-item {
        width: 100%;
        border: none;
    }

    [b-5g04ytpc8i] fluent-accordion-item::part(heading) {
        border: none;
    }

    [b-5g04ytpc8i] fluent-accordion-item::part(region) {
        border: none;
        padding: 0;
    }

    [b-5g04ytpc8i] fluent-accordion-item::part(heading-content) {
        font-size: var(--font-size-medium);
        font-weight: var(--font-weight-semibold);
        line-height: var(--extra-line-height);
    }

    .options-divider[b-5g04ytpc8i] {
        width: 100%;
        border: 1.5px dashed var(--light-sea-green)
    }

    .options-divider:last-child[b-5g04ytpc8i] {
        display: none;
    }

}
/* /Components/Logo/Common/Carousel.razor.rz.scp.css */
.carousel-wrapper[b-n3358v1lng] {
    width: 100%;
}

[b-n3358v1lng] .carousel-scroll {
    max-width: 82rem;
}

[b-n3358v1lng] .carousel-card {
    text-align: left;
    width: 27rem;
    height: 35rem;
    box-shadow: none;
    border: none;
}

.card-image[b-n3358v1lng] {
    width: 100%;
    height: 180px;
    object-fit: cover;
    -webkit-clip-path: url(#shape_2);
    clip-path: url(#shape_2); /* for non-webkit browsers */
}

.headline[b-n3358v1lng] {
    margin-bottom: 3rem;
}

.headline.tight[b-n3358v1lng] {
    margin-bottom: 0.5rem;
}

.card-text[b-n3358v1lng] {
    font-size: 1rem;
    color: #333;
}

.learn-more[b-n3358v1lng] {
    display: inline-block;
    margin-top: .7rem;
    font-size: 0.9rem;
    text-decoration: underline;
    color: #333;
    cursor: pointer;
}

.pagination-dots[b-n3358v1lng] {
    margin-top: 1rem;
}

.dot[b-n3358v1lng] {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 50%;
    margin: 0 4px;
}

.dot.active[b-n3358v1lng] {
    background-color: orange;
}

@media (max-width: 1500px) {
    [b-n3358v1lng] .carousel-scroll {
        max-width: 55rem;
    }

    [b-n3358v1lng] .carousel-card {
        height: 35rem;
    }
}

@media (max-width: 768px) {
    [b-n3358v1lng] .carousel-scroll {
        max-width: 26rem;
    }

    [b-n3358v1lng] .carousel-card {
        height: 45rem;
    }
}

@media (pointer: coarse) {
    [b-n3358v1lng] .carousel-scroll {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        display: flex;
        scroll-behavior: smooth;
        scrollbar-width: none; /* Firefox */
    }

    /* Zugriff auf die scrollbare Fläche im Shadow DOM */
    fluent-horizontal-scroll[b-n3358v1lng]::part(scroll-view) {
        scroll-snap-type: x mandatory;
        scroll-padding-inline: 16px;
        -webkit-overflow-scrolling: touch;
    }

    /* Die Karten selbst */
    .carousel-card[b-n3358v1lng] {
        scroll-snap-align: start;
        flex: 0 0 auto;
        width: 300px;
        margin-right: 16px;
    }


    [b-n3358v1lng] .carousel-scroll::-webkit-scrollbar {
        display: none; /* Chrome, Safari */
    }
}
/* /Components/Logo/Common/FloatingButtons.razor.rz.scp.css */
.floating-button-container[b-6tniferb2h] {
    position: fixed;
    top: 20rem;
    right: 1%;
    display: flex;
    flex-direction: column;
    z-index: 2;
}

.floating-action-button[b-6tniferb2h] {
    height: 4rem;
    padding: .5rem;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;

    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;

    color: white;

    transition: all 0.2s ease-in-out;
}

.floating-action-button:hover[b-6tniferb2h] {
    filter: grayscale(70%) brightness(0.5);
}

@media (min-width: 1440px) {
    .floating-button-container[b-6tniferb2h] {
        right: 3%;
    }
}

@media (max-width: 1078px ) {
    .floating-button-container[b-6tniferb2h] {
        top: 25rem;
    }
}

@media (max-width: 768px) {
    .floating-button-container[b-6tniferb2h] {
        display: none;
    }
}
/* /Components/Logo/Common/MeistFragen.razor.rz.scp.css */
.faq-wrapper[b-74ta2fl5qc] {
    width: 100%;
    padding: calc(var(--design-unit) * 5px);
}

[b-74ta2fl5qc] fluent-accordion-item [slot="heading"] {
    font-weight: bold;
    font-size: 1rem;
}

.info-text[b-74ta2fl5qc] {
    font-size: 1rem;
}

[b-74ta2fl5qc] fluent-accordion-item.accordion-header {
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0;
}

.faq-title[b-74ta2fl5qc] {
    font-size: 1.5rem;
    color: #FFAB00;
    font-weight: bold;
    margin-bottom: 1rem;
}

.faq-question[b-74ta2fl5qc] {
    font-weight: bold;
}

.faq-button-container[b-74ta2fl5qc] {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.faq-button[b-74ta2fl5qc] {
    background-color: orange;
    color: white;
    border-radius: 9999px;
    padding: 0.75rem 2rem;
    font-weight: bold;
    font-size: 1rem;
}

[b-74ta2fl5qc] .accept-button {
    display: flex;
    margin: 1rem auto;
    width: 20%;
}

[b-74ta2fl5qc] .accept-button-text {
    font-weight: 700;
}
/* /Components/Logo/Common/NavBar.razor.rz.scp.css */
.navbar-wrapper[b-u185udktzm] {
    width: 100%;
}


[b-u185udktzm] .navbarbg {
    column-gap: 8% !important;
    min-height: 2rem;
    box-shadow: 0px 0px 8px 0px rgba(242, 242, 242, 1);
    background-color: rgba(242, 242, 242, 1);
    border-radius: 1000px;
    font-size: 1rem;
}

@media (max-width: 768px) {
    .navbar-wrapper[b-u185udktzm] {
        display: none;
    }
}
/* /Components/Logo/Common/SiteLink.razor.rz.scp.css */
@media (max-width: 768px) {
    .site-link-wrapper[b-ha11i7gsbk] {
        flex-basis: 50% !important;
        margin-bottom: 0; /* Controlled by grid row-gap now */
    }

    [b-ha11i7gsbk] .site-link-container {
        flex-direction: column;
        align-items: center !important;
    }

    .site-link-item[b-ha11i7gsbk] {
        max-height: 8rem;
        flex-direction: column;
        justify-content: center;
    }
}

.site-link-wrapper[b-ha11i7gsbk] {
    width: 100%;
    flex-basis: 25%; /* 4 per row on desktop */
    display: flex;
    justify-content: center;
}

.site-link-text[b-ha11i7gsbk] {
    color: inherit;

    font-weight: 700;
    font-size: 1.2rem;
    line-height: 100%;
    letter-spacing: 0px;
    width: 50%;
}

.site-link-item[b-ha11i7gsbk] {
    display: flex;
    align-items: center;
}
/* /Components/Logo/ContractPositionInfo.razor.rz.scp.css */
[b-3tq4ryn5wq] .contract-container {
    border-top: 1px rgba(211, 211, 211, 1) solid;
    border-bottom: 1px rgba(211, 211, 211, 1) solid;
    padding-top: 2rem;
    padding-bottom: 1.8rem
}

.contract-text[b-3tq4ryn5wq] {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 100%;
    letter-spacing: 0px;
    margin-bottom: 3.5rem;
}

.contact-wrapper[b-3tq4ryn5wq] {
    width: 100%;
}

@media (max-width: 768px) {
    [b-3tq4ryn5wq] .contract-container {
        padding-top: 1rem;
        padding-bottom: .9rem;
        align-items: center !important;
        justify-content: center !important;
    }

    [b-3tq4ryn5wq] .contract-info {
        display: grid;
        grid-template-columns: auto auto; /* 2 columns */
        grid-template-rows: auto auto auto; /* 3 rows */
        gap: 1.5rem !important; /* space between items */
        justify-content: center !important;
        align-items: center !important;
        width: initial !important;
    }

    .contract-text[b-3tq4ryn5wq] {
        font-size: 1rem;
    }
}
/* /Components/Logo/Footer.razor.rz.scp.css */
a[b-bar8ng6850] {
    text-decoration: none;
    color: black;
    cursor: pointer;
}

a:hover[b-bar8ng6850] {
    color: #004499 !important;
}

.icon-image[b-bar8ng6850] {
    border: none; /* Removes the default border on linked images */
    vertical-align: middle; /* Helps align the icon with text if needed */
    transition: opacity 0.3s;
}

.icon-image:hover[b-bar8ng6850] {
    opacity: 0.7; /* A simple hover effect */
}

.non-stack-item[b-bar8ng6850] {
    display: inherit;
}

.mobile-stack[b-bar8ng6850] {
    display: none;
}

@media (max-width: 360px) {
    .mobile-stack[b-bar8ng6850] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .non-stack-item[b-bar8ng6850] {
        display: none;
    }
}
/* /Components/Logo/Header/Header.razor.rz.scp.css */
[b-9zzxcr3fda] .header-container {
    justify-content: start;
    align-items: center;
    column-gap: 5.54rem 72.02px !important;
    row-gap: 10px;
    width: 100% !important;
}

.header-logo[b-9zzxcr3fda] {
    width: auto;
    max-width: 100%;
    height: 5.5rem;
    margin: 0.5rem auto 0.25rem 0.5rem;
    padding-top: 15px;
    padding-bottom: 15px;
}

.input-wrapper[b-9zzxcr3fda] {
    position: relative;
    width: 250px;
    height: 32px;
    overflow: hidden;
}

.input-slider[b-9zzxcr3fda] {
    position: absolute;
    width: 100%;

    transform: translateX(100%);
    transition: transform 0.4s ease-in-out;
}

.input-slider.show[b-9zzxcr3fda] {
    transform: translateX(0);
}

.search-button[b-9zzxcr3fda] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    line-height: 0;
    margin-right: 1.5rem;
}

.search-bar-icon[b-9zzxcr3fda] {
    fill: black;
    transition: fill 0.2s ease-in-out;
}

.search-button:hover .search-bar-icon[b-9zzxcr3fda],
.search-button.search-active .search-bar-icon[b-9zzxcr3fda] {
    fill: rgba(255, 114, 0, 1);
}

@media (max-width: 768px) {
    [b-9zzxcr3fda] .header-item {
        display: none !important;
    }

    .header-logo[b-9zzxcr3fda] {
        height: 7.5rem;
        margin: 0.5rem auto 0.25rem 1rem;
    }
}

.header-container[b-9zzxcr3fda] {
    justify-content: start;
    align-items: center;
    column-gap: 5.54rem 72.02px !important;
    row-gap: 10px;
    width: 100% !important;
}

.headerleft-padding[b-9zzxcr3fda] {
    padding-top: 3rem
}
/* /Components/Logo/Header/MobileHeader.razor.rz.scp.css */
.mobile-header-wrapper[b-a0gmhins5e] {
    z-index: 2;
}

.mobile-contract-selection-wrapper[b-a0gmhins5e] {
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-a0gmhins5e] .mobile-header-container {
    justify-content: space-evenly !important;
    box-shadow: 0 -4px 8px 0 rgba(211, 211, 211, 1);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 2;
    background-color: #FFFFFF;
}

[b-a0gmhins5e] .header-positions-height {
    height: 14%;
    padding-bottom: 1rem;
}

[b-a0gmhins5e] .header-regular-height {
    height: 7%;
}

[b-a0gmhins5e] .mobile-navigation-container {
    justify-content: space-evenly !important;
}

[b-a0gmhins5e] .mobile-contract-navigation {
    padding: 1.3rem;
}

.mobile-contracts-navigation-wrapper[b-a0gmhins5e] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #FFFFFF;
}


[b-a0gmhins5e] .overlay-button {
    width: fit-content !important;
    padding-right: 1rem !important;
    min-height: 3rem;
    outline: none;
    border: none;
    background: transparent none;
    cursor: pointer;
    border-radius: 100rem;
    transition: background-color 0.3s ease;
}

[b-a0gmhins5e] .overlay-button:hover {
    background-color: #FFAB00;
}

[b-a0gmhins5e] .active {
    background-color: #FFAB00;
}

[b-a0gmhins5e] .accept-button {
    width: 13.267rem;
    border-radius: 50rem;
    min-height: 4rem;
}

[b-a0gmhins5e] fluent-button::part(control) {
    padding: 0;
}

.vertrag-title[b-a0gmhins5e] {
    font-size: 1.8rem;
    color: #000000;
    line-height: 110.00000000000001%;
    letter-spacing: 0px;
}

.vertrag-item[b-a0gmhins5e] {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 4px 0;
    padding: 8px;
    border-radius: 8px;
    text-align: left;
}

.vertrag-item.selected[b-a0gmhins5e] {
    background-color: #ffb700;
    color: #000000;
}

.vertrag-item .vertrag-details[b-a0gmhins5e] {
    margin-left: 8px;
    display: flex;
    flex-direction: column;
}

.vertrag-number[b-a0gmhins5e] {
    font-weight: 550;
    font-size: 1.1rem;
    display: flex;
}

.vertrag-address[b-a0gmhins5e] {
    font-size: 1rem;
    font-weight: 500;
    color: black;
}

.vertrag-add[b-a0gmhins5e] {
    width: 100%;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon[b-a0gmhins5e] {
    padding-left: 1rem;
    width: 20%;
    height: 70%;
}

@media (min-width: 768px) {
    .mobile-header-wrapper[b-a0gmhins5e] {
        display: none;
    }
}
/* /Components/Logo/HilfeKontakt/Contact.razor.rz.scp.css */
.contact-wrapper[b-s9o8yotf16] {
    text-align: center;
    width: 100%;
    padding-top: 3rem;
}

MarkupDescription[b-s9o8yotf16], Description[b-s9o8yotf16] {
    font-size: 1rem;
}

[b-s9o8yotf16] .contact-options-container {
    justify-content: space-evenly !important;
}

@media (max-width: 568px) {
    [b-s9o8yotf16] .contact-options-container {
        flex-direction: column !important;
        row-gap: 3rem !important;
    }
}
/* /Components/Logo/HilfeKontakt/ContactOption.razor.rz.scp.css */
.contact-option-wrapper[b-dtwsj3cn6l] {
    width: 100%;
    max-height: 30rem;
    min-height: 17rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-dtwsj3cn6l] .contact-button {
    width: 50% !important;
    margin-top: auto;
}

[b-dtwsj3cn6l] .accept-button-text {
    font-weight: 700;
}

@media (min-width: 1700px) {
    .contact-option-wrapper[b-dtwsj3cn6l] {
        min-height: 13.5rem;
    }
}

@media (max-width: 568px) {
    [b-dtwsj3cn6l] .contact-button {
        margin-top: 1rem;
    }
}

@media (max-width: 382px) {
    [b-dtwsj3cn6l] .contact-button {
        width: auto !important;
    }
}
/* /Components/Logo/HilfeKontakt/HilfeQuestion.razor.rz.scp.css */
.hilfequestion-text[b-y6jf4bcbt4] {
    color: inherit;
    font-weight: 425;
    line-height: 100%;
    letter-spacing: 0px;
}

.hilfequestion-wrapper[b-y6jf4bcbt4] {
    width: 100%;
}

.faq-img[b-y6jf4bcbt4] {
    height: 23.5rem;
}

[b-y6jf4bcbt4] .accept-button {
    width: 30% !important;
}

[b-y6jf4bcbt4] .accept-button-text {
    font-family: "filson-pro";
    font-weight: 700;
}

[b-y6jf4bcbt4] .hilfequestion-container {
    column-gap: 5rem !important;
    align-items: center !important;
}

@media (max-width: 768px) {
    .hilfequestion-text[b-y6jf4bcbt4] {
        padding: .4rem 0;
    }
}

@media (max-width: 568px) {
    .faq-img[b-y6jf4bcbt4] {
        height: 18.5rem;
    }
}

@media (max-width: 468px) {
    .faq-img[b-y6jf4bcbt4] {
        height: 15.5rem;
    }
}
/* /Components/Logo/HilfeKontakt/SearchBar.razor.rz.scp.css */
.searchbar-wrapper[b-cxmhs7fd4m] {
    width: 90%;
    padding: 1.5rem 0;
}

.search-button-icon[b-cxmhs7fd4m] {
    padding-bottom: .2rem;
    filter: brightness(0);
}

[b-cxmhs7fd4m] .searchbar-container {
    width: 100%;
    border-radius: 1000px;
}

[b-cxmhs7fd4m] .searchbar-stack {
    justify-content: space-between !important;
    column-gap: 1.5rem !important;
}

[b-cxmhs7fd4m] .search-bar-field {
    height: 3.2rem !important;
    width: 85% !important;
}

[b-cxmhs7fd4m] .accept-button {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

[b-cxmhs7fd4m] .accept-button-text {
    font-family: "filson-pro";
    font-weight: 700;
}

[b-cxmhs7fd4m] fluent-text-field::part(root) {
    height: 3.2rem !important;
}

@media (max-width: 768px) {
    [b-cxmhs7fd4m] .accept-button {
        width: 30%;
    }
}

@media (max-width: 568px) {
    [b-cxmhs7fd4m] .accept-button {
        width: 40%;
    }
}

.searchbar-stack-vertical[b-cxmhs7fd4m] {
    gap: 4px;
}

.searchbar-stack-horizontal[b-cxmhs7fd4m] {
    align-items: center;
    gap: 8px;
}

.validation-message[b-cxmhs7fd4m] {
    color: red;
    font-size: 0.875rem;
}
/* /Components/Logo/JumpSection.razor.rz.scp.css */
@media (max-width: 768px) {
    [b-6qatwmg4gt] .jump-section-container {
        align-items: center !important;
        column-gap: 0 !important;
        row-gap: 2rem !important;
    }

    /* Mobile layout: 2 columns with 4 items each */
    [b-6qatwmg4gt] .jump-section {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* two columns */
        justify-items: center;
        row-gap: 2.5rem;
        column-gap: 1rem;
    }
}

.jump-section-title[b-6qatwmg4gt] {
    font-weight: 700;
    font-size: 2.3rem;
    line-height: 100%;
    letter-spacing: 0;
    margin-bottom: 1rem;
}

.jump-section-wrapper[b-6qatwmg4gt] {
    width: 100%;
}

/* Desktop layout: 4 items per row (2 rows total) */
[b-6qatwmg4gt] .jump-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* center the entire block */
    row-gap: 2rem !important;
    column-gap: 0 !important;
}

[b-6qatwmg4gt] .jump-section-container {
    padding-top: 2rem;
    padding-bottom: 1.8rem;
}
/* /Components/Logo/MainAccount/EditPersonalisierteAngeboteForm.razor.rz.scp.css */
[b-4jhnec0v4d] .link-item {
    flex-direction: row-reverse;
    column-gap: .6rem;
}

[b-4jhnec0v4d] .accept-button-text {
    font-family: "filson-pro";
    font-weight: 700;
}
/* /Components/Logo/MainAccount/EditPersonlicheDatenForm.razor.rz.scp.css */
.edit-personliche-daten-form-wrapper[b-a4ucnz46j5] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-a4ucnz46j5] fluent-text-field {
    width: 100%
}

[b-a4ucnz46j5] .accept-button {
    width: 50%
}

[b-a4ucnz46j5] .accept-button-text {
    font-family: "filson-pro";
    font-weight: 700;
}

[b-a4ucnz46j5] .fluent-input-label {
    padding-top: 1rem;
    position: relative;
    width: 100%;
}
/* /Components/Logo/MainAccount/Einstellungen.razor.rz.scp.css */
.einstellungen-wrapper[b-h0t4988pw5] {
    width: 100%;
}

[b-h0t4988pw5] .sections-wrapper {
    row-gap: 2rem !important;
}

[b-h0t4988pw5] .einstellungen-container {
    border-radius: 1.5rem;
    border: 1px rgba(242, 242, 242, 1) solid;
    padding-top: 2rem;
    padding-bottom: 1.8rem;
    box-shadow: 0 0 .5rem 0 rgba(211, 211, 211, 1);
}
/* /Components/Logo/MainAccount/EinstellungenSection.razor.rz.scp.css */
.einstellungen-section-wrapper[b-tptf9au9mf] {
    width: 100%;
}

.title[b-tptf9au9mf] {
    font-size: 2rem;
    font-weight: bold;
}

[b-tptf9au9mf] fluent-checkbox::part(control) {
    border: #D3D3D3 solid .1rem !important;
    background: #F2F2F2 !important;
}
/* /Components/Logo/MainAccount/PersonalisierteAngebote.razor.rz.scp.css */
.personalisierte-angebote-wrapper[b-488vl7525r] {
    width: 100%;
}

[b-488vl7525r] .contact-items-container {
    padding-top: 1rem;
    padding-bottom: 3rem;
    row-gap: 1.2rem !important;
}


[b-488vl7525r] .personalisierte-angebote-container {
    border-radius: 1.5rem;
    border: 1px rgba(242, 242, 242, 1) solid;
    padding-top: 2rem;
    padding-bottom: 1.8rem;
    box-shadow: 0rem 0rem .5rem 0rem rgba(211, 211, 211, 1);
}
/* /Components/Logo/MainAccount/PersonlicheDaten.razor.rz.scp.css */
.personlichedaten-wrapper[b-3r7zbj7ubw] {
    width: 100%;
}

[b-3r7zbj7ubw] .name-container {
    column-gap: 3rem !important;
}

[b-3r7zbj7ubw] .personlichedaten-container {
    border-radius: 1.5rem;
    border: 1px rgba(242, 242, 242, 1) solid;
    padding-top: 2rem;
    padding-bottom: 1.8rem;
    box-shadow: 0rem 0rem .5rem 0rem rgba(211, 211, 211, 1);
}
/* /Components/Logo/MainAccount/Zugangsdaten.razor.rz.scp.css */
.zugansdaten-wrapper[b-q1inv3889f] {
    width: 100%;
}

[b-q1inv3889f] .zugansdaten-container {
    border-radius: 1.5rem;
    border: 1px rgba(242, 242, 242, 1) solid;
    padding-top: 2rem;
    padding-bottom: 1.8rem;
    box-shadow: 0rem 0rem .5rem 0rem rgba(211, 211, 211, 1);
}
/* /Components/Logo/MeterHistory.razor.rz.scp.css */
.meter-history-wrapper[b-akqcb1pkas] {
    width: 100%;
}

.meter-history-subtitle[b-akqcb1pkas] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #FFAB00;
}

.meter-history-text[b-akqcb1pkas] {
    font-size: 1.1rem;
    font-weight: 425;
    line-height: 150%;
}

.meter-history-title[b-akqcb1pkas] {
    font-size: 1.8rem;
    font-weight: 700;
}

[b-akqcb1pkas] .meter-history-container {
    border-radius: 1.5rem;
    border: 1px rgba(242, 242, 242, 1) solid;
    padding-top: 2rem;
    padding-bottom: 1.8rem;
    box-shadow: 0 0 .5rem 0 rgba(211, 211, 211, 1);
}
/* /Components/Logo/MeterReading.razor.rz.scp.css */
[b-jbani4nnfu] .content-alignment-wrapper {
    width: 100%;
}

.meter-reading-title[b-jbani4nnfu] {
}

.meter-reading-wrapper[b-jbani4nnfu] {
    width: 100%;
}

[b-jbani4nnfu] .meter-reading-inputs {
    column-gap: 7rem !important;
    width: 100% !important;
}

[b-jbani4nnfu] .meter-reading-datepicker {
    width: 100%;
}

[b-jbani4nnfu] .meter-reading-numeric-input {
    width: 100%;
}

[b-jbani4nnfu] .meter-reading-container {
    border-radius: 1.5rem;
    border: 1px rgba(242, 242, 242, 1) solid;
    box-shadow: 0 0 .5rem 0 rgba(211, 211, 211, 1);
    padding: calc(var(--design-unit) * 5px);
}

[b-jbani4nnfu] .meter-reading-button {
    width: 20%;
    height: 3rem;
    outline: none;
    border: none;
    background-color: #FF7200;
    padding: unset;
    cursor: pointer;
    border-radius: 1.5rem;
    margin-left: 61%;
}

.meter-reading-numeric-input-wrapper[b-jbani4nnfu] {
    width: 40%;
}

.meter-reading-datepicker-wrapper[b-jbani4nnfu] {
    width: 40%;
}

[b-jbani4nnfu] .accept-button-text {
    font-family: "filson-pro";
    font-weight: 700;
}

[b-jbani4nnfu] .fluent-input-label {
    color: inherit;
    font-weight: 425;
    line-height: 100%;
    font-size: 1rem;
    letter-spacing: 0px;
    position: relative;
    width: 100%;
}

.meter-text[b-jbani4nnfu] {
    font-size: 1.1rem;
    font-weight: 425;
    line-height: 150%;
}

@media (max-width: 768px) {
    [b-jbani4nnfu] .content-alignment-wrapper {
        width: 80%;
    }

    [b-jbani4nnfu] .meter-reading-inputs {
        flex-direction: column;
        padding: 0 .5rem 0 .5rem;
        row-gap: 2rem !important;
        width: 100%;
    }

    [b-jbani4nnfu] .meter-reading-button {
        width: 40%;
        margin-left: 0;
    }

    .meter-reading-numeric-input-wrapper[b-jbani4nnfu] {
        display: flex;
        flex-direction: column;
        row-gap: .3rem;
        width: 100%;
    }

    .meter-reading-datepicker-wrapper[b-jbani4nnfu] {
        display: flex;
        flex-direction: column;
        row-gap: .3rem;
        width: 100%;
    }
}
/* /Components/Logo/RechungZahlung/AbschlagAnpassen.razor.rz.scp.css */
.abschlag-title[b-0y33mdmd2u] {
    color: inherit;
    font-weight: 700;
    line-height: 100%;
    font-size: 1.8rem;
    letter-spacing: 0px;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
}

[b-0y33mdmd2u] .content-alignment-wrapper {
    width: 100%;
}

.abschlag-wrapper[b-0y33mdmd2u] {
    width: 100%;
    padding-top: 2rem;
}

[b-0y33mdmd2u] .abschlag-inputs {
    justify-content: start !important;
    column-gap: 4rem !important;
    padding-left: 1rem;
    width: 100%;
}

[b-0y33mdmd2u] .abschlag-datepicker {
    width: 100%;
    border-radius: 1.6rem;
}

[b-0y33mdmd2u] .abschlag-numeric-input {
    width: 100%;
    border-radius: 1.6rem;
}

[b-0y33mdmd2u] .abschlag-button {
    width: 20%;
    height: 3rem;
    outline: none;
    border: none;
    background-color: #FF7200;
    padding: unset;
    cursor: pointer;
    border-radius: 1.5rem;
    margin-left: 66%;
}

[b-0y33mdmd2u] .accept-button-text {
    font-family: "filson-pro";
    font-weight: 700;
}

.abschlag-numeric-input-wrapper[b-0y33mdmd2u] {
    width: 40%;
}

.abschlag-datepicker-wrapper[b-0y33mdmd2u] {
    width: 40%;
}

[b-0y33mdmd2u] .fluent-input-label {
    color: inherit;
    font-weight: 425;
    line-height: 100%;
    font-size: 1rem;
    letter-spacing: 0px;
}

@media (max-width: 768px) {

    .abschlag-wrapper[b-0y33mdmd2u] {
        margin-top: 2.5rem;
    }

    [b-0y33mdmd2u] .content-alignment-wrapper {
        width: 80%;
    }

    [b-0y33mdmd2u] .abschlag-inputs {
        flex-direction: column;
        row-gap: 1rem;
        width: 100%;
    }

    .abschlag-title[b-0y33mdmd2u] {
        padding-left: 0;
    }

    [b-0y33mdmd2u] .abschlag-button {
        width: 40%;
        margin-left: 0;
    }

    .abschlag-numeric-input-wrapper[b-0y33mdmd2u] {
        width: 100%;
    }

    .abschlag-datepicker-wrapper[b-0y33mdmd2u] {
        width: 100%;
        margin-bottom: 1.2rem;
    }
}
/* /Components/Logo/RechungZahlung/Abschlage.razor.rz.scp.css */
.abschlage-wrapper[b-pjszfo7c0f] {
    width: 100%;
}

[b-pjszfo7c0f] .abschlage-wrapper-container {
    border-radius: 1.5rem;
    border: 1px rgba(242, 242, 242, 1) solid;
    padding-top: 2rem;
    padding-bottom: 1.8rem;
    box-shadow: 0 0 .5rem 0 rgba(211, 211, 211, 1);
}
/* /Components/Logo/RechungZahlung/Rechnungen.razor.rz.scp.css */
.rechungen-wrapper[b-jm6vo80urs] {
    width: 100%;
}

.download-button[b-jm6vo80urs] {
    all: unset;
    cursor: pointer;
}

.download-content[b-jm6vo80urs] {
    display: inline-flex;
    align-items: center;
    gap: 0.3em;
    text-decoration: underline;
    text-underline-offset: 2px;
}

[b-jm6vo80urs] .rechungen-wrapper-container {
    border-radius: 1.5rem;
    border: 1px rgba(242, 242, 242, 1) solid;
    padding-top: 2rem;
    padding-bottom: 1.8rem;
    box-shadow: 0rem 0rem .5rem 0rem rgba(211, 211, 211, 1);
}
/* /Components/Logo/Vertragsdaten/EditPaymentDetailsForm.razor.rz.scp.css */
.edit-payment-details-form-wrapper[b-nnvznbl14j] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-nnvznbl14j] fluent-text-field {
    width: 100%
}

[b-nnvznbl14j] .accept-button {
    width: 50%
}

[b-nnvznbl14j] .accept-button-text {
    font-family: "filson-pro";
    font-weight: 700;
}

[b-nnvznbl14j] .fluent-input-label {
    padding-top: 1rem;
}

fluent-option[b-nnvznbl14j] {
    font-size: 1rem !important;
}

[b-nnvznbl14j] .button-container {
    justify-content: space-between !important;
    padding-top: 1.5rem;
}
/* /Components/Logo/Vertragsdaten/PaymentDetails.razor.rz.scp.css */
.paymentdetails-wrapper[b-crgz8ezype] {
    width: 100%;
}

.title[b-crgz8ezype] {
    font-size: 1.8rem;
    font-weight: 700;
}

.subtitle[b-crgz8ezype] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #FFAB00;
    margin-bottom: 1rem;
}

[b-crgz8ezype] .text-item-text {
    font-weight: normal;
}

[b-crgz8ezype] .select-bank-account {
    width: 50%;
    padding-bottom: 1rem;
}

[b-crgz8ezype] .fluent-input-label {
    font-size: 1rem;
}


[b-crgz8ezype] .button-container {
    justify-content: space-between !important;
    padding-top: 1.5rem;
}

[b-crgz8ezype] fluent-select::part(selected-value) {
    font-weight: bold !important;
    font-size: 1rem;
}

[b-crgz8ezype] .paymentdetails-wrapper-container {
    border-radius: 1.5rem;
    border: 1px rgba(242, 242, 242, 1) solid;
    padding-top: 2rem;
    padding-bottom: 1.8rem;
    box-shadow: 0rem 0rem .5rem 0rem rgba(211, 211, 211, 1);
}

@media (max-width: 768px) {

    [b-crgz8ezype] .select-bank-account {
        width: 100%;
        padding-bottom: 1rem;
    }
}
/* /Components/Logo/Vertragsdaten/VertragsdatenProfile.razor.rz.scp.css */
.vertragsdatenProfile-wrapper[b-982sck9iis] {
    width: 100%;
}

[b-982sck9iis] .vertragsdatenProfile-container {
    align-items: flex-start !important;
}

[b-982sck9iis] .text-item-wrapper {
    width: 100%;
}

[b-982sck9iis] .text-item-text {
    font-weight: normal;
}

[b-982sck9iis] .options-container {
    padding: 3.5rem 0 3.5rem 0;
}

[b-982sck9iis] .links-container {
    justify-content: start !important;
    column-gap: 5rem !important;
}

[b-982sck9iis] .fluent-nav-text {
    font-family: "filson-pro", serif;
    font-weight: 700;
    font-size: 1rem;
    color: black;
}

[b-982sck9iis] .accept-button {
    width: 20%;
}

@media (max-width: 768px) {
    [b-982sck9iis] .accept-button {
        width: calc(20% + 5rem);
    }

    [b-982sck9iis] .vertragsdatenProfile-info-container {
        padding: calc(var(--design-unit) * 5px) calc(var(--design-unit) * 5px) 0 calc(var(--design-unit) * 5px);
    }

    [b-982sck9iis] .options-container {
        padding: calc(var(--design-unit) * 5px) calc(var(--design-unit) * 5px) 0 calc(var(--design-unit) * 5px);
    }
}
/* /Components/Pages/ERegio/Barrierefreiheit.razor.rz.scp.css */
/* Main Container to center content */
.container[b-ryha0sar7f] {
    max-width: 960px;
    margin: 0 auto;
    padding: 40px 20px;
}

/* Typography */
h1[b-ryha0sar7f] {
    font-size: 4rem;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 2.5rem;
}

h3[b-ryha0sar7f] {
    font-size: 1.75rem;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 1rem;
}

p[b-ryha0sar7f] {
    margin-bottom: 1rem;
    font-size: var(--font-size-medium);
}

/* Links */
a[b-ryha0sar7f] {
    color: inherit;
    text-decoration: underline;
    cursor: pointer;
}

a:hover[b-ryha0sar7f] {
    color: #004F59;
    text-decoration: none;
}

/* Lists */
ul[b-ryha0sar7f] {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 20px;
}

li[b-ryha0sar7f] {
    margin-bottom: 8px;
}

/* The un-bulleted list section */
.clean-list[b-ryha0sar7f] {
    list-style-type: none;
    padding-left: 0;
}

.clean-list li[b-ryha0sar7f] {
    margin-bottom: 12px;
}

/* Numbered Sections styling */
.section-title[b-ryha0sar7f] {
    font-size: var(--font-size-medium);
    margin-top: 25px;
    margin-bottom: 15px;
    display: block;
}

/* Alpha ordered list (a, b, c) */
ol.alpha-list[b-ryha0sar7f] {
    list-style-type: lower-alpha;
    padding-left: 20px;
}

ol.alpha-list li[b-ryha0sar7f] {
    padding-left: 10px;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
}
/* /Components/Pages/ERegio/RequestAccess.razor.rz.scp.css */
[b-kjn1fd3qle] .accept-button-text {
    font-family: "filson-pro", serif;
    font-weight: 700;
}

.custom-layout-wrapper[b-kjn1fd3qle] {
    padding: 1rem;
    font-family: sans-serif;
    background-color: #f8f9fa;
    width: 100vw;
    height: 100vh;
}

main[b-kjn1fd3qle] {
    margin: 2rem auto;
    max-width: 800px;
}

h3[b-kjn1fd3qle] {
    font-family: "filson-pro", serif;
    font-size: 1.8rem;
    font-weight: 700;
}

[b-kjn1fd3qle] .fluent-input-label {
    font-family: "filson-pro", serif;
    font-size: 1.1rem;
    font-weight: 425;
    line-height: 150%;
}


[b-kjn1fd3qle] fluent-text-field::part(root) {
    border-radius: 1.6rem;
    border: 1px rgba(211, 211, 211, 1) solid;
}

[b-kjn1fd3qle] fluent-text-field {
    width: 100%
}

[b-kjn1fd3qle] .request-access-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 1rem;
}

.dAstylere[b-kjn1fd3qle],
.digiAccess[b-kjn1fd3qle] {
    display: none !important;
}
/* /Components/Pages/Logo/Barrierefreiheit.razor.rz.scp.css */
.info-text[b-cp4bafcw6k], li[b-cp4bafcw6k] {
    font-size: 1.25rem;
    font-family: FilsonProRegular;
}

.bold[b-cp4bafcw6k] {
    font-family: FilsonProBold;
    font-weight: bold;
}

.h2[b-cp4bafcw6k] {
    font-family: FilsonProBold;
    font-size: 2.75rem;
}

@media (max-width: 768px) {

    .text-wrapper[b-cp4bafcw6k] {
        max-width: 100%;
        padding: 0 0.5rem 1rem 0.5rem;
    }

    h2[b-cp4bafcw6k], .h2[b-cp4bafcw6k] {
        font-size: 2.5rem;
    }
}
/* /Components/Pages/Logo/JumpSection/CancelContract.razor.rz.scp.css */
.cancel-form-greeting-wrapper[b-isqtrg78dt] {
    width: 100%
}
/* /Components/Pages/Logo/JumpSection/FreundeWerben.razor.rz.scp.css */
p[b-d72tcwvcub] {
    font-size: 1rem;
}

@media (max-width: 768px) {
    [b-d72tcwvcub] .move-steps-container {
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }
}
/* /Components/Pages/Logo/JumpSection/UmzugMelden.razor.rz.scp.css */
.umzug-greeting-wrapper[b-2aa60vr6c2] {
    width: 50%
}

p[b-2aa60vr6c2] {
    font-size: 1rem;
}

@media (max-width: 768px) {
    [b-2aa60vr6c2] .move-steps-container {
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }
}
/* /Components/Pages/Logo/MainAccount.razor.rz.scp.css */
.account-wrapper[b-jbwzaidz3b] {
    width: 100%;
}

[b-jbwzaidz3b] .link-item {
    font-size: 1rem;
}
/* /Components/Pages/Logo/Nachrichten.razor.rz.scp.css */
.nachrichten-card-wrapper[b-hujfin8my9] {
    width: 100%;
}

.download-button[b-hujfin8my9] {
    all: unset;
    cursor: pointer;
}

.download-content[b-hujfin8my9] {
    display: inline-flex;
    align-items: center;
    gap: 0.3em;
    text-decoration: underline;
    text-underline-offset: 2px;
}

[b-hujfin8my9] .nachrichten-card-container {
    border-radius: 1.5rem;
    border: 1px rgba(242, 242, 242, 1) solid;
    padding-top: 2rem;
    padding-bottom: 1.8rem;
    box-shadow: 0rem 0rem .5rem 0rem rgba(211, 211, 211, 1);
}
/* /Components/Pages/Logo/RequestAccess.razor.rz.scp.css */
[b-j12dw6esls] .accept-button-text {
    font-family: "filson-pro", serif;
    font-weight: 700;
}

.custom-layout-wrapper[b-j12dw6esls] {
    padding: 1rem;
    font-family: sans-serif;
    background-color: #f8f9fa;
    width: 100vw;
    height: 100vh;
}

main[b-j12dw6esls] {
    margin: 2rem auto;
    max-width: 800px;
}

h3[b-j12dw6esls] {
    font-family: "filson-pro", serif;
    font-size: 1.8rem;
    font-weight: 700;
}

[b-j12dw6esls] .fluent-input-label {
    font-family: "filson-pro", serif;
    font-size: 1.1rem;
    font-weight: 425;
    line-height: 150%;
}


[b-j12dw6esls] fluent-text-field::part(root) {
    border-radius: 1.6rem;
    border: 1px rgba(211, 211, 211, 1) solid;
}

[b-j12dw6esls] fluent-text-field {
    width: 100%
}

[b-j12dw6esls] .request-access-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 1rem;
}

.dAstylere[b-j12dw6esls],
.digiAccess[b-j12dw6esls] {
    display: none !important;
}
/* /Components/Shared/Common/ActionLink.razor.rz.scp.css */
/* The `::deep` combinator is necessary to pierce the CSS isolation of child components like FluentStack. */

/*#region ERegio*/
/* We use the parent class `.ERegio` to scope the styles. */

.ERegio .header-icon[b-anac265d7u] {
    height: inherit;
}

.ERegio.link-item[b-anac265d7u] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    column-gap: 1rem;
}

.ERegio .action-link-text[b-anac265d7u] {
    font-size: var(--font-size-extra-small);
    font-weight: var(--font-weight-semibold);
    line-height: var(--normal-line-height);
    text-transform: uppercase;
}

/*#endregion */

/*#region Logo*/
/* We use the parent class `.Logo` to scope the styles. */

.Logo .header-icon[b-anac265d7u] {
    height: 1.077rem;
}

/*#endregion */
/* /Components/Shared/Common/DefaultTextItem.razor.rz.scp.css */
/* The `::deep` combinator is necessary to pierce the CSS isolation of child components like FluentStack. */

/*#region Shared*/
/* We use shared classes that common across tenants*/
.text-item-wrapper[b-i6ltkpbp3d] {
    display: flex;
    flex-direction: column
}

/*#endregion */


/*#region ERegio*/
/* We use the parent class `.ERegio` to scope the styles. */
.ERegio.text-item-wrapper[b-i6ltkpbp3d] {
    row-gap: .75rem;
}

.ERegio .text-item-title[b-i6ltkpbp3d] {
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-semibold);
}

.ERegio .text-item-text[b-i6ltkpbp3d] {
    font-size: var(--font-size-medium);
}

@media (max-width: 768px) {
    .ERegio.text-item-wrapper[b-i6ltkpbp3d] {
        row-gap: .5rem;
    }
}

/*#endregion */

/*#region Logo*/
/* We use the parent class `.Logo` to scope the styles. */

.Logo .text-item-title[b-i6ltkpbp3d] {
    color: inherit;
    font-weight: 325;
    line-height: 100%;
    font-size: .9rem;
    letter-spacing: 0;
    margin: 0;
}

.Logo .text-item-text[b-i6ltkpbp3d] {
    color: inherit;
    font-weight: 425 !important;
    font-size: 1.1rem;
    line-height: 150%;
    letter-spacing: 0;
}

/*#endregion */
/* /Components/Shared/Common/GreenBlob.razor.rz.scp.css */
.blob-wrapper[b-b16mwmb2jp] {
    position: relative;
}

.blob-bg[b-b16mwmb2jp] {
    width: 100%;
    height: auto;
    display: block;
    filter: brightness(0) saturate(100%) invert(16%) sepia(98%) saturate(2603%) hue-rotate(221deg) brightness(91%) contrast(97%);
}

.blob-content[b-b16mwmb2jp] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
    font-family: sans-serif;
}

.header-text[b-b16mwmb2jp] {
    margin: 0;
    padding: .7rem;
    font-size: 2rem;
    font-weight: 700;
}

.title-text[b-b16mwmb2jp] {
    padding: 1.3rem;
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.paragraph-text[b-b16mwmb2jp] {
    margin: 0 0 0.5rem 0;
    padding: .3rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 150%;
}

.last-paragraph-text[b-b16mwmb2jp] {
    padding-bottom: 2.5rem;
}

[b-b16mwmb2jp] .accept-button {
    display: flex;
    margin: 0 auto;
    width: 25%
}

[b-b16mwmb2jp] .accept-button-text {
    font-family: "filson-pro";
    font-weight: 700;
}

@media (max-width: 768px) {
    .header-text[b-b16mwmb2jp] {
        font-size: 1rem;
        padding: 0;
        margin-bottom: -0.4rem;
    }

    .title-text[b-b16mwmb2jp] {
        font-size: .7rem;
        padding: 0;
        margin-top: 0;
    }

    .paragraph-text[b-b16mwmb2jp] {
        font-size: .7rem;
        padding: 0;
    }

    .last-paragraph-text[b-b16mwmb2jp] {
        font-size: .7rem;
        padding-bottom: .7rem;
    }

    .blob-content[b-b16mwmb2jp] {
        justify-content: space-evenly;
    }

    [b-b16mwmb2jp] .accept-button {
        width: 40%;
        margin-top: 0.2rem;
    }
}
/* /Components/Shared/Common/Greeting.razor.rz.scp.css */
.greeting-text[b-wk21j95tv2] {
    color: inherit;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0;
}

.greeting-wrapper[b-wk21j95tv2] {
    width: 100%;
    padding-top: 3.5rem;
}

.img-container[b-wk21j95tv2] {
    width: 50%;
}

@media (max-width: 768px) {
    .greeting-wrapper[b-wk21j95tv2] {
        padding: calc(var(--design-unit) * 5px) calc(var(--design-unit) * 5px) 0 calc(var(--design-unit) * 5px);
    }

    [b-wk21j95tv2] .greeting-container {
        flex-direction: column-reverse;
    }

    [b-wk21j95tv2] .img-container {
        width: 98% !important;
    }

    .greeting-text[b-wk21j95tv2] {
        padding: .4rem 0;
        word-break: break-word;
        hyphens: auto;
    }
}

@media (max-width: 448px) {
    .mobil-greeting-img[b-wk21j95tv2] {
        height: 18rem;
        width: 28rem;
    }

    .greeting-text[b-wk21j95tv2] {
        padding: .4rem 0;
        word-break: break-word;
        hyphens: auto;
    }
}

@media (max-width: 360px) {
    .mobil-greeting-img[b-wk21j95tv2] {
        height: 15rem;
        width: 25rem;
    }

    .greeting-text[b-wk21j95tv2] {
        padding: .4rem 0;
        word-break: break-word;
        hyphens: auto;
    }
}
/* /Components/Shared/Common/RedBlob.razor.rz.scp.css */
.blob-wrapper[b-80c66p8dxd] {
    position: relative;
}

.blob-bg[b-80c66p8dxd] {
    width: 100%;
    height: auto;
    display: block;
}

.blob-content[b-80c66p8dxd] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
    font-family: sans-serif;
}

.header-text[b-80c66p8dxd] {
    margin-top: 1.5rem; /* Abstand nach oben */
    margin-bottom: 0;
    padding: .7rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.0;
}

.title-text[b-80c66p8dxd] {
    padding: 1.3rem;
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
}

.paragraph-text[b-80c66p8dxd] {
    margin: 0 0 1.2rem 0;
    padding: .3rem;
    font-size: 1.2rem;
    font-weight: 800;
}

.number-paragraph-text[b-80c66p8dxd] {
    font-size: 4.5rem;
}

[b-80c66p8dxd] .accept-button {
    display: flex;
    margin: 0 auto;
    width: 25%
}

[b-80c66p8dxd] .accept-button-text {
    font-weight: 700;
}

@media (max-width: 768px) {
    .blob-wrapper[b-80c66p8dxd] {
        width: 85%;
    }

    .header-text[b-80c66p8dxd] {
        font-size: 1.6rem;
        margin: 0;
    }

    .title-text[b-80c66p8dxd] {
        font-size: 1rem;
        margin: 0;
    }

    .paragraph-text[b-80c66p8dxd] {
        font-size: 1rem;
        margin: 0;
    }

    .number-paragraph-text[b-80c66p8dxd] {
        font-size: 2.1rem;
        margin: 0;
    }

    .blob-content[b-80c66p8dxd] {
        justify-content: space-evenly;
    }

    [b-80c66p8dxd] .accept-button {
        width: 40%;
    }
}

@media (max-width: 468px) {
    .header-text[b-80c66p8dxd] {
        font-size: 1.4rem;
        padding: 0;
    }

    .title-text[b-80c66p8dxd] {
        font-size: .7rem;
        padding: 0;
    }

    .paragraph-text[b-80c66p8dxd] {
        font-size: .7rem;
        padding: 0;
    }

    .number-paragraph-text[b-80c66p8dxd] {
        font-size: 1.7rem;
        padding: 0;
    }

    [b-80c66p8dxd] .accept-button {
        height: 2rem;
    }
}

@media (max-width: 358px) {
    .blob-content[b-80c66p8dxd] {
        padding: 1rem;
    }
}
/* /Components/Shared/Common/TooltipLink.razor.rz.scp.css */
a[b-9se07zl6h8] {
    color: inherit;
    text-decoration: inherit;
}

a:hover[b-9se07zl6h8] {
    filter: grayscale(70%) brightness(0.5);
}

.tooltip-link-text[b-9se07zl6h8] {
    color: #FFFFFF;
    text-decoration-line: underline;
    text-decoration-color: #FFFFFF;
}
/* /Components/Shared/Contract/ContractPositions.razor.rz.scp.css */
/* The `::deep` combinator is necessary to pierce the CSS isolation of child components like FluentStack. */

/*#region Shared*/
/* We use shared classes that common across tenants*/
[b-t9f3gn5x3w] .contracts {
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;

    max-height: 70vh;
}

[b-t9f3gn5x3w] .overlay-button {
    outline: none;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

[b-t9f3gn5x3w] .overlay-button:hover {
    background: var(--light-yellow);
}

[b-t9f3gn5x3w] .active {
    background: var(--light-yellow);
}

/*#endregion */


/*#region ERegio*/
/* We use the parent class `.ERegio` to scope the styles. */

.ERegio.contracts-wrapper[b-t9f3gn5x3w] {
    top: 6rem;
    position: sticky;
    border-top-right-radius: var(--default-radius);
    border-bottom-right-radius: var(--default-radius);

    min-width: 24.75rem;

    background-color: var(--light-aqua);
    backdrop-filter: blur(24px);
    box-shadow: 0 12px 16px 0 #00000033;
}

.ERegio[b-t9f3gn5x3w]  .contracts {
    padding: 1.5rem 1.5rem 1.5rem 4rem;
    scrollbar-color: var(--sea-green) var(--light-aqua);
}

.ERegio .vertrag-title[b-t9f3gn5x3w] {
    font-size: var(--font-size-medium-large);
    font-weight: var(--font-weight-semibold);
    line-height: var(--extra-line-height);
}

.ERegio .account-number[b-t9f3gn5x3w] {
    text-wrap: nowrap;
    background: white;
    border-radius: 12px;
    padding: 0.05125rem 1rem 0.05125rem 1rem;
    font-size: var(--font-size-extra-small);
    font-weight: var(--font-weight-regular);
    line-height: var(--default-line-height);
}

/* Deep-scoped shared styles */
.ERegio[b-t9f3gn5x3w]  .overlay-button {
    width: 100%;
    height: 4rem;
    border-radius: 12px;
    padding: .5rem;
    column-gap: .75rem !important;
}

.ERegio[b-t9f3gn5x3w]  .accept-button-text {
    font-size: var(--font-size-minimal);
}

.ERegio[b-t9f3gn5x3w]  .accept-button {
    width: 11.5625rem;
    min-height: 2.5rem;
    padding: unset;
}

.ERegio .info-container[b-t9f3gn5x3w] {
    row-gap: .25rem;
}

.ERegio .vertrag-address[b-t9f3gn5x3w] {
    font-size: var(--font-size-small);
}

@media (max-width: 768px) {
    .ERegio.contracts-wrapper[b-t9f3gn5x3w] {
        width: 95vw;
        min-width: unset;
        border-radius: var(--default-radius) 0 0 var(--default-radius);
    }

    .ERegio[b-t9f3gn5x3w]  .contracts {
        padding: 1rem 1rem 1rem 3rem;
        scrollbar-color: var(--sea-green) var(--light-aqua);
    }

    .ERegio[b-t9f3gn5x3w]  .accept-button {
        width: unset;
        min-height: 2rem;
        padding: unset;
    }

    .ERegio[b-t9f3gn5x3w]  .title-container {
        justify-content: space-between !important;
    }
}

/*#endregion */

/*#region Logo*/
/* We use the parent class `.Logo` to scope the styles. */

.Logo.contracts-wrapper[b-t9f3gn5x3w] {
    top: 2rem;
    position: sticky;
    width: 265px;
}

.Logo[b-t9f3gn5x3w]  .contracts {
    padding: 1rem;
    box-shadow: 0 0 8px 0 rgba(211, 211, 211, 1);
    border-top-right-radius: var(--default-radius);
    border-bottom-right-radius: var(--default-radius);

    scrollbar-color: #A0A0A0 #F0F0F0;
}

.Logo .vertrag-title[b-t9f3gn5x3w] {
    font-size: 1.5rem;
    color: rgba(0, 0, 0, 1);
    line-height: 110.00000000000001%;
    letter-spacing: 0px;
}

.Logo .account-number[b-t9f3gn5x3w] {
    color: rgba(211, 211, 211, 1);
    font-size: .9rem;
    padding-left: .3rem;
}

.Logo .vertrag-item[b-t9f3gn5x3w] {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 4px 0;
    padding: 8px;
    border-radius: 8px;
    text-align: left;
}

.Logo .vertrag-item .vertrag-details[b-t9f3gn5x3w] {
    margin-left: 8px;
    display: flex;
    flex-direction: column;
}

.Logo .vertrag-number[b-t9f3gn5x3w] {
    font-weight: 550;
    font-size: .95rem;
    line-height: 100%;
    display: flex;
}

.Logo .vertrag-address[b-t9f3gn5x3w] {
    font-size: 1rem;
    line-height: 100%;
    font-weight: 500;
    color: black;
}

.Logo .vertrag-add[b-t9f3gn5x3w] {
    width: 100%;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Logo .icon-gas[b-t9f3gn5x3w] {
    margin-left: 0.2rem;
    margin-right: 0.8rem;
}

.Logo .icon-strom[b-t9f3gn5x3w] {
    margin-right: 0.5rem;
}

/* Deep-scoped shared styles */
.Logo[b-t9f3gn5x3w]  .overlay-button {
    width: 100%;
    height: 3.5rem;
    border-radius: 5rem;
    padding: .7rem
}

@media (max-width: 768px) {
    .Logo.contracts-wrapper[b-t9f3gn5x3w] {
        display: none;
    }
}

/*#endregion */
/* /Components/Shared/Contract/ContractTextField.razor.rz.scp.css */
/* The `::deep` combinator is necessary to pierce the CSS isolation of child components like FluentStack. */

/*#region Shared*/
/* We use shared classes that common across tenants*/
.contract-text-item-wrapper[b-7my4cfg0nb] {
    width: 100%;
    display: flex;
    flex-direction: column
}

/*#endregion */


/*#region ERegio*/
/* We use the parent class `.ERegio` to scope the styles. */

.ERegio .contract-text-item-title[b-7my4cfg0nb] {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-small);
}

.ERegio .contract-text-item-text[b-7my4cfg0nb] {
    margin: 0;
    font-size: var(--font-size-medium-large);
}

.ERegio .contract-activity[b-7my4cfg0nb] {
    width: fit-content;
    padding: .35rem 1rem .25rem 1rem;
    font-size: var(--font-size-medium);
    border-radius: var(--default-radius);
}

.ERegio .outline[b-7my4cfg0nb] {
    border: var(--sea-green) 2px solid;
}

.ERegio .colored[b-7my4cfg0nb] {
    background: var(--eregio-success);
}

@media (max-width: 768px) {
    .ERegio .contract-text-item-text[b-7my4cfg0nb] {
        margin: 0;
        font-size: var(--font-size-medium);
    }
}

/*#endregion */

/*#region Logo*/
/* We use the parent class `.Logo` to scope the styles. */

.Logo .contract-text-item-title[b-7my4cfg0nb] {
    color: inherit;
    font-weight: 425;
    line-height: 100%;
    font-size: 1rem;
    letter-spacing: 0;
}

.Logo .colored[b-7my4cfg0nb] {
    color: rgba(0, 181, 121, 1);
}

/*#endregion */
/* /Components/Shared/JumpSections/CancelContract/CancelContractForm.razor.rz.scp.css */
[b-cgmk3bl1dv] fluent-text-field {
    width: 100%
}

[b-cgmk3bl1dv] .accept-button {
    width: 50%
}

[b-cgmk3bl1dv] .accept-button-text {
    font-family: "filson-pro";
    font-weight: 700;
}

[b-cgmk3bl1dv] .fluent-input-label {
    padding-top: 1rem;
}

.cancel-contract-form-wrapper[b-cgmk3bl1dv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90%;
}
/* /Components/Shared/JumpSections/CancelContract/CancelContractSuccessNotification.razor.rz.scp.css */
[b-0tij5iefmi] .cancelcontract-card-container {
    border-radius: 1.5rem;
    border: 1px rgba(242, 242, 242, 1) solid;
    padding-top: 2rem;
    padding-bottom: 1.8rem;
    box-shadow: 0rem 0rem .5rem 0rem rgba(211, 211, 211, 1);
}
/* /Components/Shared/JumpSections/Common/SuccessNotificationFooter.razor.rz.scp.css */
/* /Components/Shared/JumpSections/Common/SuccessNotificationHeader.razor.rz.scp.css */
/* /Components/Shared/JumpSections/MoveReport/MoveSuccessNotification.razor.rz.scp.css */
[b-nz9n30aj4h] .movesuccessnotification-container {
    border-radius: 1.5rem;
    border: 1px rgba(242, 242, 242, 1) solid;
    padding-top: 2rem;
    padding-bottom: 1.8rem;
    box-shadow: 0rem 0rem .5rem 0rem rgba(211, 211, 211, 1);
}
/* /Components/Shared/JumpSections/MoveReport/UmzugMeldenForm.razor.rz.scp.css */
[b-5zxvyxd02f] fluent-text-field {
    width: 100%
}

[b-5zxvyxd02f] .accept-button {
    width: 25% !important;
}

[b-5zxvyxd02f] .accept-button-text {
    font-family: "filson-pro";
    font-weight: 700;
}

[b-5zxvyxd02f] .fluent-input-label {
    padding-top: 1rem;
}

[b-5zxvyxd02f] .checkbox-item {
    display: flex;
    column-gap: 1rem;
    align-items: center;
}

.umzug-melden-form-wrapper[b-5zxvyxd02f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

[b-5zxvyxd02f] .umzug-melden-card-container {
    border-radius: 1.5rem;
    border: 1px rgba(242, 242, 242, 1) solid;
    padding-top: 2rem;
    padding-bottom: 1.8rem;
    box-shadow: 0rem 0rem .5rem 0rem rgba(211, 211, 211, 1);
}
/* /Components/Shared/JumpSections/MoveStep.razor.rz.scp.css */
.move-step-wrapper[b-0xeeput3wj] {
    text-align: center;
    flex: 1;
}

.step-title[b-0xeeput3wj] {
    padding: 1rem;
}

[b-0xeeput3wj] .move-steps-container {
    text-align: center;
    justify-content: center !important;
    column-gap: 3rem !important;
    row-gap: 0;
    width: 100%;
}

@media (max-width: 768px) {
    .step-title[b-0xeeput3wj] {
        padding: 0 1rem 1rem 1rem;
    }
}
/* /Components/Shared/JumpSections/NumberStep.razor.rz.scp.css */
.image-wrapper[b-h6itzimnxv] {
    position: relative;
    display: inline-block;
}

.main-image[b-h6itzimnxv] {
    padding: 1rem 1rem 0 1rem;
    width: 100%; /* or any fixed size */
    height: auto;
}

.badge[b-h6itzimnxv] {
    position: absolute;
    right: 4rem;
    background-image: url('Assets/Icons/number-bg.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.badge-number[b-h6itzimnxv] {
    color: white;
    font-weight: 700;
    font-size: 1.2rem;
}
/* /Components/Shared/JumpSections/RefFriend/FreundeWerbenForm.razor.rz.scp.css */
[b-tyn4ep7u92] fluent-text-field {
    width: 100%
}

[b-tyn4ep7u92] .accept-button {
    width: 50%
}

[b-tyn4ep7u92] .accept-button-text {
    font-family: "filson-pro";
    font-weight: 700;
}

[b-tyn4ep7u92] .fluent-input-label {
    padding-top: 1rem;
}

.freunde-werben-form-wrapper[b-tyn4ep7u92] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

[b-tyn4ep7u92] .freunde-werben-container {
    border-radius: 1.5rem;
    border: 1px rgba(242, 242, 242, 1) solid;
    padding-top: 2rem;
    padding-bottom: 1.8rem;
    box-shadow: 0rem 0rem .5rem 0rem rgba(211, 211, 211, 1);
}
/* /Components/Shared/JumpSections/RefFriend/FreundeWerbenSuccessNotification.razor.rz.scp.css */
[b-swb0dis6ci] .accept-button-text {
    font-family: "filson-pro";
    font-weight: 700;
}

[b-swb0dis6ci] .freundewerbensuccessnotification-container {
    border-radius: 1.5rem;
    border: 1px rgba(242, 242, 242, 1) solid;
    padding-top: 2rem;
    padding-bottom: 1.8rem;
    box-shadow: 0rem 0rem .5rem 0rem rgba(211, 211, 211, 1);
}
/* /Components/Shared/MainAccount/ContactItem.razor.rz.scp.css */
/* The `::deep` combinator is necessary to pierce the CSS isolation of child components like FluentStack. */

/*#region Shared*/
/* We use shared classes that common across tenants*/

/*#endregion */


/*#region ERegio*/
/* We use the parent class `.ERegio` to scope the styles. */
.ERegio.contact-item[b-w9dzpgn1xk] {
}

.ERegio .contact-icon[b-w9dzpgn1xk] {
}

/*#endregion */

/*#region Logo*/
/* We use the parent class `.Logo` to scope the styles. */

.Logo.contact-item[b-w9dzpgn1xk] {
    display: flex;
    align-items: center;
    font-size: 1rem;
    column-gap: .7rem;
}

.Logo.contact-icon[b-w9dzpgn1xk] {
    padding-right: .6rem
}

/*#endregion */
/* /Components/Shared/MeterHistoryBar.razor.rz.scp.css */
.barchart-wrapper[b-rnhw7hgx81] {
    width: 100%;
    padding: 3rem 0;
}

.barchart-img[b-rnhw7hgx81] {
    width: 80%;
}
/* /Components/Shared/MobileGrid/GridItem.razor.rz.scp.css */
.grid-item-wrapper[b-emmxl5o95d] {
    width: 100%;
}
/* /Components/Shared/MobileGrid/GridItemProperty.razor.rz.scp.css */
.grid-item-property-wrapper[b-wxe2dadv2d] {
    width: 100%;
}

[b-wxe2dadv2d] .text-item-text {
    font-weight: 425;
}

[b-wxe2dadv2d] .text-item-title {
    font-weight: 700;
}
/* /Components/Shared/MobileGrid/MobileGrid.razor.rz.scp.css */
.mobile-grid-wrapper[b-idbc4l97lt] {
    width: 100%;
    padding-top: 3rem;
}
/* /Components/Shared/Popups/AddContractPopup.razor.rz.scp.css */
/* The `::deep` combinator is necessary to pierce the CSS isolation of child components like FluentStack. */

/*#region Shared*/
/* We use shared classes that common across tenants*/
.add-contract-popup-wrapper[b-2pw7k7ppea] {
    width: 100%;
}

/*#endregion */

/*#region ERegio*/
/* We use the parent class `.ERegio` to scope the styles. */
.ERegio[b-2pw7k7ppea]  .add-contract-popup-form {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    width: 70%
}

.ERegio[b-2pw7k7ppea]  .default-input {
    width: 100%;
}

/*#endregion */

/*#region Logo*/
/* We use the parent class `.Logo` to scope the styles. */

/*#endregion */

/* /Components/Shared/Popups/ChangeTariffPopup.razor.rz.scp.css */
/* The `::deep` combinator is necessary to pierce the CSS isolation of child components like FluentStack. */

/*#region Shared*/
/* We use shared classes that common across tenants*/
.change-tariff-popup-wrapper[b-kztgr0nz8h] {
    width: 100%;
}

/*#endregion */

/*#region ERegio*/
/* We use the parent class `.ERegio` to scope the styles. */
.ERegio[b-kztgr0nz8h]  .change-tariff-popup-form {
    display: flex;
    flex-direction: column;
    width: 70%
}

.ERegio[b-kztgr0nz8h]  .default-input {
    width: 100%;
}

/*#endregion */

/*#region Logo*/
/* We use the parent class `.Logo` to scope the styles. */

/*#endregion */

/* /Components/Shared/Popups/Common/CommonPopupFooter.razor.rz.scp.css */
/* The `::deep` combinator is necessary to pierce the CSS isolation of child components like FluentStack. */

/*#region Shared*/
/* We use shared classes that common across tenants*/
.popup-footer-wrapper[b-46lsoa0mar] {
    width: 100%;
}

[b-46lsoa0mar] .accept-button {
    margin-top: 2rem;
    width: 50%;
}

/*#endregion */


/*#region ERegio*/
/* We use the parent class `.ERegio` to scope the styles. */
@media (max-width: 768px) {
    .ERegio[b-46lsoa0mar]  .accept-button {
        width: 100%;
    }
}

/*#endregion */

/*#region Logo*/
/* We use the parent class `.Logo` to scope the styles. */

.Logo[b-46lsoa0mar]  .accept-button-text {
    font-family: "filson-pro";
    font-weight: 700;
}

/*#endregion */

/* /Components/Shared/Popups/RequestFeedbackPopup.razor.rz.scp.css */
/* The `::deep` combinator is necessary to pierce the CSS isolation of child components like FluentStack. */

/*#region Shared*/
/* We use shared classes that common across tenants*/
.request-feedback-popup-wrapper[b-yluibw42wm] {
    width: 100%;
}

/*#endregion */

/*#region ERegio*/
/* We use the parent class `.ERegio` to scope the styles. */

.ERegio[b-yluibw42wm]  .accept-button {
    padding: .5rem;
}

/*#endregion */

/*#region Logo*/
/* We use the parent class `.Logo` to scope the styles. */

/*#endregion */

/* /Components/Shared/Popups/ScheduleCallbackPopup.razor.rz.scp.css */
/* The `::deep` combinator is necessary to pierce the CSS isolation of child components like FluentStack. */

/*#region Shared*/
/* We use shared classes that common across tenants*/
.schedule-callback-popup-wrapper[b-ep0cs2w7uj] {
    width: 100%;
}

[b-ep0cs2w7uj] .schedule-callback-buttons {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-top: 1.5rem;
}

@media (max-width: 768px) {
    [b-ep0cs2w7uj] .schedule-callback-buttons {
        justify-content: center;
    }
}

/*#endregion */

/*#region ERegio*/
/* We use the parent class `.ERegio` to scope the styles. */
.ERegio[b-ep0cs2w7uj]  .callback-form {
    display: flex;
    flex-direction: column;
    width: 70%;

    --input-placeholder-rest: var(--sea-green)
}

.ERegio[b-ep0cs2w7uj]  .default-input {
    min-width: unset;
    width: 100%;
    margin-bottom: 1.5rem;
}

/*#endregion */

/*#region Logo*/
/* We use the parent class `.Logo` to scope the styles. */

/*#endregion */

/* /Components/Shared/Popups/SendUsPopup.razor.rz.scp.css */
/* The `::deep` combinator is necessary to pierce the CSS isolation of child components like FluentStack. */

/*#region Shared*/
/* We use shared classes that common across tenants*/
.sendus-popup-wrapper[b-kd0zaxa5t4] {
    width: 100%;
}

[b-kd0zaxa5t4] .sendus-popup-buttons {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-top: 1.5rem;
}

@media (max-width: 768px) {
    [b-kd0zaxa5t4] .sendus-popup-buttons {
        justify-content: center;
    }
}

/*#endregion */

/*#region ERegio*/
/* We use the parent class `.ERegio` to scope the styles. */
.ERegio[b-kd0zaxa5t4]  .sendus-form {
    display: flex;
    flex-direction: column;
    width: 70%;

    --input-placeholder-rest: var(--sea-green)
}

.ERegio[b-kd0zaxa5t4]  .default-input {
    min-width: unset;
    width: 100%;
    margin-bottom: 1.5rem;
}

/*#endregion */

/*#region Logo*/
/* We use the parent class `.Logo` to scope the styles. */

/*#endregion */
/* /Components/Shared/Tooltips/DefaultTooltip.razor.rz.scp.css */
.label-tooltip[b-hbyn7zn6gu] {
    position: absolute;
    right: .3rem;
}

.label-tooltip[b-hbyn7zn6gu]  .link-item {
    column-gap: 0;
}
/* /Shared/Layouts/ERegio/ERegioLayout.razor.rz.scp.css */
[b-3yitx7dspb] .body-container {
    column-gap: 10.125rem !important;
    padding: 5.25rem 9rem 5.25rem 0;
}

@media (max-width: 768px) {
    [b-3yitx7dspb] .body-container {
        column-gap: 0 !important;
        padding: 4rem 0 0 0;
    }
}