@import '_content/TMS.Common.BlazorComponents/TMS.Common.BlazorComponents.51oezp6ke1.bundle.scp.css';
@import '_content/TMS.OneTMS.Authentication.Views/TMS.OneTMS.Authentication.Views.t6yqk0b7he.bundle.scp.css';
@import '_content/TMS.OneTMS.Billing.Views/TMS.OneTMS.Billing.Views.eytjdvh72p.bundle.scp.css';
@import '_content/TMS.OneTMS.Views.Common/TMS.OneTMS.Views.Common.j952lcnsrc.bundle.scp.css';

/* _content/TMS.OneTMS.UI.Blazor/Components/Layout/LegacyFrame.razor.rz.scp.css */
#legacy-frame[b-9k3nr8nysd] {
  width: 100%;
  flex: 1;
  border: none;
}

.legacy-frame-loading-overlay[b-9k3nr8nysd] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.65);
  backdrop-filter: blur(0.5px);
  z-index: 10;
  pointer-events: none;
  border-radius: 20px;
  overflow: hidden;
}
/* _content/TMS.OneTMS.UI.Blazor/Components/Layout/MainLayout.razor.rz.scp.css */
/* #region Main Layout */
.tms-main-layout-wrapper[b-5r50rp5o75] {
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: row;
    position: fixed;
    inset: 0;
}

.tms-main-layout-wrapper.desktop-layout[b-5r50rp5o75]  .tms-main-layout {
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 64px;
    transition: padding-left 0.4s ease;
}

.tms-main-layout-wrapper.desktop-layout:has(.sidebar-main-container.expand-sidebar)[b-5r50rp5o75]  .tms-main-layout {
    padding-left: 264px;
}

.tms-main-layout-wrapper:is(.tablet-layout, .mobile-layout)[b-5r50rp5o75]  .tms-main-layout {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    transform: scale(1);
    transition: transform 0.3s ease;
    transform-origin: bottom;
    position: fixed;
    bottom: 0;
}

[b-5r50rp5o75] .tms-main-layout.modal-stacking {
    transform: scale(0.9)!important;
    height: 109%!important;
    bottom: 0!important;
}
/* #endregion */

.navigation-modal-close-button[b-5r50rp5o75] {
    position: absolute;
    top: 12px;
    left: 16px;
    z-index: 1000;
    background-color: var(--tms-color-bg-primary);
    border-radius: 12px;
}

[b-5r50rp5o75] .tms-main-content-wrapper {
    background-color: var(--tms-color-bg-primary);
    padding-top: 0px!important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

[b-5r50rp5o75] .tms-main-content-wrapper:has(.startseite-grid-container) {
    background-color: var(--tms-color-bg-tertiary);
}

[b-5r50rp5o75] .main-layout-header {
    border-bottom: none !important;
}

[b-5r50rp5o75] .tms-main-content-wrapper:not(:has(.startseite-grid-container)) .main-layout-header {
    border-bottom: 1px solid var(--tms-color-border-secondary); 
}
/* _content/TMS.OneTMS.UI.Blazor/Components/LegacyLoadingSpinner/LegacyLoadingSpinner.razor.rz.scp.css */
.legacy-frame-spinner[b-jeo2ir5vot] {
  width: 100px;
  height: 100px;
  position: relative;
}

.legacy-frame-spinner svg.legacy-loading[b-jeo2ir5vot] {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: auto;
  transform-origin: center center;
  animation: legacy-rotate-b-jeo2ir5vot 2s linear infinite;
}

.legacy-frame-spinner svg.legacy-loading circle[b-jeo2ir5vot] {
  stroke: var(--tms-color-fg-brand-primary);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  animation: legacy-dash-b-jeo2ir5vot 1.5s ease-in-out infinite;
}

@keyframes legacy-rotate-b-jeo2ir5vot {
  to { transform: rotate(360deg); }
}

@keyframes legacy-dash-b-jeo2ir5vot {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -40;
  }
  100% {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -120;
  }
}
/* _content/TMS.OneTMS.UI.Blazor/Components/ReconnectMessage.razor.rz.scp.css */
#tms-reconnect-modal[b-8g95jeou60] {
    display: none;
    transition: visibility 0s linear 1000ms;
}

    #tms-reconnect-modal[b-8g95jeou60]  .modal-overlay {
        z-index: 9999;
    }

    #tms-reconnect-modal[b-8g95jeou60]  .modal {
        z-index: 10000;
    }

    #tms-reconnect-modal.components-reconnect-show[b-8g95jeou60],
    #tms-reconnect-modal.components-reconnect-failed[b-8g95jeou60],
    #tms-reconnect-modal.components-reconnect-rejected[b-8g95jeou60] {
        display: block;
    }

    #tms-reconnect-modal[b-8g95jeou60]  .reconnect-running,
    #tms-reconnect-modal[b-8g95jeou60]  .reconnect-failed,
    #tms-reconnect-modal[b-8g95jeou60]  .reconnect-rejected {
        display: none;
    }

    #tms-reconnect-modal.components-reconnect-show[b-8g95jeou60]  .reconnect-running,
    #tms-reconnect-modal.components-reconnect-failed[b-8g95jeou60]  .reconnect-failed,
    #tms-reconnect-modal.components-reconnect-rejected[b-8g95jeou60]  .reconnect-rejected {
        display: flex;
    }

    #tms-reconnect-modal[b-8g95jeou60]  .modal__content-container {
        padding: 24px 24px 0 24px;
    }

        #tms-reconnect-modal[b-8g95jeou60]  .modal__content-container .reconnect {
            flex-direction: column;
        }

    #tms-reconnect-modal[b-8g95jeou60]  .modal__footer-container {
        display: flex;
        flex-direction: column;
    }

        #tms-reconnect-modal[b-8g95jeou60]  .modal__footer-container .reconnect {
            flex-direction: row;
            justify-content: space-evenly;
        }

        #tms-reconnect-modal[b-8g95jeou60]  .modal__footer-container button {
            padding: 8px 16px;
        }

            #tms-reconnect-modal[b-8g95jeou60]  .modal__footer-container button:focus {
                outline-offset: unset;
            }
/* _content/TMS.OneTMS.UI.Blazor/Pages/Startpage/StartpageHeadline.razor.rz.scp.css */
.headline-container[b-ajianw58eu] {
    padding: 16px 0px 24px 0px;
}

[b-ajianw58eu] .startpage-headline-tablet {
    font-size: 30px !important;
    line-height: 33px !important;
}

[b-ajianw58eu] .startpage-headline-mobile {
    font-size: 24px !important;
    line-height: 26px !important;
}
/* _content/TMS.OneTMS.UI.Blazor/Pages/Startpage/Startseite.razor.rz.scp.css */
.image[b-1nc31tcbps] {
    grid-area: image;
}

.contract-confirmations[b-1nc31tcbps] {
    grid-area: contract-confirmations;
    align-self: start;
}

.calendar[b-1nc31tcbps] {
    grid-area: calendar;
}

.applinks-and-project[b-1nc31tcbps] {
    grid-area: applinks-and-project;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.project[b-1nc31tcbps] {
    grid-area: project;
}

.people[b-1nc31tcbps] {
    grid-area: people;
}

.accounting[b-1nc31tcbps] {
    grid-area: accounting;
}

.grid-cell[b-1nc31tcbps] {
    min-width: 0;
    max-width: 100%;
}

.startseite-grid-container[b-1nc31tcbps] {
    height: 100%;
    min-height: 560px;
    width: 100%;
    display: grid;
    grid-template-columns: 479px 479px 479px 479px 1fr;
    grid-template-rows: var(--startseite-rows, repeat(6, minmax(0, 1fr)));
    gap: 16px 16px;
    grid-template-areas: var(--startseite-areas);
}

.startseite-grid-container.layout-tcpa[b-1nc31tcbps] {
    --startseite-rows: auto repeat(5, minmax(0, 1fr));
    --startseite-areas:
        "calendar applinks-and-project people contract-confirmations image"
        "calendar applinks-and-project people accounting image"
        "calendar applinks-and-project people accounting image"
        "calendar applinks-and-project people accounting image"
        "calendar applinks-and-project people accounting image"
        "calendar applinks-and-project people accounting image";
}

.startseite-grid-container.layout-tcp[b-1nc31tcbps] {
    --startseite-rows: auto repeat(5, minmax(0, 1fr));
    --startseite-areas:
        "calendar applinks-and-project contract-confirmations image image"
        "calendar applinks-and-project people image image"
        "calendar applinks-and-project people image image"
        "calendar applinks-and-project people image image"
        "calendar applinks-and-project people image image"
        "calendar applinks-and-project people image image";
}

.startseite-grid-container.layout-tca[b-1nc31tcbps] {
    --startseite-rows: auto repeat(5, minmax(0, 1fr));
    --startseite-areas:
        "calendar applinks-and-project contract-confirmations image image"
        "calendar applinks-and-project accounting image image"
        "calendar applinks-and-project accounting image image"
        "calendar applinks-and-project accounting image image"
        "calendar applinks-and-project accounting image image"
        "calendar applinks-and-project accounting image image";
}

.startseite-grid-container.layout-tpa[b-1nc31tcbps] {
    --startseite-rows: auto repeat(5, minmax(0, 1fr));
    --startseite-areas:
        "applinks-and-project people contract-confirmations image image"
        "applinks-and-project people accounting image image"
        "applinks-and-project people accounting image image"
        "applinks-and-project people accounting image image"
        "applinks-and-project people accounting image image"
        "applinks-and-project people accounting image image";
}

.startseite-grid-container.layout-tc[b-1nc31tcbps] {
    --startseite-rows: auto repeat(5, minmax(0, 1fr));
    --startseite-areas:
        "calendar contract-confirmations image image image"
        "calendar applinks-and-project image image image"
        "calendar applinks-and-project image image image"
        "calendar applinks-and-project image image image"
        "calendar applinks-and-project image image image"
        "calendar applinks-and-project image image image";
}

.startseite-grid-container.layout-tp[b-1nc31tcbps] {
    --startseite-rows: auto repeat(5, minmax(0, 1fr));
    --startseite-areas:
        "applinks-and-project contract-confirmations image image image"
        "applinks-and-project people image image image"
        "applinks-and-project people image image image"
        "applinks-and-project people image image image"
        "applinks-and-project people image image image"
        "applinks-and-project people image image image";
}

.startseite-grid-container.layout-ta[b-1nc31tcbps] {
    --startseite-rows: auto repeat(5, minmax(0, 1fr));
    --startseite-areas:
        "applinks-and-project contract-confirmations image image image"
        "applinks-and-project accounting image image image"
        "applinks-and-project accounting image image image"
        "applinks-and-project accounting image image image"
        "applinks-and-project accounting image image image"
        "applinks-and-project accounting image image image";
}

.startseite-grid-container.layout-t[b-1nc31tcbps] {
    --startseite-rows: auto repeat(5, minmax(0, 1fr));
    --startseite-areas:
        "contract-confirmations contract-confirmations image image image"
        "applinks-and-project applinks-and-project image image image"
        "applinks-and-project applinks-and-project image image image"
        "applinks-and-project applinks-and-project image image image"
        "applinks-and-project applinks-and-project image image image"
        "applinks-and-project applinks-and-project image image image";
}

.startseite-grid-container.layout-cpa[b-1nc31tcbps] {
    --startseite-areas:
        "calendar applinks-and-project people accounting image"
        "calendar applinks-and-project people accounting image"
        "calendar applinks-and-project people accounting image"
        "calendar applinks-and-project people accounting image"
        "calendar applinks-and-project people accounting image"
        "calendar applinks-and-project people accounting image";
}

.startseite-grid-container.layout-cp[b-1nc31tcbps] {
    --startseite-areas:
        "calendar applinks-and-project people image image"
        "calendar applinks-and-project people image image"
        "calendar applinks-and-project people image image"
        "calendar applinks-and-project people image image"
        "calendar applinks-and-project people image image"
        "calendar applinks-and-project people image image";
}

.startseite-grid-container.layout-ca[b-1nc31tcbps] {
    --startseite-areas:
        "calendar applinks-and-project accounting image image"
        "calendar applinks-and-project accounting image image"
        "calendar applinks-and-project accounting image image"
        "calendar applinks-and-project accounting image image"
        "calendar applinks-and-project accounting image image"
        "calendar applinks-and-project accounting image image";
}

.startseite-grid-container.layout-pa[b-1nc31tcbps] {
    --startseite-areas:
        "applinks-and-project people accounting image image"
        "applinks-and-project people accounting image image"
        "applinks-and-project people accounting image image"
        "applinks-and-project people accounting image image"
        "applinks-and-project people accounting image image"
        "applinks-and-project people accounting image image";
}

.startseite-grid-container.layout-c[b-1nc31tcbps] {
    --startseite-areas:
        "calendar applinks-and-project image image image"
        "calendar applinks-and-project image image image"
        "calendar applinks-and-project image image image"
        "calendar applinks-and-project image image image"
        "calendar applinks-and-project image image image"
        "calendar applinks-and-project image image image";
}

.startseite-grid-container.layout-p[b-1nc31tcbps] {
    --startseite-areas:
        "applinks-and-project people image image image"
        "applinks-and-project people image image image"
        "applinks-and-project people image image image"
        "applinks-and-project people image image image"
        "applinks-and-project people image image image"
        "applinks-and-project people image image image";
}

.startseite-grid-container.layout-a[b-1nc31tcbps] {
    --startseite-areas:
        "applinks-and-project accounting image image image"
        "applinks-and-project accounting image image image"
        "applinks-and-project accounting image image image"
        "applinks-and-project accounting image image image"
        "applinks-and-project accounting image image image"
        "applinks-and-project accounting image image image";
}

.startseite-grid-container.layout-base[b-1nc31tcbps] {
    --startseite-areas:
        "applinks-and-project applinks-and-project image image image"
        "applinks-and-project applinks-and-project image image image"
        "applinks-and-project applinks-and-project image image image"
        "applinks-and-project applinks-and-project image image image"
        "applinks-and-project applinks-and-project image image image"
        "applinks-and-project applinks-and-project image image image";
}

@media (max-width: 2559px) {
    .startseite-grid-container[b-1nc31tcbps] {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}

@media (max-width: 1919px) {
    .startseite-grid-container[b-1nc31tcbps] {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .startseite-grid-container.layout-tcpa[b-1nc31tcbps] {
        --startseite-rows: auto repeat(4, minmax(0, 1fr));
        --startseite-areas:
            "calendar applinks-and-project contract-confirmations image"
            "calendar applinks-and-project accounting image"
            "calendar applinks-and-project accounting image"
            "calendar applinks-and-project people image"
            "calendar applinks-and-project people image";
    }

    .startseite-grid-container.layout-tcp[b-1nc31tcbps] {
        --startseite-rows: auto repeat(4, minmax(0, 1fr));
        --startseite-areas:
            "calendar applinks-and-project contract-confirmations image"
            "calendar applinks-and-project people image"
            "calendar applinks-and-project people image"
            "calendar applinks-and-project people image"
            "calendar applinks-and-project people image";
    }

    .startseite-grid-container.layout-tca[b-1nc31tcbps] {
        --startseite-rows: auto repeat(4, minmax(0, 1fr));
        --startseite-areas:
            "calendar applinks-and-project contract-confirmations image"
            "calendar applinks-and-project accounting image"
            "calendar applinks-and-project accounting image"
            "calendar applinks-and-project accounting image"
            "calendar applinks-and-project accounting image";
    }

    .startseite-grid-container.layout-tpa[b-1nc31tcbps] {
        --startseite-rows: auto repeat(4, minmax(0, 1fr));
        --startseite-areas:
            "applinks-and-project people contract-confirmations image"
            "applinks-and-project people accounting image"
            "applinks-and-project people accounting image"
            "applinks-and-project people accounting image"
            "applinks-and-project people accounting image";
    }

    .startseite-grid-container.layout-tc[b-1nc31tcbps] {
        --startseite-rows: auto repeat(4, minmax(0, 1fr));
        --startseite-areas:
            "calendar contract-confirmations image image"
            "calendar applinks-and-project image image"
            "calendar applinks-and-project image image"
            "calendar applinks-and-project image image"
            "calendar applinks-and-project image image";
    }

    .startseite-grid-container.layout-tp[b-1nc31tcbps] {
        --startseite-rows: auto repeat(4, minmax(0, 1fr));
        --startseite-areas:
            "applinks-and-project contract-confirmations image image"
            "applinks-and-project people image image"
            "applinks-and-project people image image"
            "applinks-and-project people image image"
            "applinks-and-project people image image";
    }

    .startseite-grid-container.layout-ta[b-1nc31tcbps] {
        --startseite-rows: auto repeat(4, minmax(0, 1fr));
        --startseite-areas:
            "applinks-and-project contract-confirmations image image"
            "applinks-and-project accounting image image"
            "applinks-and-project accounting image image"
            "applinks-and-project accounting image image"
            "applinks-and-project accounting image image";
    }

    .startseite-grid-container.layout-t[b-1nc31tcbps] {
        --startseite-rows: auto repeat(4, minmax(0, 1fr));
        --startseite-areas:
            "contract-confirmations contract-confirmations image image"
            "applinks-and-project applinks-and-project image image"
            "applinks-and-project applinks-and-project image image"
            "applinks-and-project applinks-and-project image image"
            "applinks-and-project applinks-and-project image image";
    }

    .startseite-grid-container.layout-cpa[b-1nc31tcbps] {
        --startseite-areas:
            "calendar applinks-and-project accounting image"
            "calendar applinks-and-project accounting image"
            "calendar applinks-and-project accounting image"
            "calendar applinks-and-project people image"
            "calendar applinks-and-project people image"
            "calendar applinks-and-project people image";
    }

    .startseite-grid-container.layout-cp[b-1nc31tcbps] {
        --startseite-areas:
            "calendar applinks-and-project people image"
            "calendar applinks-and-project people image"
            "calendar applinks-and-project people image"
            "calendar applinks-and-project people image"
            "calendar applinks-and-project people image"
            "calendar applinks-and-project people image";
    }

    .startseite-grid-container.layout-ca[b-1nc31tcbps] {
        --startseite-areas:
            "calendar applinks-and-project accounting image"
            "calendar applinks-and-project accounting image"
            "calendar applinks-and-project accounting image"
            "calendar applinks-and-project accounting image"
            "calendar applinks-and-project accounting image"
            "calendar applinks-and-project accounting image";
    }

    .startseite-grid-container.layout-pa[b-1nc31tcbps] {
        --startseite-areas:
            "applinks-and-project people accounting image"
            "applinks-and-project people accounting image"
            "applinks-and-project people accounting image"
            "applinks-and-project people accounting image"
            "applinks-and-project people accounting image"
            "applinks-and-project people accounting image";
    }

    .startseite-grid-container.layout-c[b-1nc31tcbps] {
        --startseite-areas:
            "calendar applinks-and-project image image"
            "calendar applinks-and-project image image"
            "calendar applinks-and-project image image"
            "calendar applinks-and-project image image"
            "calendar applinks-and-project image image"
            "calendar applinks-and-project image image";
    }

    .startseite-grid-container.layout-p[b-1nc31tcbps] {
        --startseite-areas:
            "applinks-and-project people image image"
            "applinks-and-project people image image"
            "applinks-and-project people image image"
            "applinks-and-project people image image"
            "applinks-and-project people image image"
            "applinks-and-project people image image";
    }

    .startseite-grid-container.layout-a[b-1nc31tcbps] {
        --startseite-areas:
            "applinks-and-project accounting image image"
            "applinks-and-project accounting image image"
            "applinks-and-project accounting image image"
            "applinks-and-project accounting image image"
            "applinks-and-project accounting image image"
            "applinks-and-project accounting image image";
    }

    .startseite-grid-container.layout-base[b-1nc31tcbps] {
        --startseite-areas:
            "applinks-and-project applinks-and-project image image"
            "applinks-and-project applinks-and-project image image"
            "applinks-and-project applinks-and-project image image"
            "applinks-and-project applinks-and-project image image"
            "applinks-and-project applinks-and-project image image"
            "applinks-and-project applinks-and-project image image";
    }
}

@media (max-width: 1599px) {
    .startseite-grid-container[b-1nc31tcbps] {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .startseite-grid-container.hide-image-md .image[b-1nc31tcbps] {
        display: none;
    }

    .startseite-grid-container.show-image-md .image[b-1nc31tcbps] {
        display: block;
    }

    .startseite-grid-container.layout-tcpa[b-1nc31tcbps] {
        --startseite-rows: auto repeat(4, minmax(0, 1fr));
        --startseite-areas:
            "calendar applinks-and-project contract-confirmations"
            "calendar applinks-and-project accounting"
            "calendar applinks-and-project accounting"
            "calendar applinks-and-project people"
            "calendar applinks-and-project people";
    }

    .startseite-grid-container.layout-tcp[b-1nc31tcbps] {
        --startseite-rows: auto repeat(4, minmax(0, 1fr));
        --startseite-areas:
            "calendar applinks-and-project contract-confirmations"
            "calendar applinks-and-project people"
            "calendar applinks-and-project people"
            "calendar applinks-and-project people"
            "calendar applinks-and-project people";
    }

    .startseite-grid-container.layout-tca[b-1nc31tcbps] {
        --startseite-rows: auto repeat(4, minmax(0, 1fr));
        --startseite-areas:
            "calendar applinks-and-project contract-confirmations"
            "calendar applinks-and-project accounting"
            "calendar applinks-and-project accounting"
            "calendar applinks-and-project accounting"
            "calendar applinks-and-project accounting";
    }

    .startseite-grid-container.layout-tpa[b-1nc31tcbps] {
        --startseite-rows: auto repeat(4, minmax(0, 1fr));
        --startseite-areas:
            "applinks-and-project people contract-confirmations"
            "applinks-and-project people accounting"
            "applinks-and-project people accounting"
            "applinks-and-project people accounting"
            "applinks-and-project people accounting";
    }

    .startseite-grid-container.layout-tc[b-1nc31tcbps] {
        --startseite-rows: auto repeat(4, minmax(0, 1fr));
        --startseite-areas:
            "calendar contract-confirmations image"
            "calendar applinks-and-project image"
            "calendar applinks-and-project image"
            "calendar applinks-and-project image"
            "calendar applinks-and-project image";
    }

    .startseite-grid-container.layout-tp[b-1nc31tcbps] {
        --startseite-rows: auto repeat(4, minmax(0, 1fr));
        --startseite-areas:
            "applinks-and-project contract-confirmations image"
            "applinks-and-project people image"
            "applinks-and-project people image"
            "applinks-and-project people image"
            "applinks-and-project people image";
    }

    .startseite-grid-container.layout-ta[b-1nc31tcbps] {
        --startseite-rows: auto repeat(4, minmax(0, 1fr));
        --startseite-areas:
            "applinks-and-project contract-confirmations image"
            "applinks-and-project accounting image"
            "applinks-and-project accounting image"
            "applinks-and-project accounting image"
            "applinks-and-project accounting image";
    }

    .startseite-grid-container.layout-t[b-1nc31tcbps] {
        --startseite-rows: auto repeat(4, minmax(0, 1fr));
        --startseite-areas:
            "contract-confirmations contract-confirmations image"
            "applinks-and-project applinks-and-project image"
            "applinks-and-project applinks-and-project image"
            "applinks-and-project applinks-and-project image"
            "applinks-and-project applinks-and-project image";
    }

    .startseite-grid-container.layout-cpa[b-1nc31tcbps] {
        --startseite-areas:
            "calendar applinks-and-project accounting"
            "calendar applinks-and-project accounting"
            "calendar applinks-and-project accounting"
            "calendar applinks-and-project people"
            "calendar applinks-and-project people"
            "calendar applinks-and-project people";
    }

    .startseite-grid-container.layout-cp[b-1nc31tcbps] {
        --startseite-areas:
            "calendar applinks-and-project people"
            "calendar applinks-and-project people"
            "calendar applinks-and-project people"
            "calendar applinks-and-project people"
            "calendar applinks-and-project people"
            "calendar applinks-and-project people";
    }

    .startseite-grid-container.layout-ca[b-1nc31tcbps] {
        --startseite-areas:
            "calendar applinks-and-project accounting"
            "calendar applinks-and-project accounting"
            "calendar applinks-and-project accounting"
            "calendar applinks-and-project accounting"
            "calendar applinks-and-project accounting"
            "calendar applinks-and-project accounting";
    }

    .startseite-grid-container.layout-pa[b-1nc31tcbps] {
        --startseite-areas:
            "applinks-and-project people accounting"
            "applinks-and-project people accounting"
            "applinks-and-project people accounting"
            "applinks-and-project people accounting"
            "applinks-and-project people accounting"
            "applinks-and-project people accounting";
    }

    .startseite-grid-container.layout-c[b-1nc31tcbps] {
        --startseite-areas:
            "calendar applinks-and-project image"
            "calendar applinks-and-project image"
            "calendar applinks-and-project image"
            "calendar applinks-and-project image"
            "calendar applinks-and-project image"
            "calendar applinks-and-project image";
    }

    .startseite-grid-container.layout-p[b-1nc31tcbps] {
        --startseite-areas:
            "applinks-and-project people image"
            "applinks-and-project people image"
            "applinks-and-project people image"
            "applinks-and-project people image"
            "applinks-and-project people image"
            "applinks-and-project people image";
    }

    .startseite-grid-container.layout-a[b-1nc31tcbps] {
        --startseite-areas:
            "applinks-and-project accounting image"
            "applinks-and-project accounting image"
            "applinks-and-project accounting image"
            "applinks-and-project accounting image"
            "applinks-and-project accounting image"
            "applinks-and-project accounting image";
    }

    .startseite-grid-container.layout-base[b-1nc31tcbps] {
        --startseite-areas:
            "applinks-and-project applinks-and-project image"
            "applinks-and-project applinks-and-project image"
            "applinks-and-project applinks-and-project image"
            "applinks-and-project applinks-and-project image"
            "applinks-and-project applinks-and-project image"
            "applinks-and-project applinks-and-project image";
    }
}

@media (max-width: 1279px) {
    .startseite-grid-container[b-1nc31tcbps] {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
    }

    [b-1nc31tcbps] .card-tms-image {
        display: block;
        max-height: 350px;
    }

    .startseite-grid-container.show-image-md .image[b-1nc31tcbps] {
        display: none;
    }

    [b-1nc31tcbps] .default-logo-xl {
        width: 120px !important;
        height: 30px !important;
    }

    [b-1nc31tcbps] .content-list {
        min-height: 260px !important;
    }

    .layout-tcpa .calendar[b-1nc31tcbps],
    .layout-tcpa .accounting[b-1nc31tcbps],
    .layout-tca .applinks-and-project[b-1nc31tcbps],
    .layout-tca .accounting[b-1nc31tcbps],
    .layout-cpa .applinks-and-project[b-1nc31tcbps],
    .layout-cpa .accounting[b-1nc31tcbps],
    .layout-ca .applinks-and-project[b-1nc31tcbps],
    .layout-ca .accounting[b-1nc31tcbps],
    .layout-pa .applinks-and-project[b-1nc31tcbps],
    .layout-pa .accounting[b-1nc31tcbps],
    .layout-cp .applinks-and-project[b-1nc31tcbps],
    .layout-cp .people[b-1nc31tcbps] {
        padding-bottom: 16px;
    }

    .contract-confirmations[b-1nc31tcbps],
    .contract-confirmations[b-1nc31tcbps]  .card-content-container {
        height: 100%;
    }

    .startseite-grid-container.layout-tcpa[b-1nc31tcbps] {
        --startseite-rows: auto 1fr 1fr;
        --startseite-areas:
            "applinks-and-project contract-confirmations"
            "applinks-and-project people"
            "calendar accounting";
    }

    .startseite-grid-container.layout-tcp[b-1nc31tcbps] {
        --startseite-rows: auto 1fr 1fr;
        --startseite-areas:
            "applinks-and-project contract-confirmations"
            "applinks-and-project calendar"
            "applinks-and-project people";
    }

    .startseite-grid-container.layout-tca[b-1nc31tcbps] {
        --startseite-rows: auto 1fr 1fr;
        --startseite-areas:
            "applinks-and-project contract-confirmations"
            "applinks-and-project calendar"
            "applinks-and-project accounting";
    }

    .startseite-grid-container.layout-tpa[b-1nc31tcbps] {
        --startseite-rows: auto 1fr 1fr;
        --startseite-areas:
            "applinks-and-project contract-confirmations"
            "applinks-and-project people"
            "applinks-and-project accounting";
    }

    .startseite-grid-container.layout-tc[b-1nc31tcbps] {
        --startseite-rows: auto 1fr 1fr;
        --startseite-areas:
            "applinks-and-project contract-confirmations"
            "applinks-and-project calendar"
            "applinks-and-project calendar";
    }

    .startseite-grid-container.layout-tp[b-1nc31tcbps] {
        --startseite-rows: auto 1fr 1fr;
        --startseite-areas:
            "applinks-and-project contract-confirmations"
            "applinks-and-project people"
            "applinks-and-project people";
    }

    .startseite-grid-container.layout-ta[b-1nc31tcbps] {
        --startseite-rows: auto 1fr 1fr;
        --startseite-areas:
            "applinks-and-project contract-confirmations"
            "applinks-and-project accounting"
            "applinks-and-project accounting";
    }

    .startseite-grid-container.layout-t[b-1nc31tcbps] {
        --startseite-rows: auto 1fr;
        --startseite-areas:
            "contract-confirmations contract-confirmations"
            "applinks-and-project applinks-and-project";
    }

    .startseite-grid-container.layout-cpa[b-1nc31tcbps] {
        --startseite-areas:
            "calendar people"
            "applinks-and-project accounting";
    }

    .startseite-grid-container.layout-cp[b-1nc31tcbps] {
        --startseite-areas:
            "applinks-and-project calendar"
            "applinks-and-project calendar"
            "applinks-and-project calendar"
            "applinks-and-project people"
            "applinks-and-project people"
            "applinks-and-project people";
    }

    .startseite-grid-container.layout-ca[b-1nc31tcbps] {
        --startseite-areas:
            "applinks-and-project calendar"
            "applinks-and-project calendar"
            "applinks-and-project calendar"
            "applinks-and-project accounting"
            "applinks-and-project accounting"
            "applinks-and-project accounting";
    }

    .startseite-grid-container.layout-pa[b-1nc31tcbps] {
        --startseite-areas:
            "applinks-and-project people"
            "applinks-and-project people"
            "applinks-and-project people"
            "applinks-and-project accounting"
            "applinks-and-project accounting"
            "applinks-and-project accounting";
    }

    .startseite-grid-container.layout-c[b-1nc31tcbps] {
        --startseite-areas:
            "calendar applinks-and-project"
            "calendar applinks-and-project"
            "calendar applinks-and-project"
            "calendar applinks-and-project"
            "calendar applinks-and-project"
            "calendar applinks-and-project";
    }

    .startseite-grid-container.layout-p[b-1nc31tcbps] {
        --startseite-areas:
            "applinks-and-project people"
            "applinks-and-project people"
            "applinks-and-project people"
            "applinks-and-project people"
            "applinks-and-project people"
            "applinks-and-project people";
    }

    .startseite-grid-container.layout-a[b-1nc31tcbps] {
        --startseite-areas:
            "applinks-and-project accounting"
            "applinks-and-project accounting"
            "applinks-and-project accounting"
            "applinks-and-project accounting"
            "applinks-and-project accounting"
            "applinks-and-project accounting";
    }

    .startseite-grid-container.layout-base[b-1nc31tcbps] {
        --startseite-areas:
            "applinks-and-project applinks-and-project"
            "applinks-and-project applinks-and-project"
            "applinks-and-project applinks-and-project"
            "applinks-and-project applinks-and-project"
            "applinks-and-project applinks-and-project"
            "applinks-and-project applinks-and-project";
    }
}

@media (max-width: 639px) {
    .startseite-grid-container[b-1nc31tcbps] {
        grid-template-columns: unset;
        grid-template-rows: unset;
        grid-template-areas: unset;
        display: flex;
        flex-direction: column;
    }

    .startseite-grid-container.layout-base[b-1nc31tcbps] {
        min-height: unset;
    }

    .startseite-grid-container.show-image-md .image-one-column[b-1nc31tcbps] {
        display: none;
    }

    .applinks-and-project[b-1nc31tcbps] {
        padding-bottom: unset;
    }

    .contract-confirmations[b-1nc31tcbps] {
        width: 100%;
    }

    [b-1nc31tcbps] .content-list {
        max-height: 300px !important;
        min-height: 260px !important;
    }

    .layout-tpa .accounting[b-1nc31tcbps],
    .layout-tcpa .accounting[b-1nc31tcbps],
    .layout-ta .accounting[b-1nc31tcbps],
    .layout-tca .accounting[b-1nc31tcbps],
    .layout-tp .people[b-1nc31tcbps],
    .layout-tcp .people[b-1nc31tcbps],
    .layout-tc .applinks-and-project[b-1nc31tcbps],
    .layout-pa .accounting[b-1nc31tcbps],
    .layout-cpa .accounting[b-1nc31tcbps],
    .layout-a .accounting[b-1nc31tcbps],
    .layout-ca .accounting[b-1nc31tcbps],
    .layout-p .people[b-1nc31tcbps],
    .layout-cp .people[b-1nc31tcbps],
    .layout-c .applinks-and-project[b-1nc31tcbps],
    .layout-base .applinks-and-project[b-1nc31tcbps] {
        padding-bottom: 16px;
    }

    .layout-tcpa .calendar[b-1nc31tcbps],
    .layout-pa .applinks-and-project[b-1nc31tcbps],
    .layout-cp .applinks-and-project[b-1nc31tcbps] {
        padding-bottom: 0px;
    }

    .layout-base .applinks-and-project[b-1nc31tcbps] {
        flex: 1;
    }
}

.skeleton-list-container[b-1nc31tcbps] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    padding-top: 12px;
}

.skeleton-container[b-1nc31tcbps] {
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding: 0px 12px;
}

.invoice-status-container[b-1nc31tcbps] {
    height: 20px;
    width: 20px;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-1nc31tcbps] .invoice-check {
    color: var(--tms-color-utility-success-500);
}

[b-1nc31tcbps] .invoice-xmark {
    color: var(--tms-color-utility-error-600);
}

.logo-kringel[b-1nc31tcbps] {
    position: absolute;
    --logo-offset: min(8vw, 8vh, 20px);
    bottom: var(--logo-offset);
    left: var(--logo-offset);
    height: 120px;
    max-height: 30%;
}

[b-1nc31tcbps] .logo-container {
    inset: 0;
}

[b-1nc31tcbps] .empty-state {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background-color: var(--tms-color-bg-tertiary);
    padding: 16px 0px;
    justify-content: center;
}

[b-1nc31tcbps] .empty-state-icon * {
    color: var(--tms-color-fg-featured-icon-alt);
}

[b-1nc31tcbps] .grid-cell .content-list {
    flex: 1;
    max-height: unset !important;
}

[b-1nc31tcbps] .grid-cell .content-list:has(.empty-state) {
    padding: 0px 16px;
}

[b-1nc31tcbps] .grid-cell .content-container:has(.empty-state) {
    padding-bottom: 16px;
}

.app-links-grid[b-1nc31tcbps] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.app-links-row[b-1nc31tcbps] {
    min-width: 0;
}